@import url(normalize.css);
* {
  margin: 0;
  padding: 0;
  outline: 0; }

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

.clearfix:after {
  content: '';
  display: block;
  clear: both; }

#wrapper {
  position: relative;
  font-family: "Prompt", sans-serif;
  font-size: 15px;
  color: #003868; }
  #wrapper header, #wrapper section, #wrapper main {
    width: 100%;
    position: relative; }
    #wrapper header article, #wrapper section article, #wrapper main article {
      max-width: 1500px;
      width: 100%;
      margin: 0 auto;
      position: relative; }

#navicon {
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -15px;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: 400;
  cursor: pointer;
  display: none; }
  #navicon span {
    display: inline-block; }
    #navicon span.icon {
      color: #fab614; }

#topBar {
  height: 50px;
  background: #003868;
  padding: 0 25px; }
  #topBar .inner {
    float: right; }
    #topBar .inner ul {
      float: left; }
      #topBar .inner ul li {
        display: block;
        float: left; }
        #topBar .inner ul li a {
          color: #fff;
          line-height: 50px;
          text-decoration: none;
          font-size: 1em; 
          transition: 175ms ease-in-out; }
      #topBar .inner ul#topNav li {
        margin-left: 55px; }
        #topBar .inner ul#topNav li.phone {
          font-size: 1.2em; }
          #topBar .inner ul#topNav li.phone span {
            color: #fab614;
            display: inline-block; }
      #topBar .inner ul#socialMedia {
        margin-left: 100px; }
        #topBar .inner ul#socialMedia li {
          margin-left: 20px; }
          #topBar .inner ul#socialMedia li a {
            font-size: 1.3em; }

header {
  padding: 20px; }
  header a.logo {
    float: left;
    width: 300px; }
    header a.logo img {
      width: 100%;
      height: auto;
      display: block; }
  header nav {
    float: right; }
    header nav #close {
      position: absolute;
      top: 10px;
      right: 20px;
      color: #fff;
      font-size: 30px;
      line-height: 1;
      padding: 20px;
      cursor: pointer;
      display: none; }
    header nav ul {
      display: inline-block;
      list-style: none;
      position: relative;
      top: 18px; }
      header nav ul li {
        float: left;
        margin-left: 50px; }
        header nav ul li:first-of-type {
          margin-left: 0; }
        header nav ul li a {
          display: block;
          position: relative;
          height: 50px;
          line-height: 50px;
          text-transform: uppercase;
          text-decoration: none;
          color: #003868;
          font-size: 1.2em;
          font-weight: 500;
          bottom: 0;
          transition: 175ms ease-in-out;
          letter-spacing: 1px;
          }
        header nav ul li.nav-path-selected a:after {
          content: '';
          height: 4px;
          width: 100%;
          display: block;
          position: absolute;
          bottom: 0;
          left: 0;
          background: #fab614; }
      header nav ul.chat li {
        margin-left: 40px; }
        header nav ul.chat li a {
          background: #fab614;
          color: #fff;
          font-weight: 700;
          padding: 0 30px;
          border-radius: 30px; 
		  font-size: 24px; }

header nav ul.chatNew table {
  margin: 0 auto;
         }
        header nav ul.chatNew li a {
          padding: 0 30px;}

     
#alert {
  background: #e31e1e;
  padding: 15px;
  text-align: center;
  line-height: 1.4em;
  font-size: 1.2em;
  color: #fff;
  position: relative;
  z-index: 30; }
  #alert span {
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase; }
  #alert p {
    display: inline-block; }

.memberLoginButton {
  background: #003868;
  padding: 15px;
  color: #fff;
  font-weight: 600;
  text-align: center;
  display: none;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5em;
  line-height: 1;
  letter-spacing: 2px; }

#logInWithSlider {
  border-bottom: 25px solid #fab614; }
  #logInWithSlider table {
    width: 100%; }
    #logInWithSlider table tr td {
      vertical-align: top; }
      #logInWithSlider table tr td#slider #sliderWrapper {
        position: relative; }
        #logInWithSlider table tr td#slider #sliderWrapper #slides {
          width: 100% !important;
          z-index: 10; }
          #logInWithSlider table tr td#slider #sliderWrapper #slides .slide {
            width: 100% !important; }
            #logInWithSlider table tr td#slider #sliderWrapper #slides .slide img {
              width: 100% !important;
              height: auto !important;
              display: block; }
        #logInWithSlider table tr td#slider #sliderWrapper #pager {
          position: absolute;
          bottom: 10px;
          left: 0;
          z-index: 20;
          width: 100%;
          text-align: center; }
          #logInWithSlider table tr td#slider #sliderWrapper #pager span {
            height: 13px;
            width: 13px;
            background: #fff;
            display: inline-block;
            line-height: 1;
            overflow: hidden;
            text-indent: -300px;
            border-radius: 10px;
            margin: 0 10px;
            cursor: pointer; }
            #logInWithSlider table tr td#slider #sliderWrapper #pager span.cycle-pager-active {
              background: #003868; }
      #logInWithSlider table tr td#login {
        width: 351netpx;
        background: #003868;
        padding: 10px 40px;
        text-align: center;
        color: #fff;
        vertical-align: middle; }
        #logInWithSlider table tr td#login img.sunLogo {
          width: 120px;
          height: auto;
          display: block;
          margin: 0 auto 25px auto; }
        #logInWithSlider table tr td#login h4 {
          text-transform: uppercase;
          font-size: 1.05em;
          letter-spacing: 1px;
          margin-bottom: 30px; }
        #logInWithSlider table tr td#login p {
          font-size: .8em;
          line-height: 1.4em;
          margin-bottom: 30px; }
        #logInWithSlider table tr td#login form {
          margin-bottom: 30px;
          padding: 0 20px; }
          #logInWithSlider table tr td#login form input[type="text"], #logInWithSlider table tr td#login form input[type="password"] {
            display: block;
            width: 100%;
            border: 0;
            margin-bottom: 15px;
            height: 35px;
            padding: 0 10px;
            color: #003868; }
            #logInWithSlider table tr td#login form input[type="text"]::-webkit-input-placeholder {
              color: #aaa; }
            #logInWithSlider table tr td#login form input[type="text"]::-moz-placeholder {
              color: #aaa; }
            #logInWithSlider table tr td#login form input[type="text"]:-ms-input-placeholder {
              color: #aaa; }
            #logInWithSlider table tr td#login form input[type="text"]:-moz-placeholder {
              color: #aaa; }
          #logInWithSlider table tr td#login form input[type="submit"] {
            background: #fab614;
            border: 0px;
            text-transform: uppercase;
            font-weight: 700;
            font-size: 24px;
            letter-spacing: 1px;
            line-height: 1;
            padding: 7px 30px;
            border-radius: 20px; }
        #logInWithSlider table tr td#login a.loginLink {
          display: block;
          text-align: center;
          color: #fff;
          text-decoration: none;
          font-weight: 500;
          margin-bottom: 10px; }
          #logInWithSlider table tr td#login a.loginLink span {
            display: inline-block;
            color: #fab614;
            margin-right: 6px; }

#quicklinks {
  padding: 20px 30px; }
  #quicklinks article table {
    width: 100%; }
    #quicklinks article table tr td {
      vertical-align: middle;
      text-align: center; }
      #quicklinks article table tr td a {
        display: block;
        text-decoration: none; }
        #quicklinks article table tr td a img {
          display: block;
          margin: 0 auto 20px auto; }
        #quicklinks article table tr td a h3 {
          color: #003868;
          text-transform: uppercase;
          font-style: italic; }
      #quicklinks article table tr td:first-of-type a {
        cursor: default; }
        #quicklinks article table tr td:first-of-type a h3 {
          display: none; }

#rates {
  background: #003868 url("../_img/rates_bg.jpg") no-repeat center center;
  background-size: cover;
  padding: 25px 30px; }
  #rates article {
    padding-left: 36%; }
    #rates article h2 {
      position: absolute;
      top: 10px;
      left: 0;
      color: #fff;
      text-transform: uppercase;
      font-size: 2.3em;
      font-weight: 600; }
      #rates article h2:after {
        content: '';
        height: 5px;
        width: 90%;
        background: #fab614;
        display: block;
        margin: 10px auto 0 auto; }
    #rates article img.infograph {
      position: absolute;
      bottom: 20px;
      left: 0; }
    #rates article dl dd {
      position: relative;
      width: 30%;
      float: left;
      text-align: center;
      margin: 2%;
      padding: 47px 0;
      min-height: 195px;
      background-color: #2d5f86; 
      
      transition: 175ms ease-in-out;}
      
      #rates article dl dd .rate_link {
     	position: absolute;
      	display: inline-block;
      	top: 0;
      	left: 0;
      	
      	width: 100%;
      	height: 100%;
      }
      #rates article dl dd:nth-child(3), #rates article dl dd:nth-child(6) {
        margin-right: 0; }
      #rates article dl dd h5 {
        color: #fff;
        font-weight: 300;
        font-size: 2.4em;
        line-height: 1;
        display: inline-block;
        padding-bottom: 10px; }
        #rates article dl dd h5:after {
          content: '';
          height: 5px;
          width: 90%;
          background: #fab614;
          display: block;
          margin: 10px auto 0 auto; }
      #rates article dl dd .rate {
        color: #fff;
        font-size: 2.6em;
        line-height: 1;
        font-weight: 600;
        letter-spacing: 1px; 
        z-index: 11; }
        #rates article dl dd .rate p {
          display: inline-block; }
        #rates article dl dd .rate sup {
          font-size: .55em;
          color: #fab614;
          font-weight: 400; }
      #rates article dl dd.link {
        background: #fff;
        padding: 0; }
        #rates article dl dd.link a {
          text-transform: uppercase;
          text-decoration: none;
          font-size: 2.3em;
          color: #003868;
          font-weight: 800;
          line-height: 1;
          display: block;
          padding: 58px 0; }
          #rates article dl dd.link a span {
            display: block;
            color: #fab614;
            font-size: 1.3em; }

#choose {
  padding: 30px; }
  #choose .arrowBlock {
    width: 350px;
    height: auto;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    background: #fab614;
    z-index: 3; }
    #choose .arrowBlock:before {
      content: '';
      width: 0;
      height: 0;
      border-top: 50px solid transparent;
      border-right: 50px solid #fab614;
      border-bottom: 50px solid transparent;
      position: absolute;
      top: 50%;
      left: -50px;
      margin-top: -50px; }
    #choose .arrowBlock .inner {
      display: block;
      text-align: center;
      font-weight: 800;
      text-transform: uppercase;
      color: #003868;
      font-size: 2.7em;
      line-height: 1;
      position: absolute;
      width: 100%;
      top: 50%;
      margin-top: -40px; }
      #choose .arrowBlock .inner span {
        display: block;
        color: #fff;
        font-size: .95em; }
  #choose article {
    padding-right: 350px; }
    #choose article table {
      width: 100%; }
      #choose article table tr td {
        text-align: center;
        padding: 0 5%;
        vertical-align: middle;
        color: #003868; }
        #choose article table tr td:first-of-type {
          padding-left: 0; }
        #choose article table tr td img {
          display: block;
          margin: 0 auto 15px auto; }
        #choose article table tr td h3 {
          font-size: 1.2em; }
        #choose article table tr td p {
          font-size: .95em; }

#benefits {
  background: #003868 url("../_img/benefits.jpg") no-repeat center center;
  background-size: cover;
  overflow: hidden;
  padding: 0 30px; }
  #benefits article {
    height: 585px; }
    #benefits article a {
      position: absolute;
      bottom: 50px;
      left: 0;
      color: #fff;
      text-decoration: none;
      line-height: 1;
      padding: 30px 30px 30px 0;}
      #benefits article a:before {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        height: 100%;
        width: 1000px;
        background: rgba(0, 56, 104, 0.8);
        z-index: 1;
        border-radius: 0 65px 65px 0; 
        
        transition: 175ms ease-in-out;}
      #benefits article a span {
        display: inline-block;
        text-transform: uppercase;
        font-weight: 700;
        vertical-align: middle;
        position: relative;
        z-index: 2; }
        #benefits article a span.primary {
          font-size: 4em;
          margin-right: 20px; }
        #benefits article a span.secondary {
          color: #fab614;
          line-height: 1.1em;
          font-size: 1.6em;
          margin-right: 30px; }
        #benefits article a span.button {
          height: 70px;
          width: 70px;
          border: 7px solid #fab614;
          border-radius: 40px;
          text-align: center;
          line-height: 1;
          font-size: 40px;
          padding: 8px 0 0 8px; }

#news {
  padding: 50px 30px; }
  #news article {
    position: relative;
    padding-left: 28%; }
    #news article h2 {
      position: absolute;
      top: 0px;
      left: 0;
      color: #003868;
      text-transform: uppercase;
      font-size: 2.3em;
      font-weight: 600;
      line-height: 1; }
      #news article h2:after {
        content: '';
        height: 5px;
        width: 90%;
        background: #fab614;
        display: block;
        margin: 10px auto 0 auto; }
    #news article span.newsIcon {
      position: absolute;
      top: 55px;
      left: 50px;
      font-size: 150px;
      color: #003868;
      -webkit-transform: scaleX(-1);
      -ms-transform: scaleX(-1);
      transform: scaleX(-1);
      -webkit-filter: FlipH;
      filter: FlipH;
      line-height: 1; }
    #news article dl dd {
      float: left;
      width: 22%;
      margin: 0 2%; 
      padding: 0 15px; }
      #news article dl dd:first-of-type {
        margin-left: 0; }
      #news article dl dd:last-of-type {
        margin-right: 0; }
      #news article dl dd a {
        display: block;
        text-align: center;
        color: #003868;
        text-decoration: none; }
        #news article dl dd a img {
          display: block;
          width: 100%;
          height: auto;
          margin-bottom: 15px; }
        #news article dl dd a h5 {
          font-size: 1em;
          line-height: 1.3;
          margin-bottom: 10px; }
        #news article dl dd a span.date {
          color: #aaa; }

#headerImage img {
  display: block;
  width: 100%;
  height: auto; }

/*#mortgageLanding {
  overflow: hidden;
  height: 100vh;
  min-height: 850px;
  background-color: #fab614;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center; } */
  #mortgageLanding {
    width: 100%;
    display: block;
    position: relative;
  }
  #mortgageLanding .container {
    width: 100%;
    position: relative;
    display: block;
  }
  #mortgageLanding .container .landing_header, #mortgageLanding .ccm-image-slider img {
    width: 100%;
    height: auto;
    position: relative;
    display: block;
    border-bottom: 25px solid #fab614;
    z-index: 1;
  }
  #mortgageLanding .container a.logo {
    width: 400px;
    position: absolute;
    top: 30px;
    left: 50px; 
    z-index: 10;}
    #mortgageLanding .container a.logo img {
      width: 100%;
      height: auto;
      display: block; }
  #mortgageLanding .container #footerInfo {
    width: 100%;
    position: absolute;
    bottom: 5%;
    left: 0; 
    z-index: 10;}
/*FOR THE NO RATES LANDING PAGES*/
    #wrapper #mortgageLanding .container .footerInfoNoRate {
          width: 40%;
          position: absolute;
          bottom: 22%;
          right: 3%;
          z-index: 10;
    }

    #wrapper #mortgageLanding .container .footerInfoNoRates article table tr td.visit a.button {
      white-space: nowrap;
    }

     #mortgageLanding .container #footerInfoNoRates article {
      padding: 30px; }
      #mortgageLanding .container #footerInfoNoRates article table {
        width: 100%;
        table-layout: fixed; }
        #mortgageLanding .container #footerInfoNoRates article table tr td {
          vertical-align: bottom;
          text-align: left; }
          #mortgageLanding .container #footerInfoNoRates article table tr td.visit {
            text-align: center; }
            #mortgageLanding .container #footerInfoNoRates article table tr td.visit a.button {
              background: #003868;
              border-radius: 38px;
              height: 75px;
              display: inline-block;
              line-height: 75px;
              text-decoration: none;
              white-space: nowrap;
              color: #fff;
              text-transform: uppercase;
              font-size: 1.9em;
              font-weight: 600;
              letter-spacing: 1px;
              padding: 0 45px; 
              margin: 5px 0;
              width: 50%;}
              #mortgageLanding .container #footerInfoNoRates article table tr td.visit a.button.small {
                font-size: 14px;
                line-height: 50px;
                height: 50px;
              }
          #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates {
            display: inline-block;
            text-align: left;
            color: #fff; }
            #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates img {
              display: block;
              width: 325px;
              height: auto;
              margin: 0 auto 15px auto;
              opacity: .6; }
            #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates span {
              display: block;
              text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.31); }
              /*#mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates span.large {
                font-size: 5.3em;
                text-transform: uppercase;
                font-weight: 800;
                line-height: 1;
                margin: 0 0 0 0;
                letter-spacing: 3px; } */
              #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates span.large p {
                font-size: 4em;
                text-transform: uppercase;
                font-weight: 800;
                line-height: 1;
                margin: 0 0 0 0;
                letter-spacing: 3px;
                }
            #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates p {
              font-size: 7.5em;
              text-transform: uppercase;
              font-weight: 800;
              line-height: 1;
              margin: 0 0 0 0;
              letter-spacing: 3px;
              position: relative;
              text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.31); 
              display: inline-block;}
              #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates span.smaller, #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates span.smaller p {
                font-size: 36px;
                text-transform: uppercase;
                font-weight: 500;
                line-height: 1;
                margin: 0 0 -10px 0; }
              #mortgageLanding .container #footerInfoNoRates article table tr td .mortgageRates p sup {
                display: block;
                position: absolute;
                top: 10px;
                right: -80px;
                font-weight: 300;
                font-size: .3em;
                line-height: 1; }
/*******************************/
    #mortgageLanding .container #footerInfo article {
      padding: 30px; }
      #mortgageLanding .container #footerInfo article table {
        width: 100%;
        table-layout: fixed; }
        #mortgageLanding .container #footerInfo article table tr td {
          vertical-align: bottom;
          text-align: left; }
          #mortgageLanding .container #footerInfo article table tr td.visit {
            text-align: right; }
            #mortgageLanding .container #footerInfo article table tr td.visit a.button {
              background: #003868;
              border-radius: 38px;
              height: 75px;
              display: inline-block;
              line-height: 75px;
              text-decoration: none;
              color: #fff;
              text-transform: uppercase;
              font-size: 1.9em;
              font-weight: 600;
              letter-spacing: 1px;
              padding: 0 45px; 
              margin: 5px 0;}
              #mortgageLanding .container #footerInfo article table tr td.visit a.button.small {
              	font-size: 14px;
              	line-height: 50px;
              	height: 50px;
              }
          #mortgageLanding .container #footerInfo article table tr td .mortgageRates {
            display: inline-block;
            text-align: left;
            color: #fff; }
            #mortgageLanding .container #footerInfo article table tr td .mortgageRates img {
              display: block;
              width: 325px;
              height: auto;
              margin: 0 auto 15px auto;
              opacity: .6; }
            #mortgageLanding .container #footerInfo article table tr td .mortgageRates span {
              display: block;
              text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.31); }
              /*#mortgageLanding .container #footerInfo article table tr td .mortgageRates span.large {
                font-size: 5.3em;
                text-transform: uppercase;
                font-weight: 800;
                line-height: 1;
                margin: 0 0 0 0;
                letter-spacing: 3px; } */
              #mortgageLanding .container #footerInfo article table tr td .mortgageRates span.large p {
                font-size: 4em;
                text-transform: uppercase;
                font-weight: 800;
                line-height: 1;
                margin: 0 0 0 0;
                letter-spacing: 3px;
                }
            #mortgageLanding .container #footerInfo article table tr td .mortgageRates p {
              font-size: 7.5em;
              text-transform: uppercase;
              font-weight: 800;
              line-height: 1;
              margin: 0 0 0 0;
              letter-spacing: 3px;
              position: relative;
              text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.31); 
              display: inline-block;}
              #mortgageLanding .container #footerInfo article table tr td .mortgageRates span.smaller, #mortgageLanding .container #footerInfo article table tr td .mortgageRates span.smaller p {
                font-size: 36px;
                text-transform: uppercase;
                font-weight: 500;
                line-height: 1;
                margin: 0 0 -10px 0; }
              #mortgageLanding .container #footerInfo article table tr td .mortgageRates p sup {
                display: block;
                position: absolute;
                top: 10px;
                right: -80px;
                font-weight: 300;
                font-size: .3em;
                line-height: 1; }
      #mortgageLanding .body-content {
        display: block;
        overflow: hidden;
        width: 100%;
        position: relative;
        padding: 1% 20px 2%;
        margin: 0 auto;
        max-width: 1600px;
        margin-bottom: 0.67em;
      }
      #mortgageLanding .body-content ul {
      	margin-left: 35px;
      }
      #mortgageLanding .body-content img {
        width: 185px;
        max-width: 100%;
        height: auto;
      }
      #mortgageLanding .body-content h1 {
	    display: inline-block;
	    position: relative;
	    color: #003868;
	    text-transform: uppercase;
	    font-size: 2.3em;
	    line-height: 1;
	    letter-spacing: 3px;
	    text-transform: uppercase;
	    padding-bottom: 12px;
	    font-weight: 600;
      }
      #mortgageLanding .body-content h1.top {
        position: absolute;
        top: 0;
        padding-top: 1%;
        color: #003868;
        text-transform: uppercase;
        font-size: 2.3em;
        font-weight: 600;
        line-height: 1; 
        letter-spacing: 3px;}
        #mortgageLanding .body-content h1:after {
          content: '';
          height: 5px;
          width: 90%;
          background: #fab614;
          display: block;
          margin: 10px auto 0 auto; }
      #mortgageLanding .body-content p.main_text {
        padding-top: 12%;
        position: relative;
        line-height: 1.7em; }
    #mortgageLanding #formWrapper {
      background: #003868;
      color: #fff;
      padding: 30px; }
      #mortgageLanding #formWrapper article {
        padding-left: 290px; }
        #mortgageLanding #formWrapper article h2 {
          position: absolute;
          top: 50%;
          margin-top: -21px;
          left: 0;
          color: #fff;
          text-transform: uppercase;
          font-size: 2.3em;
          font-weight: 600;
          line-height: 1; }
          #mortgageLanding #formWrapper article h2:after {
            content: '';
            height: 5px;
            width: 90%;
            background: #fab614;
            display: block;
            margin: 10px auto 0 auto; }
        #mortgageLanding #formWrapper article form {
          padding-right: 300px;
          position: relative; }
          #mortgageLanding #formWrapper article form dl dd {
            width: 50%;
            float: left;
            padding-right: 30px;
            margin: 10px 0; }
            #mortgageLanding #formWrapper article form dl dd label {
              display: block;
              clear: both;
              text-transform: uppercase;
              margin-bottom: 10px;
              font-size: 1.2em;
              font-weight: 600;
              letter-spacing: 1px;
              line-height: 1; }
            #mortgageLanding #formWrapper article form dl dd input[type="text"], #mortgageLanding #formWrapper article form dl dd input[type="email"], #mortgageLanding #formWrapper article form dl dd input[type="tel"] {
              width: 100%;
              height: 43px;
              border: 0px; }
            #mortgageLanding #formWrapper article form dl dd input[type="text"], #mortgageLanding #formWrapper article form dl dd input[type="email"] {
              padding-left: 15px; }
            #mortgageLanding #formWrapper article form dl dd input[type="tel"] {
              width: 32.3%;
              float: left;
              margin-right: 1.5%;
              text-align: center; }
              #mortgageLanding #formWrapper article form dl dd input[type="tel"]:last-of-type {
                margin-right: 0; }
            #mortgageLanding #formWrapper article form dl dd.hide {
              display: none; }
          #mortgageLanding #formWrapper article form a.call, #mortgageLanding #formWrapper article form input[type="submit"] {
            position: absolute;
            right: 0;
            height: 43px;
            width: 300px;
            background: #fab614;
            border-radius: 22px;
            border: 0px;
            line-height: 43px;
            text-transform: uppercase;
            font-size: 1.2em;
            font-weight: 600;
            letter-spacing: 1px;
            text-align: center;
            text-decoration: none;
            color: #fff; }
          #mortgageLanding #formWrapper article form a.call {
            top: 40px; }
          #mortgageLanding #formWrapper article form input[type="submit"] {
            top: 85px; }
  .disclosure {
    width: 100%;
    position: relative;
    background-color: #001d36;
    padding: 30px;
  }
  .disclosure .inner {
    max-width: 1500px;
    margin: 0 auto;
  }
  .disclosure .inner p {
    color: #fff;
    font-size: 12px;
  }

main {
  padding: 50px 30px; }
  main article table {
    width: 100%; }
    main article table tr td {
      vertical-align: top; }
      main article table tr td#mainContent #paragraph h1 {
      	display: inline-block;
      	position: relative;
      	color: #003868;
      	text-transform: uppercase;
      	font-size: 2.6em;
      	font-weight: 800;
      	line-height: 1;
      	letter-spacing: 3px;
      	text-transform: uppercase;
      	padding-bottom: 24px;
      	margin: 0 0 40px 0;
      	}
        main article table tr td#mainContent #paragraph h1:after {
          content: '';
          position: absolute;
          height: 6px;
          width: 80%;
          min-width: 100px;
          background: #fab614;
          display: block;
          bottom: 0;
          left: 0; 
          right: 0;
          margin: auto;}
      main article table tr td#mainContent #paragraph h3 {
        text-transform: uppercase;
        margin-bottom: 15px;
        font-size: 1.6em;
        color: #fab614; 
        letter-spacing: 1px; }
      main article table tr td#mainContent #paragraph p {
        line-height: 1.7em;
        margin-bottom: 20px; }
        main article table tr td#mainContent #paragraph p a.button {
          display: inline-block;
          background: #003868;
          line-height: 50px;
          color: #fff;
          text-decoration: none;
          color: #fff;
          text-transform: uppercase;
          font-weight: 600;
          font-size: 19px;
          padding: 0 30px;
          border-radius: 25px;
          margin-right: 15px; 
          letter-spacing: 1px;
          
          transition: 175ms ease-in-out;}
      main article table tr td#mainContent #paragraph a {
        color: #003868; }
      main article table tr td#mainContent #paragraph ul {
        padding-left: 20px;
        margin-bottom: 20px; }
        main article table tr td#mainContent #paragraph ul li {
          margin-bottom: 10px; }
          main article table tr td#mainContent #paragraph ul li ul {
            padding-top: 12px; }
      main article table tr td#mainContent #paragraph .vivid-simple-accordion {
        margin-bottom: 20px; }
        main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group {
          margin-bottom: 2px; }
          main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group.open .simple-accordion-title-shell {
            background: #003868; }
          main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-title-shell {
            background: #2d5f86;
            padding: 20px;
            -webkit-transition: background .2s linear;
            -o-transition: background .2s linear;
            transition: background .2s linear; }
            main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-title-shell:hover {
              background: #003868; }
            main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-title-shell span.panel-title {
              color: #fff;
              padding-left: 10px;
              display: block;
              position: relative; }
              main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-title-shell span.panel-title:before {
                color: #fff;
                position: absolute;
                top: 3px;
                left: -8px;
                margin: 0px;
                opacity: .4; }
          main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-description {
            background: #f1f1f1; }
            main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-description table.ratesTable {
              border-collapse: separate;
              border: 1px solid #ccc;
              margin-bottom: 20px; }
              main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-description table.ratesTable tr td, main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-description table.ratesTable tr th {
                padding: 7px 13px;
                border: 1px solid #ccc;
                text-align: left; }
              main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-description table.ratesTable tr th {
                text-transform: uppercase;
                letter-spacing: 1px; }
              main article table tr td#mainContent #paragraph .vivid-simple-accordion .simple-accordion-group .simple-accordion-description table.ratesTable tr:nth-child(odd) {
                background: #eaeaea; }
      main article table tr td#mainContent #paragraph #buttons {
        clear: both;
        margin-bottom: 30px; }
        main article table tr td#mainContent #paragraph #buttons a {
          display: inline-block;
          background: #003868;
          line-height: 50px;
          color: #fff;
          text-decoration: none;
          color: #fff;
          text-transform: uppercase;
          font-weight: 600;
          font-size: 19px;
          padding: 0 30px;
          border-radius: 25px;
          margin: 0 15px 10px 0; }
          main article table tr td#mainContent #paragraph #buttons a.yellow {
            background: #fab614; }
      main article table tr td#mainContent #paragraph table#infoTable {
        border-collapse: separate;
        border: 1px solid #ccc; 
		margin: 15px 0;}
        main article table tr td#mainContent #paragraph table#infoTable tr td, main article table tr td#mainContent #paragraph table#infoTable tr th {
          padding: 10px 13px;
          border: 1px solid #ccc; }
        main article table tr td#mainContent #paragraph table#infoTable tr th {
          text-transform: uppercase;
          letter-spacing: 1px; }
        main article table tr td#mainContent #paragraph table#infoTable tr:last-child {
          background: #f1f1f1; }
      main article table tr td#mainContent #listingBlock {
        background: #fbfbfb;
        padding: 35px 40px; }
        main article table tr td#mainContent #listingBlock dd {
          min-height: 280px;
          position: relative;
          padding: 10px 0 0 0;
          margin-bottom: 65px; }
          main article table tr td#mainContent #listingBlock dd:last-of-type {
            margin-bottom: 0; }
          main article table tr td#mainContent #listingBlock dd .jobImage {
            width: 280px;
            height: 280px;
            position: absolute;
            top: 0;
            left: 0;
            background: #003868; }
            main article table tr td#mainContent #listingBlock dd .jobImage img {
              display: block;
              width: 100%;
              height: 100%;
              -o-object-fit: cover;
              object-fit: cover; }
          main article table tr td#mainContent #listingBlock dd h3 {
            text-transform: uppercase;
            font-size: 2.4em; }
          main article table tr td#mainContent #listingBlock dd p {
            margin-bottom: 10px;
            display: block; }
          main article table tr td#mainContent #listingBlock dd ul.buttons {
            list-style: none;
            margin-top: 20px; }
            main article table tr td#mainContent #listingBlock dd ul.buttons li {
              display: inline-block;
              margin: 0 5px 5px 0; }
              main article table tr td#mainContent #listingBlock dd ul.buttons li a {
                display: block;
                height: 50px;
                background: #003868;
                line-height: 50px;
                color: #fff;
                text-decoration: none;
                color: #fff;
                text-transform: uppercase;
                font-weight: 600;
                font-size: 1.4em;
                padding: 0 55px;
                border-radius: 25px; }
                main article table tr td#mainContent #listingBlock dd ul.buttons li a.seeMore {
                  background: #003868; }
                main article table tr td#mainContent #listingBlock dd ul.buttons li a.apply {
                  background: #fab614; }
      main article table tr td#mainContent #infoGrid {
        width: 100%;
        table-layout: fixed;
        background: #fbfbfb; 
        margin-bottom: 20px;}
        main article table tr td#mainContent #infoGrid tr td {
          text-align: center;
          vertical-align: top;
          padding: 50px; }
          main article table tr td#mainContent #infoGrid tr td img {
            display: inline-block;
            margin-bottom: 10px; }
      main article table tr td#sidebar {
        width: 425px;
        padding: 65px 0 0 50px; 
        display: inline-block;}
        main article table tr td#sidebar .inner {
          border-left: 6px solid #003868;
          padding-left: 50px;
          padding: 35px 0 30px 60px; }
          main article table tr td#sidebar .inner ul {
            list-style: none; }
            main article table tr td#sidebar .inner ul li {
              margin-bottom: 19px; }
              main article table tr td#sidebar .inner ul li.nav-selected > a {
                color: #fab614; }
              main article table tr td#sidebar .inner ul li a {
                text-decoration: none;
                color: #003868;
                text-transform: uppercase;
                font-size: 23px;
                font-weight: 600;
                display: block;
                transition: 175ms ease-in-out;
                letter-spacing: 1px;
                }
              main article table tr td#sidebar .inner ul li ul {
                padding: 10px 0 0 0;
                font-size: .9em; }
                main article table tr td#sidebar .inner ul li ul li {
                  margin-bottom: 5px; 
				  margin-left: 10px; }
                  main article table tr td#sidebar .inner ul li ul li a {
                    font-size: 1.2em;
                    color: #777777; }

footer {
  background: #003868;
  padding: 50px 30px; }
  footer article table {
    width: 100%; }
    footer article table tr td {
      border-right: 3px solid #fab614;
      vertical-align: top; 
      padding-right: 30px; }
      footer article table tr td:last-of-type {
        border: 0; }
      footer article table tr td.info a.logo {
        width: 295px;
        display: block;
        margin-bottom: 30px; }
        footer article table tr td.info a.logo img {
          width: 100%;
          height: auto;
          display: block; }
      footer article table tr td.info p {
        color: #fff;
        font-weight: 200;
        font-size: .9em;
        }
      footer article table tr td.info p:not(.investments-footer-p) {
        	background: transparent url("../_img/fdic.png") no-repeat top left;
        	padding-left: 50px;
        }
      footer article table tr td.quicklinks {
        padding: 0 0 0 30px; }
        footer article table tr td.quicklinks ul {
          list-style: none;
          -webkit-column-count: 3;
          column-count: 3;
          margin-bottom: 59px; }
          footer article table tr td.quicklinks ul li {
            display: block;
            bottom: 0;
            margin: 0 20px; 
            transition: 175ms ease-in-out;}
            footer article table tr td.quicklinks ul li a {
              display: block;
              color: #fff;
              white-space: nowrap;
              text-decoration: none;
              font-size: 1.2em;
              transition: 175ms ease-in-out;
              }
        .general-search .general-search-form-container {
          position: relative;
          width: 100%;
          padding-right: 35px;
          max-width: 300px;
          margin-left: 20px; }
          .general-search input[type="text"] {
            display: block;
            width: 100%;
            border: 0;
            height: 35px;
            padding: 0 10px;
            color: #003868; 
			border: 1px solid grey; }
			
            .general-search input[type="text"]::-webkit-input-placeholder {
              color: #aaa; }
            .general-search input[type="text"]::-moz-placeholder {
              color: #aaa; }
            .general-search input[type="text"]:-ms-input-placeholder {
              color: #aaa; }
            .general-search input[type="text"]:-moz-placeholder {
              color: #aaa; }
          .general-search .submitWrapper {
            position: absolute;
            top: 0;
            right: 0;
            background: #fab614;
            width: 35px;
            height: 35px; }
            .general-search .submitWrapper span {
              position: absolute;
              top: 6px;
              left: 9px;
              color: #fff;
              font-size: 20px;
              line-height: 1; }
            .general-search .submitWrapper input[type="submit"] {
              opacity: 0;
              width: 35px;
              height: 35px;
              border-radius: 0; }
      footer article table tr td.socialMedia ul {
        list-style: none;
        padding: 0 30px; }
        footer article table tr td.socialMedia ul li {
          display: block;
          margin-bottom: 22px; }
          footer article table tr td.socialMedia ul li:last-of-type {
            margin-bottom: 0; }
          footer article table tr td.socialMedia ul li a {
            display: block;
            color: #fff;
            font-size: 27px;
            line-height: 1; 
            transition: 175ms ease-in-out;}

/* Additional Hover Effects */

#topBar .inner ul li a:hover {
	color: #fab614;
}
header nav ul li a:hover {
	color: #fab614;
	bottom: 5px;
}
header nav ul.chat li a:hover {
	color: #fff;
}
#rates article dl dd:hover {
	background: rgba(255, 255, 255, .3);	
}
#benefits article a:hover:before {
	background-color: white;
}
#benefits article a:hover .primary, #benefits article a:hover i {
	color: rgb(0, 56, 104)
}
main article table tr td#mainContent #paragraph p a.button:hover {
	background-color: white;
	color: #003868;
	border: 1px solid #003868;
}

main article table tr td#sidebar .inner ul > li a:hover {
	color: #fab614;
	margin-left: 5px;
}

footer article table tr td.quicklinks ul li:hover a, footer article table tr td.socialMedia ul li:hover a {
	color: #fab614;
}

/* Additional Hover Effects */

/* Extended */

.location_map {
	width: 100%;
	height: 275px;
}

.routing {float: left; height: 100%;}
.routing p {color: white; display: inline-block; line-height: 50px; margin-right: 20px; font-size: 13px;}

a[href='http://sunmark.dev003.vibrantcompany.com/bank-1'] { cursor: default; }

.sliderWrapper-mobile img {max-width: 100%;}

#infoGrid .flex-container {flex-wrap: wrap;-ms-flex-wrap: wrap;-moz-flex-wrap: wrap;padding: 15px 10px;}
#infoGrid .flex-container .flex-item p {
	max-width: 190px;
	margin: auto;
}
.flex-container {display: flex; display: -ms-flex; display: -moz-flex;}
.flex-item {
    margin: auto 20px auto;
    flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    
    text-align: center;
    padding: 10px 0;
}

#logInWithSlider.login_overlay {position: absolute; right: 0; max-width: 450px; border-bottom: none;}
#logInWithSlider.login_overlay #login {background-color: rgba(5, 55, 97, .9);}

#mainContent img {max-width: 100%; height: auto;}

.wpb_wrapper td {padding: 10px;}

.rslides_tabs {position: absolute; bottom: 25px; right: 25px; z-index: 10;}
.rslides_tabs li a {background-color: white !important;}
.rslides_tabs li.rslides_here a {background-color: #003868 !important;}

.apply_col {
    background-color: #335f86;
    display: inline-block;
    margin: 0 20px;
    padding: 20px 50px;
    width: calc(50% - 45px);
    text-align: center;
}
.apply_col_left {}
.apply_col_right {}

.apply_col .apply_button {

}
.apply_button a {margin: 5px 0;padding: 10px 20px;border-radius: 50px;display: inline-block;background-color: #fdb814;color: white;text-decoration: none;text-transform: uppercase;font-weight: bold;letter-spacing: 1px;transition: 175ms ease-in-out;}
.apply_col h2 {
    margin-bottom: 35px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.icon-container {
    margin: 30px 15px;
}
.icon-list {
    text-align: center;
    display: flex;
    display: -ms-flex;
    display: -moz-flex;
    list-style-type: none;
    
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
}
.icon-item {
    flex: 1 1;
    -ms-flex: 1 1;
    -moz-flex: 1 1;
    
    padding: 0 25px;
    margin: 30px;
}
.icon-item img {
    max-width: 150px;
}
.icon-item p {
    margin-top: 20px;
    font-weight: 500;
    font-size: 18px;
}
.icon-item .learn-more-button {
    display: inline-block;
    border-radius: 50px;
}
.learn-more-button a {
	color: white;
	text-transform: uppercase;
	font-weight: bold;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: 10px 25px;
	background-color: #f5ba4b;
	border-radius: 50px;
	transition: 175ms ease-in-out;
	
	letter-spacing: 1px;
	
	font-size: 24px;
}

.learn-more-button a:hover {background-color: #001d36; color: #f5ba4b}
.apply_button a:hover {color: #fdb814; background-color: #003868;}
.career_description {overflow: auto; max-height: 200px; padding: 10px; margin: 10px 0;}

.career_description ul {margin: 10px 25px; list-style-type: disc;}
.career_description li {margin: 5px 0;}

#paragraph-below {margin-top: 10px;}
/* Extended */

/*# sourceMappingURL=style.css.map */

#s360Main {
	max-width: 1300px;
	margin: auto;
}
#s360Main article table tr td {
	display: table-row;
}
.l-opacity {opacity: .6;}

.custom-button {display: inline-block; padding: 10px 55px; margin-top: 10px; color: white; text-transform: uppercase; font-weight: bold; border-radius: 25px; font-size: 24px;}
.custom-blue-button {background-color: #003868;}
.custom-yellow-button {background-color: #fab614;}
#paragraph hr {margin: 50px 0;}

.visit a {transition: 175ms ease-in-out;}
.visit a:hover {background-color: white !important; border: 1px solid #003868 !important; color: #003868 !important;}
#paragraph table {width: 100% !important;}
#paragraph iframe {max-width: 100%;}

.status_msg {text-align: center;background-color: #fab614; color: #003868; padding: 10px 0;}
.status_msg p, .status_msg h1, .status_msg h2, .status_msg h3, .status_msg h4 {font-size: 22px; color: #003868; padding: 5px 15px;}
.lmc-logo {display: inline-block; margin-bottom: 30px;}

#promoArea {margin-top: 15px; margin-bottom: 15px;}
#promoArea img {max-width: 100%; height: auto;}