/* 1a. Containers */




/* 1b. Colors */




/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
  max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
  padding: 80px 1rem;
}

.dnd-section > .row-fluid {
  max-width: 1240px;
}





html {
  font-size: 24px;
}

body {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #425b76;
  font-size: 24px;
}

/* Paragraphs */

p {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* Anchors */

a {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #0270E0;
}

a:hover,
a:focus {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #0048b8;
}

a:active {
  font-weight: normal; text-decoration: none; font-family: Lato, sans-serif; font-style: normal;
  color: #2a98ff;
}

/* Headings */

h1,
.h1 {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 50px;
  text-transform: none;
}

h2,
.h2 {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 38px;
  text-transform: none;
}

h3,
.h3 {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 30px;
  text-transform: none;
}

h4,
.h4 {
  font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 24px;
  text-transform: none;
}

h5,
.h5 {
  font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 16px;
  text-transform: none;
}

h6,
.h6 {
  font-weight: normal; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 14px;
  text-transform: none;
}

/* Blockquote */

blockquote {
  border-left-color: #709EC7;
}





button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
  border: 1px solid #425b76;

  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: 

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  border-radius: 6px;
  color: #FFFFFF;
  font-size: 22px;
  text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
  border: 1px solid #1a334e;
;
  color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: rgba(106, 131, 158, 1.0);
  border-color: #6a839e;
}





form,
.submitted-message {
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border: 1px none #709EC7;
;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  background-color: 

  
  
    
  


  rgba(112, 158, 199, 1.0)

;
  padding: 0px;
;
}

/* Form title */

.form-title {
  border: 1px none #709EC7;
;
  padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
  font-family: Merriweather; font-style: normal; font-weight: 700; text-decoration: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  font-size: 30px;
  color: #425b76;
  background-color: 

  
  
    
  


  rgba(112, 158, 199, 1.0)

;
}


/* Labels */

form label {
  color: #425b76;
}

/* Help text */

form legend {
  color: #425b76;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
  border: 2px solid #D1D6DC;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #425b76;
  border-radius: 3px;
}

/* Form placeholder text */

::-webkit-input-placeholder {
  color: #425b76;
}

::-moz-placeholder {
  color: #425b76;
}

:-ms-input-placeholder {
  color: #425b76;
}

::placeholder {
  color: #425b76;
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
  color: #425b76;
}

.fn-date-picker td.is-selected .pika-button {
  background: #425b76;
}

.fn-date-picker td .pika-button:hover {
  background-color: #425b76 !important;
}

.fn-date-picker td.is-today .pika-button {
  color: #425b76;
}

/* Submit button */

form input[type=submit],
form .hs-button {
  border: 1px none #425b76;
;
  padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;
;
  font-family: Lato, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #FFFFFF;
  font-size: 22px;
  background-color: 

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  border-radius: 6px;
  text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
  background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
  color: #ffffff;
  border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
  background-color: rgba(106, 131, 158, 1.0);
  border-color: #6a839e;
}





/* Table */

table {
  border: 1px solid #425b76;

  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
  border: 1px solid #425b76;

  padding: 18px;

  color: #425b76;
}

/* Table header */

thead th {
  background-color: 

  
  
    
  


  rgba(66, 91, 118, 1.0)

;
  color: #FFFFFF;
}

/* Table footer */

tfoot td {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  color: #425b76;
}





.header {
  background-color: #ffffff;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  color: #425b76;
  font-family: Lato;
}

.menu__child-toggle-icon {
  border-top-color: #425b76;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
  color: #1a334e;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
  border-top-color: #1a334e;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
  color: #6a839e;
}

.menu__child-toggle-icon:active {
  border-top-color: #6a839e;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after {
  background-color: #425b76;
}

@media (min-width: 767px) {
  .menu .menu__submenu,
  .header__language-switcher .lang_list_class {
    border: 2px solid #425b76;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }

  .menu__submenu--level-2 > .menu__item:first-child:before {
    border: 2px solid #425b76;

    background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
  }
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
  color: #425b76;
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
  border-bottom-color: #425b76;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
  background-color: 

  
  
    
  


  rgba(112, 158, 199, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
  border-bottom-color: 

  
  
    
  


  rgba(112, 158, 199, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
  font-family: Lato;
}

.header__language-switcher-label-current:after {
  border-top-color: #425b76;
}

@media(max-width: 767px) {
  .header__navigation {
    background-color: 

  
  
    
  


  rgba(112, 158, 199, 1.0)

;
  }

  .header__navigation-toggle svg,
  .menu-arrow svg {
    fill: #425b76;
  }
}





.footer {
  background-color: 

  
  
    
  


  rgba(112, 158, 199, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
  color: #425b76;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
  padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
  color: #425b76;
}

.blog-post__tag-link {
  color: #425b76;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
  color: #1a334e;
}

.blog-post__tag-link:active {
  color: #6a839e;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  text-transform: none;
}

.blog-related-posts__title-link {
  color: #425b76;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
  color: #1a334e;
}

.blog-related-posts__title-link:active {
  color: #6a839e;
}

/* Blog comments */

.blog-comments {
  margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
  color: #0270E0;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: #0048b8;
}

#comments-listing .comment-reply-to:active {
  color: #2a98ff;
}





.hs-search-results__title {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  text-transform: none;
}

.hs-blog-post-listing__post-title-link {
  color: #425b76;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
  color: #1a334e;
}

.hs-blog-post-listing__post-title-link:active {
  color: #6a839e;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
  color: #425b76;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
  color: #425b76;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
  color: #1a334e;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
  color: #6a839e;
}

.hs-pagination__link-icon svg {
  fill: #425b76;
}

/* Pricing card */

.card__price {
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 30px;
}

.card__body svg {
  fill: #425b76;
}

/* Social follow */

.social-links__icon {
  background-color: #425b76;
}

.social-links__icon:hover,
.social-links__icon:focus {
  background-color: #1a334e;
}

.social-links__icon:active {
  background-color: #6a839e;
  font-weight: 700; text-decoration: none; font-family: Merriweather, serif; font-style: normal;
  color: #425b76;
  font-size: 30px;
}


/* default css */

@font-face {
    font-family: 'Neutraface 2 Text';
   src: url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Bold.woff2') format('woff2'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Bold.woff') format('woff'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Bold.ttf') format('truetype'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface 2 Text Demi';
   src: url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Demi.woff2') format('woff2'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Demi.woff') format('woff'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Demi.ttf') format('truetype'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Demi.svg%20format%28%27svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neutraface 2 Text Book';
    src:  url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Book.woff2') format('woff2'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Book.woff') format('woff'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Book.ttf') format('truetype'),
        url('//44174177.fs1.hubspotusercontent-na1.net/hubfs/44174177/raw_assets/public/Island%20Pacific%20HomeLoan/Fonts/Neutraface2Text-Book.svg') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


* { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }

body { margin: 0; padding: 0; font-size: 16px; font-family: 'Neutraface 2 Text Demi'; font-weight: 400; color: #616368; }


h1{ margin: 0; font-size: 54px;  line-height: 60px;  font-family: 'Neutraface 2 Text Demi';  color: #ffffff; font-weight: 400; } 
h2 { margin: 0; font-size: 54px; line-height: 60px; font-family: 'Neutraface 2 Text Demi'; color: #6e2c3a; font-weight: 400; } 
h3 { margin: 0; font-size: 36px;  line-height: 40px; font-family: 'Neutraface 2 Text Demi'; color: #fff; font-weight: 400; } 
h4 { margin: 0; font-size: 30px; line-height: 35px; font-family: 'Neutraface 2 Text Demi'; color: #f55767; font-weight: 400; }
h5 { margin: 0; font-size: 25px; line-height: 30px; font-family: 'Neutraface 2 Text'; color: #242f51; font-weight: 400; }
h6 { margin: 0; font-size: 21px; line-height: 25px; font-family: 'Neutraface 2 Text'; color: #0b4282; font-weight: bold; }

img { max-width: 100%; height: auto; border: none; }

a { font-family: 'Neutraface 2 Text Demi'; color: #616368; outline: none; text-decoration: none !important; cursor: pointer; display: inline-block; }

p {  margin: 0; width: 100%; display: block; } 
ul, ol { list-style:none; padding: 0; margin: 0; }

a:hover, a:focus { font-family: 'Neutraface 2 Text Demi';  }

.fullwidth { float: left; width: 100%; }

.wrapper { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1140px; }

.flexwrap { display: flex; display: -webkit-flex; flex-flow: row wrap; -webkit-flex-flow: row wrap; justify-content: left; -webkit-justify-content: left; }

.bgsec { background: #fdf9f5; }
.bg-gradient { background: linear-gradient(to bottom, rgba(255,0,0,0) 1%, rgba(253,249,245,1) 99%); }

/* header */
section.header-main { padding: 30px 0 10px; position: relative; background: #fff; }
.header { display: flex; -webkit-display: flex; align-items: center; -webkit-align-items: center; }
.header-logo { width: 30%; } 
.header-logo img { width: 290px !important; }
.menu ul { display: flex; display: -webkit-flex; justify-content: flex-end; -webkit-justify-content: flex-end;  }
.menu ul li a{ color: #0b4282; font-size: 22px; }
.menu { width: 70%; }
.menu ul li { margin-left: 30px; }
.menu ul li a:hover { color: #000000; }
a.mobiletoggle { display: none; }
.nmls { text-align: center; font-family: sans-serif; font-size: 10px; }
.menu ul li.active-branch a { color: #000000; }


/* hero-section */

.hero-bg { padding-bottom: 40%; }
.hero-content { background: #0b4282; }
.hero-content { background: #0b4282; padding: 30px 30px; }
.hero-text p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #fff; }
.schedule-btn a { min-width: 288px; line-height: normal; text-align: center; display: inline-block; background: #fff; padding: 14px 15px; color: #0b4282; font-size: 18px; border-radius: 8px; font-family: 'Neutraface 2 Text'; font-weight: bold; text-transform: uppercase; }
.officer-btn a { font-size: 18px; color: #fff; text-decoration: underline !important; display: inline-block; }
.hero-button { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.schedule-btn { margin-right: 20px; }
.hero-text { margin: 8px 0 18px; }
.schedule-btn a:hover { background: #000000; color: #fff; }
.officer-btn a:hover { color: #000000; }

/* rates-section */

.rate-text p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #111111; line-height: 28px; }
.rate-text { margin: 10px 0 20px; }
.loans-main { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.loans { width: 20%; text-align: center; margin: 0 0 20px; }
.loans-img img { max-width: 90px !important; height: 100px !important; object-fit: contain; }
.mortgage-main { margin-top: 50px; }
.mort-image { padding-bottom: 60%; }
.mortgage-main { display: flex; display: -webkit-flex; }
.mortgage { width: 49%; margin-right: 2%; background: #0b4282; }
.mortgage:last-child { margin-right: 0; }
.mort-contain { background: #0b4282; padding: 20px 25px; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; min-height: 120px; }
.mort-text { width: 65%; }
.mort-text { width: 65%; margin-right: 4.8%; }
.start-btn a { background: #fff; line-height: normal; padding: 14px 15px; border-radius: 8px; color: #0b4282; text-transform: uppercase; min-width: 153px; text-align: center; font-family: 'Neutraface 2 Text'; font-size: 18px; font-weight: bold; }
.start-btn a:hover { background: #000000; color: #fff; }
/* .loans-img { width: 50%; margin: 0 auto; } */
.loans h6 span { display: block; }
.loans h6 { text-transform: uppercase; font-size: 18px; }
.loans-img { position: relative; }
.loansLinks { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.loans-main.set_cols_three_column .loans { width: 33.33%; }


/* about-section */

.about-island { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin-top: 25px; }
.about-lt { width: 33.5%; }
.about-rt { width: 64%; margin-left: 2.5%; }
.about-text p { font-size: 21px; line-height: 27px; color: #111111; font-family: 'Neutraface 2 Text Book'; }

/* Loan Officers section */

.appointment-main { display: flex; display: -webkit-flex; }
.appoint-rt { background: #0b4282; width: 50%; padding: 60px 60px 60px 30px; }
.appoint-lt { width: 50%; }
.appoint-img { height: 100%; }
.appoint-main-text p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #fff; }
.appoint-rt h2 { color: #fff; }
.appoint-main-text { margin: 15px 0 20px; }
.officers-title-main h4 { color: #000; font-size: 34px; line-height: 40px; }
.officers-title-main { margin-bottom: 15px; }
/* .choosing-officers { margin-top: 50px; } */
.choosing-text p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #111111; line-height: 28px; }
.choosing-text { margin: 15px 0 35px; }
.choosing-officers h4 { color: #000; font-size: 34px; line-height: 40px; }

/* officer-details */

.officer-profile { width: 49.2%; margin-right: 1.6%; margin-bottom: 20px; border: 3px solid #054e92; padding: 35px 33px; float: left; }
.officer-profile:nth-child(2n) { margin-right: 0; }
.choosing-officers h4 { margin: 0 0 25px; }
.officer-details { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; }
.officer-img img { max-width: 125px !important; vertical-align: middle; }
.officer-img { margin-right: 30px; }
.officer-data h6 { color: #000; font-family: 'Neutraface 2 Text Book'; }
.officer-nmls { font-size: 14px; }
.officer-phone-nbr a:hover { color: #000000; }
.officer-phone-nbr a:focus { color: #616368; }
.button-group { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; margin: 25px 0 20px; }
.schedule-btn.officer-details { margin-right: 15px; }
.schedule-btn.officer-details a { background: #0b4282; color: #fff; min-width: 145px; }
.schedule-btn.officer-details a:hover { background: #000000; }
.see-profile-details { display: none; }
.see-profile-btn a { position: relative; display: inline-flex; display: -webkit-inline-flex; color: #0b4282; font-size: 20px; }
.see-profile-btn span svg { width: 15px; height: 20px; fill: #0b4282; margin-right: 3px; margin-top: 4px; }
.officer-profile.open svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.officer-profile.open .see-profile-details { display: block; }
.see-profile-details p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #111111; line-height: 28px; }
.see-profile-details { margin-top: 10px; }
.information-text p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #111111; line-height: 28px; }
.information-text a { font-size: 21px; font-family: 'Neutraface 2 Text Book'; color: #111111; line-height: 28px; }
.information-text a:hover { color: #0b4282; }
.schedule-btn.officer-details:last-child { margin: 0; }
.schedule-btn.officer-details:nth-child(2) a { background: transparent; border: 2px solid #0b4282; color: #0b4282; padding: 12px 15px; }
.schedule-btn.officer-details:nth-child(2) a:hover { background: #000000; color: #fff; border-color: #000000; }
.see-profile-details p span { font-style: italic; }
/* .officer-profile.open .see-profile-btn a { color: #000000; }
.officer-profile.open .see-profile-btn svg { fill: #000000; } */


/* Contact Us */

.contact-hero-lt { width: 50%; }
.contact-hero-rt { width: 50%; }
.contact-hero-img { height: 100%; }
.contact-hero-rt { background: #0b4282; width: 50%; padding: 60px 60px 60px 30px; }
.contact-hero-rt h2 { color: #fff; }

.contact-form-lt { width: 62.5%; margin-right: 4%; }
.contact-form-rt { width: 33.4%; }
.contact-form-text p { font-size: 21px; line-height: 27px; color: #111111; font-family: 'Neutraface 2 Text Book'; }
.contact-form-text a { font-family: 'Neutraface 2 Text Book'; }
.contact-form-text a:hover { color: #000000; }
.contact-form-text a:focus { color: #616368; }

/* contact_form_start */

.submitted-message { font-size: 22px; background: transparent; color: #0b4282; font-family: 'Neutraface 2 Text Demi'; }
.contact-form-lt .form-title { padding: 0; }
.contact-form-lt form { background: transparent; font-family: 'Neutraface 2 Text Demi'; }
.contact-form-lt .hs-form-field { margin-bottom: 25px; }
.contact-form-lt form label { font-size: 19px; font-family: 'Neutraface 2 Text Demi'; color: #000; line-height: normal; }
.contact-form-lt form input[type=text], .contact-form-lt form input[type=search], .contact-form-lt form input[type=email], .contact-form-lt form input[type=password], .contact-form-lt form input[type=tel], .contact-form-lt form input[type=number], .contact-form-lt form input[type=file], .contact-form-lt form select, .contact-form-lt form textarea{ border: 1px solid #cccccc; border-radius: 5px; padding: 12px 15px; font-size: 18px; color: #616368; background: #fff; }
.contact-form-lt .hs-fieldtype-textarea { resize: none !important; min-height: 185px; }
.contact-form-lt .hs-button { min-width: 168px; line-height: normal; text-align: center; display: inline-block; background: #0b4282; padding: 15px 15px; color: #fff; font-size: 18px; border-radius: 8px; font-family: 'Neutraface 2 Text'; font-weight: bold; text-transform: uppercase; }
.contact-form-lt span.hs-form-required { color: transparent; }
.contact-form-lt .hs-button:hover { background: #000000; }
.contact-form-lt .hs-button:focus { background: #0b4282; }
.contact-form-lt .hs-error-msgs li { margin: 0; }
.contact-form-lt .hs-error-msgs li label { margin-bottom: 0; color: red; font-size: 16px; line-height: 20px; }
.contact-form-lt .hs_error_rollup { display: none; }

/* contact_form_end */


/* rates_program_start */

.loan-detail-link a {color:#054e92!important;}
.loan_details:not(:last-child) {border-bottom: 1px solid #b4c2d2!important;}
/* rates_program_end */


/* calculator_accordion  */

.calculator-btn a { position: relative; display: inline-flex; display: -webkit-inline-flex; color: #0b4282; font-size: 26px; line-height: 30px; }
.calculators-main { border: 3px solid #054e92; padding: 10px 13px; }
.calculators-main:not(:last-child) { margin-bottom: 15px; }
.calcula-two:not(:last-child) { margin-bottom: 45px; }
.calcula-two .officers-title-main { margin-bottom: 25px; }
.calculator-btn span svg { width: 15px; height: 20px; fill: #0b4282; margin-right: 3px; }
.calculator-details { padding-bottom: 100%; position: relative; margin-top: 25px; display: none; }
.calculators-main.cal-open .calculator-details { display: block; }
.calculators-main.cal-open svg { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.calculators-main iframe { height: 100%; left: 0; object-fit: cover; position: absolute; top: 0; width: 100%; border: none; }

/* end_calculator_accordion  */
section.terms-section {background-color: #fdf9f5!important;} 
.termsText h2 { padding-top: 50px; border-top: 1px solid #d2d7a3; margin-top: 50px !important; }
.termsContent h2 { margin: 0 0 20px; font-size: 40px; line-height: 46px;  }  
.termsText, .termsText p { font-size: 22px; font-family: 'Neutraface 2 Text Book'; color: #111111; line-height: 28px; }
.termsText p { margin: 20px 0; }
.termsText h2, .termsText h3, .termsText h4, .termsText h5, .termsText h6 { color: #000000; margin: 0 0 20px; }
.termsText h3 { font-size: 26px; line-height: 32px; }
.termsText a { color: #000000; font-family: inherit; text-decoration: underline !important; display: inline; }
.termsText ul { color: #333; list-style: disc; margin-left: 18px; }
.termsText ul li { margin: 10px 0; }

/* footer */

section.footer-main { background: #1c2632; padding: 30px 0; }
.island-footer { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; flex-wrap: wrap; -webkit-flex-wrap: wrap; }
.footer-rt { display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: flex-end; -webkit-justify-content: flex-end; width: 65%; }
.footer-lt ul li a { color: #cecfd0; font-size: 18px; line-height: 24px; margin-right: 28px; }
.footer-text p, .footer-text a { color: #cecfd0; font-size: 16px; font-family: 'Neutraface 2 Text Book'; text-transform: uppercase; }
.footer-image img { max-width: 45px !important; }
.footer-text a { pointer-events: none; }
.footer-lt { width: 35%; }
.footer-image { margin-left: 25px; }
.footer-lt ul li a:hover, .footer-text a:hover { color: rgba(255,255,255,0.8); }
.footer-text p span { font-family: sans-serif; font-size: 15px; }

/* responsive */

@media(max-width: 1200px) {
  .wrapper { max-width: 900px; }
  .header-logo img { width: 190px!important; }
  .header-logo { width: 25%; }
  .menu { width: 75%; }
  .menu ul li a { font-size: 20px; }
  h1 { font-size: 45px; line-height: 50px; }
  h2 { font-size: 45px; line-height: 50px; }
  h3 { font-size: 25px; line-height: 30px; }
  .start-btn a { min-width: 145px; padding: 12px 15px;}
  .about-lt { width: 37.5%; }
  .about-rt { width: 60%; }
  .footer-lt { width: 30%; }
  .footer-rt { width: 70%; }
  .footer-lt ul li a { font-size: 16px; margin-right: 15px; }
  .footer-text a, .footer-text p { font-size: 14px; }
  .mort-text { width: 58%; }
/*   .loans-img { width: 79%; } */
  .footer-text p span { font-size: 14px; }
  .schedule-btn.officer-details a { font-size: 15px; padding: 12px 12px; min-width: 120px; }
  .schedule-btn.officer-details:nth-child(2) a { padding: 10px 12px; }
  .mort-contain { min-height: 100px; }
}

@media(max-width: 991px) {
  .wrapper { max-width: 700px; }
  .header-logo { width: 23%; }
  .menu { width: 77%; }
  .menu ul li { margin-left: 15px; }
  .menu ul li a { font-size: 17px; }
  .hero-content { padding: 20px; }
  h1, h2 { font-size: 35px; line-height: 40px; }
  .schedule-btn a { font-size: 16px; padding: 12px 15px; min-width: 252px; }
  .hero-text { margin: 6px 0 12px; }
  .rate-text p { font-size: 20px; line-height: 25px; }
  .mort-contain { padding: 15px; min-height: 80px; }
  .loans h6 { font-size: 16px; }
  .mort-text { width: 60%; margin-right: 0; }
  .loans-img img { max-width: 70px!important; height: 80px !important; }
  h3 { font-size: 20px; line-height: 25px; }
  .start-btn a { min-width: 125px; padding: 9px 10px; font-size: 16px; }
  .about-text p { font-size: 18px; line-height: 22px; }
  .footer-lt ul li a { font-size: 14px; margin-right: 15px; }
  .footer-lt { width: 31%; }
  .footer-rt { width: 69%; }
  .footer-text a, .footer-text p { font-size: 12px; }
  .footer-image { margin-left: 12px; }
  .footer-image img { max-width: 35px!important; }
  .footer-text p span { font-size: 11px; }
/*   .schedule-btn.officer-details { margin-bottom: 12px; } */
  .officer-img img { max-width: 85px !important; }
  .officer-data { font-size: 13px; }
  .officer-img { margin-right: 20px; }
  .officer-profile { padding: 30px 20px; }
  .choosing-text p { font-size: 20px; line-height: 25px; }
  .see-profile-details p { font-size: 20px; line-height: 25px; }
  .information-text p, .information-text a { font-size: 20px; line-height: 25px; }
  .appoint-rt h2 { font-size: 30px; line-height: 35px; }
  .appoint-main-text p { font-size: 20px; line-height: 25px; }
  .officers-title-main h4 { font-size: 28px; line-height: 35px; }
  .choosing-officers h4 { font-size: 28px; line-height: 35px; }
  .schedule-btn.officer-details a { font-size: 12px; padding: 12px 12px; min-width: 92px; }
  .schedule-btn.officer-details { margin-right: 12px; }
  
/* contact-us*/
  
  .officers-title-main h4 { font-size: 28px; line-height: 35px; }
  .contact-hero-rt h2 { font-size: 30px; line-height: 35px; }
  .contact-form-lt { width: 58.5%; }
  .contact-form-rt { width: 37.4%; }
  .contact-form-text p { font-size: 20px; line-height: 25px; }
  .contact-form-lt .hs-button { font-size: 16px; padding: 12px 15px; min-width: 160px; }
  .termsContent h2 { font-size: 35px; line-height: 40px; }
  
  
  
}

@media(min-width: 767px) {
   .menu ul.active, .menu ul { display: flex !important; }
}

@media(max-width: 767px) {
  .wrapper { max-width: 100%; padding: 0px 15px; }
/*  menu  */
  a.mobiletoggle { display: inline-block; height: 35px; width: 35px; cursor: pointer; }
  i.menu-icon{ background: #0b4282; display: inline-block; height: 3px; width: 100%; position: relative; }
  i.menu-icon:before { content: ""; position: absolute; transition-duration: .5s; top: -8px; background: #0b4282; display: inline-block; height: 3px; width: 100%; }
  i.menu-icon:after { background: #0b4282; bottom: -8px; display: inline-block; height: 3px; width: 100%; content: ""; position: absolute; transition-duration: .5s; }
  .menu ul { background: #0b4282; left: 0; position: absolute; text-align: center; top: 100%; width: 100%; z-index: 1; }
  .menu { width: 50%; display: flex; justify-content: flex-end; }
  .header-logo { width: 50%; }
  .mort-contain { justify-content: space-between; -webkit-justify-content: space-between; min-height: inherit; }
  .menu ul li { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.5); margin-left: 0; }
  .menu ul li:last-child { border: none; }
  .menu ul li a { color: #fff; }
  .hero-bg { padding-bottom: 42%; }
  .hero-content { padding: 25px 20px; }
  .mobiletoggle.open i.menu-icon { background: transparent; transition-duration: .5s; }
  .mobiletoggle.open i.menu-icon:before { transform: translateY(8px) rotate(45deg); }
  .mobiletoggle.open i.menu-icon:after { transform: translateY(-8px) rotate(-45deg); }
  .menu ul { display: none; }
  .menu ul.active { display: block !important; }
  
  .loans { width: 32%; margin-bottom: 20px; }
  .loans-main { justify-content: center; -webkit-justify-content: center; }
  .mortgage-main { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .mortgage { width: 100%; margin-right: 0; margin-bottom: 20px; }
  .mortgage:last-child { margin-bottom: 0; }
  .mortgage-main { margin-top: 20px; }
  h1, h2 { font-size: 32px; line-height: 38px; }
  .about-lt { width: 100%; margin-top: 20px; }
  .about-rt { width: 100%; margin-left: 0; }
  .about-island { flex-direction: column-reverse; -webkit-flex-direction: column-reverse; }
  .footer-lt { width: 100%; margin-bottom: 10px; }
  .footer-rt { width: 100%; justify-content: space-between; -webkit-justify-content: space-between; }
  .footer-lt ul { display: flex; -webkit- display: flex; flex-direction: row !important; -webkit-flex-direction: row !important; }
  .footer-lt ul li a { font-size: 15px; margin-right: 20px; }
  .hero-text p { line-height: normal; }
  .schedule-btn { margin-right: 18px; }
  .logo-nmls { width: 200px; }
  .appointment-main { flex-wrap: wrap; -webkit-flex-wrap: wrap; }
  .appoint-lt { width: 100%; }
  .appoint-img { padding-bottom: 42%; }
  .appoint-rt { width: 100%; padding: 20px; }
  .appoint-rt h2 { font-size: 25px; line-height: 35px; }
  .choosing-text p { font-size: 18px; line-height: 22px; }
  .officers-title-main h4 { font-size: 25px; line-height: 30px; }
  .choosing-officers h4 { font-size: 25px; line-height: 30px; }
  .officer-profile { width: 100%; float: none; margin-right: 0; margin-bottom: 15px; }
  .see-profile-btn a { font-size: 18px; }
  .see-profile-btn span svg { margin-top: 2px; }
  .schedule-btn.officer-details { margin-bottom: 0px; }
  .information-text p, .information-text a { font-size: 18px; line-height: 22px; }
  .see-profile-details p { font-size: 18px; line-height: 22px; }
  .appoint-main-text { margin: 10px 0 15px; } 
/*   .choosing-officers { margin-top: 35px; } */
  .choosing-text { margin: 15px 0 25px; }
  
/* contact-us */
  
  .contact-hero-lt { width: 100%; }
  .contact-hero-img { padding-bottom: 42%; }
  .contact-hero-rt { width: 100%; padding: 20px; }
  .contact-hero-rt h2 { font-size: 25px; line-height: 35px; }
  .contact-form-lt { width: 100%; margin-right: 0; }
  .contact-form-rt { width: 100%; margin-top: 35px; }
  .contact-form-lt form input[type=text], .contact-form-lt form input[type=search], .contact-form-lt form input[type=email], .contact-form-lt form input[type=password], .contact-form-lt form input[type=tel], .contact-form-lt form input[type=number], .contact-form-lt form input[type=file], .contact-form-lt form select, .contact-form-lt form textarea { padding: 10px 15px; font-size: 16px; }
  .contact-form-lt .hs-form-field { margin-bottom: 20px; }
  .contact-hero-img { padding-bottom: 56.66%; }
  .contact-form-lt form label { font-size: 16px; }
  .contact-form-text p { font-size: 18px; line-height: 22px; }
  .contact-form-lt .hs-fieldtype-textarea { min-height: 120px; }
  .contact-form-lt .hs-button { font-size: 14px; padding: 12px 15px; min-width: 140px; }
  
   .calculator-btn a { font-size: 20px; line-height: 20px; }
  
  .termsContent h2 { font-size: 25px; line-height: 35px; }
  .termsText, .termsText p { font-size: 18px; line-height: 26px; }
  .termsText h3 { font-size: 20px; line-height: 28px; }
  
  
}

@media(max-width: 550px){
  .loans, .loans-main.set_cols_three_column .loans { width: 50%; margin-bottom: 15px; }
  h6 { font-size: 18px; line-height: 22px; }
  .hero-text p { font-size: 18px; }
}

@media(max-width: 499px) {
  .officer-btn a { margin-top: 10px; }
  h1, h2 { font-size: 25px; line-height: 35px; }
  .rate-text p { font-size: 18px; line-height: 22px; }
  .schedule-btn a { font-size: 14px; padding: 10px 12px; min-width: 220px; }
  .logo-nmls { width: 100%; }
  .nmls { font-size: 8px; }
  a.mobiletoggle { width: 30px; }
  .schedule-btn.officer-details a { font-size: 14px; padding: 10px 12px; min-width: 110px; }
  .officer-profile { padding: 20px 15px; }
  .officer-img img { max-width: 90px !important; }
  .officers-title-main h4, .choosing-officers h4 { font-size: 22px; line-height: 25px; }
  .schedule-btn.officer-details:nth-child(2) a { padding: 8px 12px; }
}

@media(max-width: 409px) {
  .schedule-btn.officer-details { margin-bottom: 10px; }
}

@media(max-width: 375px){
  .start-btn a { min-width: 105px; padding: 8px 8px; font-size: 14px; }
  h3 { font-size: 16px; line-height: 20px; }
  .mort-contain { padding: 15px 12px; }
}

@media(max-width: 350px) {
  .officer-img img { max-width: 80px !important; }
  .officer-img { margin-right: 15px; }
  .officer-data { font-size: 12px; }
}