/* ******************************************************************************
*********************************************************************************
Use this file to override any of the CSS styles preset in the themed
stylesheets or you can add your own custom styles.
*********************************************************************************
****************************************************************************** */

/* Test */
















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

.dnd-section {
  padding-bottom: 48px;
  padding-top: 48px;
  padding-left: 30px;
  padding-right: 30px;
}

.body-container__homepage .dnd-section:nth-child(odd) {
  background-color: #000000;
}
.page-center {
  max-width: 1200px;
}




html {
  font-size: 16;
}

body {
  color: #16222c;
  font-family: GT America;
  font-size: 16px;
  font-weight: 400;
}

p {
  font-size: 16px;
  font-family: GT America;
  font-weight: 400; 
}

a {
  font-size: 16px;
  color: rgba(16, 127, 120, 1.0);
  font-family: GT America;
  font-weight: 400;
}

a:hover,
a:focus {
  color: rgba(4, 87, 85, 1.0);
}

a:active {
  color: rgba(56, 167, 160, 1.0);
}

h1 {
  color: #16222c;
  font-family: GT Alpina;
  font-size: 42px;
  font-weight: 700;
}


h2 {
  color: #16222c;
  font-family: GT Alpina;
  font-size: 24px;
  font-weight: 500;
}


h3 {
  color: #16222c;
  font-family: GT Alpina;
  font-size: 28px;
  font-weight: 500;
}

h4 {
  color: #16222c;
  font-family: GT Alpina;
  font-size: 24px;
  font-weight: 700;
}

h5 {
  color: #16222c;
  font-family: GT Alpina;
  font-size: 20px;
  font-weight: 500;
}

h6 {
  color: #212529;
  font-family: GT America;
  font-size: 16px;
  font-weight: 500;
}

blockquote {
  border-left: 2px solid #000000;
}





form,
.submitted-message {
  font-family: GT America;
}

h3.form-title {
  background-color: rgba(250, 246, 243, 0.0);
  color: rgba(22, 34, 44, 1.0);
}

.hs-button,
.button--primary {
  background-color: rgba(148, 250, 153, 1.0);
  border-color: rgba(37, 55, 70, 1.0);
  border-radius: 14px;
  border-width: 0px;
  color: rgba(0, 0, 0, 1.0);
  padding-left: 36px;
  padding-right: 36px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.hs-button:hover,
.hs-button:focus,
.button--primary:hover,
.button--primary:focus {
  background-color: rgba(255, 133, 186, 1.0);
  border-color: rgba(255, 133, 186, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

.hs-button:active,
.button--primary:active {
  background-color: rgba(188, 255, 193, 1.0);
  border-color: rgba(77, 95, 110, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

.hs-form label {
  color: rgba(33, 37, 41, 1.0);
}

.hs-form legend {
  color: rgba(33, 37, 41, 1.0);
}


form select,
form textarea,
input[type="password"],
.hs-input {
  border-color: rgba(206, 212, 218, 1.0);
  color: ;
  border-radius: 4px;
}

form input:focus,
form select:focus,
form textarea:focus,
input[type="password"]:focus,
.hs-input:focus {
  border-color: rgba(128, 189, 255, 1.0);
}

.fn-date-picker .pika-table thead th {
  color: rgba(255, 255, 255, 0.0);
}

.hs-input:-moz-placeholder,
.hs-input::-webkit-input-placeholder,
.hs-field-desc,
.hs-dateinput:before,
.hs-richtext {
  color: #16222c;
}

.hs-richtext {
  font-size: 16;
}

.hs-default-font-element,
.hs-main-font-element {
  font-family: GT America;
}

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

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

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





th,
td {
  background-color: rgba(255, 255, 255, 1.0);
  border: 1px solid rgba(0, 0, 0, 1.0);
  color: rgba(22, 34, 44, 1.0);
}

thead th,
thead td {
  background-color: rgba(0, 0, 0, 1.0);
  color: rgba(255, 255, 255, 1.0);
}

tfoot td {
  background-color: rgba(255, 255, 255, 1.0);
  color: rgba(22, 34, 44, 1.0);
}

table,
tbody + tbody {
  border-color: rgba(0, 0, 0, 1.0);
}





.header {
  background-color: rgba(250, 246, 243, 1.0);
}

.header__container {
  max-width: 1200px;
}

body .custom-menu-primary a, .jpLink a {
  color: rgba(22, 34, 44, 1.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul > li > a {
  background-color: rgba(250, 246, 243, 0.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul > li:hover > a,
body .custom-menu-primary .hs-menu-wrapper > ul > li:focus > a {
  background-color: rgba(250, 246, 243, 0.0);
  color: rgba(22, 34, 44, 1.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul > li.active-branch > a,
body .custom-menu-primary .hs-menu-wrapper > ul > li > a.active-branch{
  color: rgba(22, 34, 44, 1.0);
  background-color: rgba(250, 246, 243, 0.0);
}

body .custom-menu-primary .hs-menu-wrapper > ul ul {
  background-color: rgba(255, 255, 255, 1.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul ul li a {
  color: rgba(22, 34, 44, 1.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul ul li a:hover,
body .custom-menu-primary .hs-menu-wrapper > ul ul li a:focus {
  background-color: rgba(255, 255, 255, 0.0);
  color: rgba(22, 34, 44, 1.0);
}
body .custom-menu-primary .hs-menu-wrapper > ul ul li.active > a {
  color: rgba(22, 34, 44, 1.0);
  background-color: rgba(255, 255, 255, 0.0);
}

header .loginBlock{
  background-color: rgba(239, 150, 0, 1.0);
}
header .loginBlock:hover{
  background-color: rgba(249, 156, 65, 1.0);
}

header .loginBlock .loginText{
  color: rgba(34, 52, 77, 1.0);
}
header .loginBlock:hover .loginText{
  color: rgba(34, 52, 77, 1.0);
}

.megaMenuWrapper > ul{
  background-color: rgba(249, 244, 240, 1.0) !Important;
}

.megaMenuWrapper > ul > li.active > a{
  background-color: rgba(255, 255, 255, 1.0) !Important;
}

.megaMenuWrapper > ul > li.active > a span{
  border-bottom-color: rgba(238, 186, 208, 1.0) !Important;
}






.footer {
  background-color: rgba(255, 133, 186, 1.0);
  color: rgba(0, 0, 0, 1.0);
}

.footer__container {
  max-width: 1200px;
}

.footer a {
  color: rgba(0, 0, 0, 1.0);
}

.footer a:hover {
  color: rgba(0, 0, 0, 1.0);
}

.top_sec .footer-column h6 a {
  color: rgba(0, 0, 0, 1.0);
}

.top_sec .footer-column h6 a:hover {
  color: rgba(0, 0, 0, 1.0);
}





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

.blog-post__date {
  border-color: #16222c;
}

.blog-tag-filter__menu-link,
.blog-post__tag-link,
.blog-card__tag-link,
.blog-post__author-name,
.blog-card__title a {
  color: #16222c;
}

.blog-card__tag-link:hover,
.blog-card__title a:hover,
.blog-tag-filter__menu-link:hover,
.blog-post__tag-link:hover,
.blog-post__author-name:hover,
.blog-card__tag-link:focus,
.blog-card__title a:focus,
.blog-tag-filter__menu-link:focus,
.blog-post__tag-link:focus,
.blog-post__author-name:focus {
  color: #000004;
}

.blog-card__tag-link:active,
.blog-card__title a:active,
.blog-tag-filter__menu-link:active,
.blog-post__tag-link:active,
.blog-post__author-name:active {
  color: #3e4a54;
}

.blog-tag-filter__menu-link--active-item:after {
  background-color: #000000;
}

.blog-pagination__link {
  color: #16222c;
}

.blog-pagination__link--active:after,
.blog-pagination__prev-link:after,
.blog-pagination__next-link:after {
  background-color: #000000;
}

.blog-post__title {
  color: #16222c;
  font-family:GT Alpina;
  font-size: 24px;
  font-weight: ;
}

.blog-post__author {
  background-color: #000000;
}

#comments-listing .comment-reply-to {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
  color: rgba(#null, 0.0);
}

#comments-listing .comment-reply-to:active {
  color: rgba(#null, 0.0);
}

/*             Blog Grid Listing and Post styles            */

.blog-header {
  background-color: rgb(#null);
}

.hs-blog-listing,
.hs-blog-post {
  background-color: ;
}

.blog-index__post-inner-card {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-post__tag-link:hover{
  color: #045755;
}

.blog-post__read-more svg {
  fill: #16222c;
}

.blog-post__read-more a:hover svg {
  fill: #045755;
}

.blog-sidebar ul {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-sidebar a {
  color: #16222c;
}

.blog-sidebar a:hover {
  color: #045755;
}

.blog__subscription-block {
  background-color: rgb(#null);
}

.post-featured-image {
  max-height: px;
}

.blog-post {
  box-shadow: -5px 0px 20px 0px rgba(#null, 0.10);
}

.blog-post__meta a {
  color: #16222c;
}

.blog-post__body, .blog-post__tags a {
  color: #16222c;
}

.blog-post__meta a:hover {
  color: #045755
}

.blog-post__links {
  border-top:  2px solid rgb(#null);
}

.blog-post__back-to-blog {
  color: #16222c;
}

.blog-post__back-to-blog:hover {
  color: #045755;
}

.blog-post__back-to-blog svg {
  fill: #16222c;
}

a.blog-post__back-to-blog:hover svg {
  fill: #045755;
}

.comment.depth-0,
.blog-comments form {
  border-top: 2px solid rgb(#null);
}

.comment.depth-1 {
  border-left: 2px solid rgb(#null);
}

.section.post-footer .hs-input {
  border-color: rgb(#null);
}

.blog-recent-posts {
  background-color: rgb(#null);
}










body .icon svg {
  fill: #000000;
}

body .tns-nav button.tns-nav-active {
  background-color: #000000;
}

body .tns-nav button:hover,
body .tns-nav button:focus {
  background-color: #000000;
}

body .social-links__icon {
  background-color: #000000;
}

body .social-links__icon:hover svg,
body .social-links__icon:focus svg {
  fill: rgba(#null, 0.0);
}

body .social-links__icon:active svg {
  fill: rgba(#null, 0.0);
}

body .team-member__description {
  background-color: #000000;
}





.body-container__website .dnd-section:nth-child(odd) {
  background-color: {typography=, tables=, buttons=, spacing=, footer=, global_colors=, header=, forms=}
}


/********************** Custom CSS September 2021 **********************/

@font-face { 
  font-family: "GT America Condensed"; 
  src: url(//share.cpb.bank/hubfs/raw_assets/public/CentralPacificBank_Shaka_September2021/Fonts/AmericaCondensed/GTAmerica-CondensedMedium.woff) format("woff"); 
  font-style: normal; 
  font-weight: 500;
}

@font-face { 
  font-family: "GT America Condensed"; 
  src: url(//share.cpb.bank/hubfs/raw_assets/public/CentralPacificBank_Shaka_September2021/Fonts/AmericaCondensed/GTAmerica-CondensedRegular.woff) format("woff"); 
  font-style: normal; 
  font-weight: 400;
}

html, body { background: #fef8f2; }
h1 { color: #091d2e; font-family: GT Alpina; font-size: 48px; font-weight: 700; }
h2 { color: #091d2e; font-family: GT Alpina; font-size: 42px; font-weight: 700; }
h3 { font-family: GT Alpina; font-weight: 700; }
h4 { color: #091d2e; font-family: GT America Condensed; font-size: 120px; font-weight: 500; }
h5 { color: #091d2e; font-family: GT Alpina; font-size: 24px; font-weight: 700; }
hr { background-color: transparent; }
p { color: #091d2e; font-family: GT America; font-size: 18px; } 
.social-links a span.social-links__icon-wrapper { margin: 0px; }
.hs-button { text-transform: capitalize; padding-left: 20px; padding-right: 20px; letter-spacing: 0.5px; font-size: 16px !important; }
#hs_cos_wrapper_module_1631845359244 .hs-button:hover { background: #f0ff14; }
.CountdownTimerSection { width: 100%; height: auto; margin: 0 auto; text-align: center; color: #091d2e; font-family: GT Alpina; max-width: 240px; }
.CountdownTimerSection .TimerInnerSection { width: 25%; height: auto; float: left; font-size: 24px; line-height: 24px; font-weight: 700; text-align: center; }
.CountdownTimerSection .TimerInnerSection span { width: 100%; height: auto; display: block; font-size: 16px; font-weight: 700; text-align: center; }
/******* footer.footer { display: none; } *******/

form.hs-form h2 { margin: 12px 0 20px; }
form.hs-form input[type="text"], form.hs-form input[type="email"],form.hs-form input[type="tel"] { padding: 25px 10px; border: none; border-radius: 14px; border: 3px solid #ffffff; }
form.hs-form input:focus { box-shadow: none; border: 3px solid #091d2e; border-radius: 14px; }
form.hs-form label { margin-bottom: 5px; }
form.hs-form .input { margin-bottom: 25px; }
form.hs-form input[type="submit"] { text-transform: capitalize; padding-left: 20px; padding-right: 20px; letter-spacing: 0.5px; background: #94fa99; }
form.hs-form input[type="submit"]:hover { background: #ff85ba; }
form.hs-form input[type="submit"]:focus { box-shadow: none; border: none; border-radius: 14px; }
form.hs-form .hs-fieldtype-radio label { display: none; }
form.hs-form .hs_merch_options.hs-fieldtype-radio ul li label { display: block; }
#hs_form_target_widget_1632108727485 > form .hs-fieldtype-select { top: 282px !important; }
body .social-links__icon { background-color: transparent; }
body .social-links a img { padding: 6px; }
.embedsocial-hashtag a#f-load-more-pages-btn { display: none; }

/************* Top Scroll Bar CSS *************/
#scroll-container { overflow: hidden; width: 100%; }
#scroll-text { font-size: 14px; -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); -moz-animation: my-animation 40s linear infinite; -webkit-animation: my-animation 40s linear infinite; animation: my-animation 40s linear infinite; }
@-moz-keyframes my-animation { from { -moz-transform: translateX(100%); } to { -moz-transform: translateX(-100%); } }
@-webkit-keyframes my-animation { from { -webkit-transform: translateX(100%); } to { -webkit-transform: translateX(-100%); } }
@keyframes my-animation { from { -moz-transform: translateX(100%); -webkit-transform: translateX(100%); transform: translateX(100%); } to { -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); transform: translateX(-100%); } }
/************* End Top Scroll Bar CSS *************/

/************* Header Section *************/
.fx { display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;-o-flex-wrap: wrap; }
.aligncenter { align-items: center; }
.fullwidth { width: 100%; float: left; }
.wrapper-1200 { box-sizing: border-box; width: 100%; float: none !important; display: block; margin: 0 auto !important; max-width: 1260px; padding-right: 30px !important; padding-left: 30px !important; }

.header-cpbsec { position: absolute; top: 20px; left: 0; width: 100%; z-index: 99; /* padding: 30px 0; */ padding: 50px 0 30px; }  
.header-cpblogo { width: 35%; float: left; }
.header-cpblogo a img{ max-width: 200px !important; }
.header-cpbmenu { float: right; width: 65%; padding-left: 30px; display: flex; display: -webkit-flex; display: -moz-flex; display: -o-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -o-flex-wrap: wrap; justify-content: flex-end; -webkit-justify-content: flex-end; -moz-justify-content: flex-end; -o-justify-content: flex-end; } 
.header-cpbmenu .hs-menu-wrapper ul li { position: relative; }
.header-cpbmenu .hs-menu-wrapper ul li a{ text-decoration: none !important; }
.header-cpbmenu .hs-menu-wrapper > ul li { display: inline-block; margin-left: 35px; }
.header-cpbmenu .hs-menu-wrapper > ul li a { position: relative; color: #000; text-transform: capitalize; }
.header-cpbmenu .hs-menu-wrapper > ul li ul { display: none; visibility: hidden; opacity: 0; box-shadow: 0px 9px 20px 0 rgb(0 0 0 / 50%); min-width: 280px; position: absolute; top: calc(100% + 10px); left: 0; width: 100%; background-color: #fff; }
.header-cpbmenu .hs-menu-wrapper > ul li:hover > ul { display: block; visibility: visible; opacity: 1; }
.header-cpbmenu .hs-menu-wrapper > ul li.hs-item-has-children > a{ padding-right: 15px; }
.header-cpbmenu .hs-menu-wrapper > ul li.hs-item-has-children > a:before { position: absolute; top: 50%; transform: translateY(-50%) rotate(180deg); right: -7px; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #000; content: ''; }
.header-cpbmenu .hs-menu-wrapper > ul > li:before { margin: 0; display: block; content: ''; position: absolute; top: 100%; left: 0; width: 100%; height: 10px; }
.header-cpbmenu .hs-menu-wrapper > ul ul { padding: 15px 0; }
.header-cpbmenu .hs-menu-wrapper > ul ul li { padding: 5px 15px; margin: 0; display: block; }
.header-cpbmenu .hs-menu-wrapper > ul ul li a { font-size: 16px;padding: 0 0 3px; border-bottom: 2px solid transparent; } 
.header-cpbmenu .hs-menu-wrapper > ul ul li:hover a { border-bottom: 2px solid #ff85ba; } 
.header-cpbmenu .hs-menu-wrapper > ul ul > li > ul { left: 100%; top: 0; box-shadow: none; }
.header-cpbmenu .hs-menu-wrapper > ul li:last-child ul { left: auto; right: 0;}
.header-cpbmenu .hs-menu-wrapper > ul li:last-child ul ul { right: 100%; }

/************* End Header Section *************/  
  
.footerSec { position: relative; background-color: rgba(255, 133, 186, 1); padding: 130px 0 48px; }
/* .footerSec:before { content: ""; background-image: url(https://shaka.cpb.bank/hubfs/WaveBG-Footer.jpg) !important; background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; position: absolute; top: 0; width: 100%; height: 76px; }*/
.footerSec:before { content: ""; background-size: contain !important; background-position: center top !important; background-repeat: repeat-x; position: absolute; top: 0; width: 100%; height: 76px;  background-image: url(https://share.cpb.bank/hubfs/WaveFooterBG.png); }
.footSocial ul li { display: inline-block; padding: 0 5px; }
.footSocial ul { margin: 0; padding: 0; display: flex; flex-wrap: wrap; align-items: center; display: -webkit-flex; -webkit-flex-wrap: wrap; -webkit-align-items: center; }
.footSocial ul li:before, .footBre ul li:before { display:none; }
.footTop.fx, .footBott.fx { justify-content: space-between; -webkit-justify-content: space-between; }
.footSocial svg { width: 21px; height: 21px; vertical-align: middle; display: inline-block; fill: #000000; }	
.footSocial ul li a { display: inline-block; }	
.footSocial ul li img { padding: 6px; }
.footSocial ul li span { width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; display: -webkit-flex; -webkit-align-items: center; -webkit-justify-content: center; }
.footTop { padding: 0 0 40px; margin: 0 0 40px; border-bottom: 2px solid rgba(69,73,83,1.0); }	
.footBre ul { margin: 0; padding: 0;  }
.footBre ul li { display: inline-block; padding: 0 0 0 20px; }
.footBre ul li a { color: #000000; font-size: 14px; }






  
  
  
/* ==========================================================================
   Custom Menu Primary
   ========================================================================== */


 /* Set ul background color */
 /* Set li background Color */
 /* Set link Color */
 /* Set link Hover Color */

/* Parent List */
.custom-menu-primary-1 .hs-menu-wrapper > ul{ 
  background:;
}
.custom-menu-primary-1 .hs-menu-wrapper > ul > li{
  background:;
}
.custom-menu-primary-1 .hs-menu-wrapper > ul > li > a{
  color:;
}
.custom-menu-primary-1 .hs-menu-wrapper > ul > li > a:hover{
  color:;
}

/* Child List */
.custom-menu-primary-1 .hs-menu-wrapper > ul ul{}
.custom-menu-primary-1 .hs-menu-wrapper > ul ul li{
  background:;
}
.custom-menu-primary-1 .hs-menu-wrapper > ul ul li a{
  color:;
}
.custom-menu-primary-1 .hs-menu-wrapper > ul ul li a:hover{
  color:;
}

/* Override max width on menu links */
.custom-menu-primary-1 .hs-menu-wrapper > ul li a, 
.hs-menu-wrapper.hs-menu-flow-horizontal > ul li.hs-item-has-children ul.hs-menu-children-wrapper li a {
  overflow: visible !important;
  max-width: none !important;

}

/* Fix menu disappearing on desktop after toggling mobile menu */
@media screen and (min-width: 992px) {
      .custom-menu-primary-1 .hs-menu-wrapper { 
          display:block !important;
      }
  }


/* ==========================================================================
   Mobile Menu - Hubspot Standard Toggle Menu
   ========================================================================== */

.mobile-trigger, .child-trigger{
    display: none; /* Hide button on Desktop */
}

@media (max-width: 991px){


  /* Variables
     ========================================================================== */

     /* Set Mobile Menu Background Color */
        /* Set Link Color */
   /* Set Link Hover Color */

  /* 
    * Menu Reset
    *
    * Remove styling from desktop version of custom-menu-primary. Place any 
    * additional CSS you want removed from the mobile menu in this reset 
    */

  .custom-menu-primary-1,
  .custom-menu-primary-1 .hs-menu-wrapper > ul,
  .custom-menu-primary-1 .hs-menu-wrapper > ul li,
  .custom-menu-primary-1 .hs-menu-wrapper > ul li a{ display: block; float: none; position: static; top: auto; right: auto; left: auto; bottom: auto; padding: 0px; margin: 0px; background-image: none; background-color: transparent; border: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; max-width: none; width: 100%; height: auto; text-decoration: none; text-indent: 0px;
  }

  /* Toggle Button
     ========================================================================== */

  .mobile-trigger{ display: inline-block !important; cursor: pointer; position: absolute; top: 70px; right: 30px; width: 30px; height: 20px; padding: 0; background: transparent; border: 0px solid ; font-size: 16px; font-weight: normal; text-align: left; text-transform: uppercase; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: ; }
  .mobile-trigger:hover{ text-decoration: none;  color:; background-color:transparent; border-color: transparent;  }

  /* Change button when menu is open */
  .mobile-open .mobile-trigger{ color:; background-color: transparent; border-color: transparent; }

  /* Toggle Button Icon
     ========================================================================== */

  .mobile-trigger i{ display: inline; position: relative; top: -4px; }
  .mobile-trigger i:before, .mobile-trigger i:after { position: absolute; content: ''; }
  .mobile-trigger i, .mobile-trigger i:before, .mobile-trigger i:after{ background-color: #000; width: 30px; height: 2px; -webkit-border-radius: 0; -moz-border-radius: 0; left: 0; text-align: center; border-radius: 1px; background-color: ; display: inline-block;  }
  .mobile-trigger i:before{ top: -8px; }
  .mobile-trigger i:after{ top: 8px; }
  
	.mobile-trigger:hover i, .mobile-trigger:hover i:before, .mobile-trigger:hover i:after{ background-color: #000; }  
  .mobile-open .mobile-trigger i, .mobile-open .mobile-trigger i:before, .mobile-open .mobile-trigger i:after{ background-color: #000; }
  .mobile-open .mobile-trigger i { background: none; }
  .mobile-open .mobile-trigger i:before { top: 0; transform: rotate(45deg); }
  .mobile-open .mobile-trigger i:after { top: 0; transform: rotate(-45deg); }


  /* Child Toggle Button
     ========================================================================== */

  .child-trigger { display: block !important; cursor: pointer; position: absolute; top: 0px; right: 0px; width: 55px !important; min-width: 55px !important; height: 54px !important; padding: 0 !important; border-left: 0; }
  .child-trigger:hover{ text-decoration: none; }
  .child-trigger i { position: relative; top: 27px; margin: 0 auto !important; -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
  .child-trigger i:after{ position: absolute; content: ''; } 
  .child-trigger i, .child-trigger i:after{ width: 14px; height: 2px; background-color: #000; display: block; }
  .child-trigger i:after{ -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }
  .child-trigger.child-open i:after{ -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); background-color:#000; }
  .child-trigger.child-open i{ }

    
  /* Menu Styles on Mobile Devices
     ========================================================================== */  

  /* Hide menu on mobile */
  .custom-menu-primary-1.js-enabled .hs-menu-wrapper,
  .custom-menu-primary-1.js-enabled .hs-menu-children-wrapper{ display: none;  }  

  /* Make child lists appear below parent items */
  .custom-menu-primary-1 ul.hs-menu-children-wrapper{ visibility: visible !important; opacity: 1 !important; position: static !important; display: none; }

  /* Mobile Menu Styles */ 
  .custom-menu-primary-1.js-enabled .hs-menu-wrapper{ width: 100%; position: absolute; top: 100%; left: 0; padding: 0; }
  .custom-menu-primary-1 .hs-menu-wrapper{ background-color:; width: 100%; }

   /* Level 1 Menu List Styles */
  .custom-menu-primary-1 .hs-menu-wrapper > ul > li{ position: relative; }
  .custom-menu-primary-1 .hs-menu-wrapper > ul > li a{ overflow: visible; }

  /* Level 1 and Higher Menu List Styles */
 
  .custom-menu-primary-1 .hs-menu-wrapper >  ul li a{ }
  .custom-menu-primary-1 .hs-menu-wrapper > ul li a:hover{  }

  /* Level 2 and Higher Menu List Styles */
  .custom-menu-primary-1 .hs-menu-wrapper > ul ul li { }
  .custom-menu-primary-1 .hs-menu-wrapper > ul ul li a {  }
	.custom-menu-primary-1 .hs-menu-wrapper > ul ul li a:hover { }

  /* Level 3 and Higher Menu List Styles */
  .custom-menu-primary-1 .hs-menu-wrapper > ul ul ul li a { text-indent: 30px; /* Indent Child lists */  }
  .custom-menu-primary-1 .hs-menu-wrapper > ul ul ul ul li a { text-indent: 50px; /* Indent Child lists */  }
}
  
@media(max-width: 991px){ 
  .header-cpblogo { width: 100%; padding-right: 40px; }
   /* .header-cpbsec { position: relative; } */
  .header-cpbmenu .hs-menu-wrapper { background-color: #fff; }
  .header-cpbmenu .hs-menu-wrapper > ul > li:before , .header-cpbmenu .hs-menu-wrapper > ul li.hs-item-has-children > a:before { display: none; }
  .header-cpbmenu .hs-menu-wrapper > ul li { padding: 15px 30px; }
  .header-cpbmenu .hs-menu-wrapper > ul li.hs-item-has-children > a { padding-right: 0px; }
  .header-cpbmenu .hs-menu-wrapper > ul li:hover > ul { display: none; visibility: hidden; opacity: 0; }
  .header-cpbmenu .hs-menu-wrapper > ul li ul { min-width: auto; box-shadow: none; }
}

@media(max-width: 767px){ 
  
  .header-cpbsec { padding: 20px 0; }
  .header-cpblogo a img { max-width: 150px !important; }
  .mobile-trigger { top: 45px; }
  .header-cpbmenu .hs-menu-wrapper > ul ul li { padding: 5px 5px; }
  .footSocial { margin: 30px 0 0; }
  .footTop { margin: 0 0 30px; padding: 0 0 30px; } 
  .footBre ul li { padding: 0 10px 0 0; }
  .footSocial ul li:first-child { width: 100%; margin: 0 0 5px; }
  .footBle { margin: 0 0 5px; }
  
  
  
  
}