

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick-theme.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.2.0/magnific-popup.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.2.0/magnific-popup.css');








/* 1a. Containers */

/* Horitzontal Spacing */




/* Vertical Spacing */








/* 1b. Colors */







/* 1c. Typography */

















  

























/* 1d. Buttons */





















  

















 




























 







/* 1e. Forms */




































/* 1f. Icons */
















/* 1g. Cards */







/* 1h. Tables */













/* 1i. Website header */




























/* 1j. Website footer */













/* Drag and drop layout styles */

.dnd-section {
  padding: 80px 20px;
}

/* Padding on blog post sections */

.blog-post__column-wrapper  {
  padding: 80px 0;
}

/* Mobile padding for dnd layout and blog post section */
@media (max-width: 768px) {

  .dnd-section {
    padding: 48px 20px;
  }

  .blog-post__column-wrapper  {
    padding: 48px 0;
  }

}

/* .content-wrapper is used for blog post and system templates and .header-wrapper is used for the website header module */

.dnd-section > .row-fluid,
.content-wrapper,
.header__wrapper {
  max-width: 1200px;
}





html {
  font-size: 18px;
}

body {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  background-color: #fbfcfb;
  color: #303030;
  font-size: 18px;
  line-height: 1.56;
}

@media (max-width: 767px) {
  html, body {    
    font-size: 16px;    
  }
}


/* Paragraphs */

p {

}

/* Anchors */

a {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1099ce;
  text-decoration:none;
  transition: all ease 0.3s;
}

a:hover { text-decoration:none; }

a:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: underline;
  color: #60e9ff;
}

/* Headings */

h1 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #223d79;
  font-size: 64px;
  text-transform: none;
  line-height: 1.2;
}
@media (max-width: 767px) {
  h1 {    
    font-size: 42px;    
  }
}

h2 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #223d79;
  font-size: 42px;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 767px) {
  h2 {    
    font-size: 38px;    
  }
}

h3 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #223d79;
  font-size: 34px;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 767px) {
  h3 {    
    font-size: 24px;    
  }
}

h4 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #223d79;
  font-size: 28px;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 767px) {
  h4 {    
    font-size: 22px;    
  }
}

h5 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #191a1a;
  font-size: 24px;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 767px) {
  h5 {    
    font-size: 18px;    
  }
}

h6 {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #191a1a;
  font-size: 20px;
  text-transform: none;
  line-height: 1;
}
@media (max-width: 767px) {
  h6 {    
    font-size: 16px;    
  }
}

/* Blockquotes */

blockquote {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  border-left-color: #303030;
  color: #191a1a;
  font-size: 20px;
}

blockquote > footer {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 18px;
}

/* Horizontal rules */

hr {
  border-bottom-color: #6D91D7;
}





/* Form */

.widget-type-form {
  border: 0px none #303030;

  padding: 45px;

  background-color: 

  
  
    
  


  rgba(48, 48, 48, 1.0)

;
  border-radius: 0px;  
  
}





/* Default icon (regular/dark) */

.icon {
  padding: 12px;

  background-color: 

  
  
    
  


  rgba(34, 61, 121, 1.0)

;
}

.icon svg {
  fill: #fafafb;
  height: 22px;
  width: 22px;
}

/* Light icon */

.icon--light .icon {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.icon--light svg {
  fill: #223d79;
}

/* Size */

.icon--small svg {
  height: 14px;
  width: 14px;
}

.icon--small .icon {
  padding: 10px;

}

.icon--large svg {
  height: 30px;
  width: 30px;
}

.icon--large .icon {
  padding: 16px;

}





/* Table */

table {
  border: 0px solid #6D91D7;

  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
}

/* Table cells */

th,
td {
  border: 0px solid #6D91D7;

  padding: 10px;

  color: #191a1a;
}

/* Table header */

thead th,
thead td {
  background-color: 

  
  
    
  


  rgba(250, 250, 251, 1.0)

;
  color: #191a1a;
}

/* Table footer */

tfoot th,
tfoot td {
  background-color: 

  
  
    
  


  rgba(48, 48, 48, 1.0)

;
  color: #191a1a;
}





/* Header container */

.header {
  background-color: 

  
  
    
  


  rgba(251, 252, 251, 1.0)

;
}

/* Header content color */

.header p,
.header h1,
.header h2,
.header h3,
.header h4,
.header h5,
.header h6,
.header a:not(.button),
.header span,
.header div,
.header li,
.header blockquote,
.header .tabs__tab,
.header .tabs__tab:hover,
.header .tabs__tab:focus,
.header .tabs__tab:active {
  color: #191a1a;
}

/* Header top bar */

.header__top {
  background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Language switcher */

.header__language-switcher-current-label > span {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #191a1a;
  font-size: 18px;
  text-transform: none;
}

.header__language-switcher:hover .header__language-switcher-current-label > span,
.header__language-switcher:focus .header__language-switcher-current-label > span {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1a1a19;
}

.header__language-switcher-child-toggle svg {
  fill: #191a1a;
}

/* Language switcher - submenu */

.header__language-switcher .lang_list_class li {
  background-color: 

  
  
    
  


  rgba(251, 252, 251, 1.0)

;
}

.header__language-switcher .lang_list_class a:not(.button) {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #223d79;
  font-size: 18px;
  text-transform: none;
}

.header__language-switcher .lang_list_class a:hover,
.header__language-switcher .lang_list_class a:focus {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
  color: #1099ce;
}

.header__language-switcher .lang_list_class a:active {
  background-color: 

  
  
    
  


  rgba(251, 252, 251, 1.0)

;
}


@media screen and (min-width: 768px) {
  .header__language-switcher .lang_list_class {
    box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
  }    
}


/* Header bottom */

.header__bottom {
  background-color: 

  
  
    
  


  rgba(251, 252, 251, 1.0)

;
  padding: 20px;
;
}

/* Logo */

.header__logo-company-name {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #223d79;
  font-size: 34px;
  text-transform: none;
}

/* Menu */

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

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
  }
}

/* Menu items */

.header__menu-link {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 16px;
  text-transform: none;
}

/* Menu items - top level */

.header__menu-item--depth-1 > .header__menu-link:not(.button) {
  color: #223d79;
}

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1099ce;
}

.header__menu-item--depth-1 > .header__menu-link:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #60e9ff;
}

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1099ce;
}

.header__menu-item--depth-1 .header__menu-child-toggle svg {
  fill: #223d79;
}

/* Menu items - submenus */

.header__menu-submenu {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link:not(.button) {
  color: #223d79;
}

.header__menu-submenu .header__menu-item:hover,
.header__menu-submenu .header__menu-item:focus {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link:hover,
.header__menu-submenu .header__menu-link:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1099ce;
}

.header__menu-submenu .header__menu-link:active {
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}

.header__menu-submenu .header__menu-link--active-link:not(.button) {
  color: ;
  background-color: 

  
  
    
  


  rgba(244, 246, 250, 1.0)

;
}


@media screen and (min-width: 768px) {
  .header__menu-submenu {
    box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    -webkit-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
    -moz-box-shadow: 0px 8px 19px 2px rgba(0,0,0,0.08);
  }    
}


/* Menu icons */

.header__menu-toggle svg {
  fill: #223d79;
}





.gen-header {      
  background-color: rgba(255, 255, 255, 1.0);
}

.gen-header__wrapper {
  padding-top: 20px;
padding-right: 0px;
padding-bottom: 20px;
padding-left: 0px;
;
  max-width: 1200px; 
}

.gen-header__nav-item > a,
.gen-header__nav-item > span {
  color: #191a1a;font-size: 16px;;;
} 

.gen-header__nav-item > a:hover,
.gen-header__nav-item > span:hover {
  color: #1099ce;font-size: 16px;;;
} 

.gen-header__nav-submenu-header {
  color: #191a1a;font-size: 20px;;;
  padding-bottom: 24px;
}

.gen-header__nav-submenu-item > a {
  color: #191a1a;font-size: 16px;;;
  padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
;
} 

.gen-header__nav-submenu-item > a:hover {
  color: #1099ce;font-size: 16px;;;
} 

/* Language Switcher */

.gen-header .globe_class {
  width: 22px;
  height: 23px;
}

.gen-header .globe_class .mask-class {
  width: 22px;
  height: 23px;
  background-color: #191a1a;
}

.gen-header .lang_list_class {
  padding: 30px;
;
  border-radius: 6px;
  box-shadow:     ;
  -webkit-box-shadow:     ;
  -moz-box-shadow:     ;
  background-color: rgba(255, 255, 255, 1.0);
}

.gen-header .lang_switcher_link {
  color: #191a1a;font-size: 16px;;;
  padding-top: 12px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
;
}

.gen-header .lang_switcher_link:hover {
  color: #1099ce;font-size: 16px;;;
}

.gen-header__nav-submenu-column {
  padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
;
}

/* CTA Button */

.gen-header__button .button {
  
  background-color: rgba(#null, 0.0);
  
  
  
  
  
  
  
  
}



.gen-header__button .button:hover,
.gen-header__button .button:focus {    

  
  background-color: rgba(#null, 0.0);
  

  
  
  

  

  

  
}


      

.gen-header__button .button:active {
  
  
  
  
  
  
}  

.gen-header__menu-toggle div,
.gen-header__search-close-btn div,
.gen-header__menu-close .cross div {
  background-color: #191a1a;
}

/* Media Queries */
@media (min-width: 768px) { 

  
  
  
  
  
  

  .gen-header__nav-item > a,
  .gen-header__nav-item > span {
    padding-top: 10px;
padding-right: 30px;
padding-bottom: 10px;
padding-left: 30px;
;
  } 

  .gen-header__nav-submenu-inner {
    padding: 30px;
;
    background-color: rgba(255, 255, 255, 1.0);
    border-radius: 6px;
    box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
    -webkit-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
    -moz-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  }

  .gen-header__nav-submenu-inner::before {
    border-bottom: 8px solid rgba(255, 255, 255, 1.0);
  }

  .gen-header__nav-submenu-column {
    padding-top: 0px;
padding-right: 20px;
padding-bottom: 0px;
padding-left: 20px;
;
  }

  .gen-header__button {
    padding-left: 30px;
  }

  .gen-header .globe_class:hover .mask-class {  
    background-color: #1099ce;
  }

}  

@media (max-width: 767px) { 

  .gen-header__nav-container {
    background-color: rgba(255, 255, 255, 1.0);
  }

  .gen-header__nav-item > a,
  .gen-header__nav-item > a:hover,
  .gen-header__nav-item > a:active,
  .gen-header__nav-item > span,
  .gen-header__nav-item > span:hover,
  .gen-header__nav-item > span:active {
    color: #191a1a;font-size: 26px;;;
    padding-top: 16px;
padding-right: 20px;
padding-bottom: 16px;
padding-left: 20px;
;
  }

  .gen-header__nav-item:first-child > a,
  .gen-header__nav-item:first-child > span {
    padding-top: 0;
  }

  .gen-header__nav-submenu {
    padding-left: 20px;
  }

  .gen-header__nav-submenu-column {
    padding-bottom: 24px;
  }

  .gen-header__button--mobile {
    padding-top: 16px;
padding-right: 20px;
padding-bottom: 16px;
padding-left: 20px;
;
  }

  .gen-header__menu-toggle {
    margin-left: 30px;
  }

} 





/* Footer container */

.footer {
  background-color: 

  
  
    
  


  rgba(251, 252, 251, 1.0)

;
}

/* Footer content color */

.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer p,
.footer a:not(.button),
.footer span,
.footer div,
.footer li,
.footer blockquote,
.footer .tabs__tab,
.footer .tabs__tab:hover,
.footer .tabs__tab:focus,
.footer .tabs__tab:active {
  color: #191a1a;
}

.footer hr {
  border-bottom-color: #191a1a !important;
}

/* Footer menu */

.footer .hs-menu-wrapper a {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #191a1a;
  font-size: 18px;
  text-transform: none;
}

.footer .hs-menu-wrapper a:hover,
.footer .hs-menu-wrapper a:focus {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #1a1a19;
}

.footer .hs-menu-wrapper a:active {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  color: #6a6a69;
}

.footer .hs-menu-wrapper .active > a {
  font-weight: bold; text-decoration: underline; font-family: Montserrat, sans-serif; font-style: normal;
  color: #1a1a19;
}






.card-shadow {  
  box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  -webkit-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
  -moz-box-shadow: 6px 6px 0px 0px 

  
  
    
  


  rgba(26, 26, 25, 1.0)

;
}






/* Error templates */

.error-page:before {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}

/* System templates */

#email-prefs-form,
#email-prefs-form h1,
#email-prefs-form h2 {
  color: #303030;
}

/* Backup unsubscribe template */

.backup-unsubscribe input[type='email'] {
  font-size: 18px !important;
  padding: padding: 10px;
 !important;
}





/* Accordion */

.accordion__summary,
.accordion__summary:before {
  font-family: Montserrat, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
  font-size: 28px;
}

/* Blog listing, recent posts, related posts, and blog post */

.blog-post__left-sidebar .btn__back-to-posts {
  color: #303030;
}

.blog-listing__post-title {
  text-transform: none;
}

.blog-listing__post-title-link {
  color: #223d79;
}

.blog-listing__post-title-link:hover,
.blog-listing__post-title-link:focus {
  color: #000029;
}

.blog-listing__post-title-link:active {
  color: #728dc9;
}

.blog-listing__post-tag {
  color: #303030;
}

.blog-listing__post-tag:hover,
.blog-listing__post-tag:focus {
  color: #000000;
}

.blog-listing__post-tag:active {
  color: #808080;
}

.blog-listing__post-author-name,
.blog-post__author-name {
  color: #303030;
}

.blog-listing__post-author-name :hover,
.blog-listing__post-author-name :focus,
.blog-post__author-name:hover,
.blog-post__author-name:focus {
  color: #000000;
}

.blog-listing__post-author-name :active,
.blog-post__author-name:active {
  color: #808080;
}

/* Image gallery */

.image-gallery__close-button-icon:hover,
.image-gallery__close-button-icon:focus {
  background-color: rgba(0, 0, 41, 1.0);
}

.image-gallery__close-button-icon:active {
  background-color: rgba(114, 141, 201, 1.0);
}

.icon--light .image-gallery__close-button-icon:hover,
.icon--light .image-gallery__close-button-icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .image-gallery__close-button-icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Pagination */

.pagination__link-icon svg {
  fill: #1099ce;
  height: 18px;
  width: 18px;
}

.pagination__link:hover .pagination__link-icon svg,
.pagination__link:focus .pagination__link-icon svg {
  fill: #1099ce;
}

.pagination__link:active .pagination__link-icon svg {
  fill: #60e9ff;
}

.pagination__link--active {
  border-color: #6D91D7
}

/* Pricing card */

.pricing-card__heading {
  background-color: #223d79;
}

/* Social follow and social sharing */

.social-follow__icon:hover,
.social-follow__icon:focus,
.social-sharing__icon:hover,
.social-sharing__icon:focus {
  background-color: rgba(0, 0, 41, 1.0);
}

.social-follow__icon:active,
.social-sharing__icon:active {
  background-color: rgba(114, 141, 201, 1.0);
}

.icon--light .social-follow__icon:hover,
.icon--light .social-follow__icon:focus,
.icon--light .social-sharing__icon:hover,
.icon--light .social-sharing__icon:focus {
  background-color: rgba(175, 175, 175, 1.0);
}

.icon--light .social-follow__icon:active,
.icon--light .social-sharing__icon:active {
  background-color: rgba(255, 255, 255, 1.0);
}

/* Tabs */

.tabs__tab,
.tabs__tab:hover,
.tabs__tab:focus,
.tabs__tab:active {
  border-color: #303030;
  color: #303030;
}

/* Global CSS */

/* Widths */
.fl { float:left; }
.fr { float:right; }
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top !important;  }
.set-bg, .bg, .overlay { background-size:cover; background-position:center; position:relative; background-repeat: no-repeat; }

.flex { display: flex; }
.flex-wrap { flex-wrap: wrap;}
.flex-nowrap { flex-wrap: nowrap; }
.align-center  { align-items: center; }
.j-space { justify-content: space-between; }
.j-center { justify-content: center;  }
.fl { float:left; }
.fr { float:right; }
.ib { display: inline-block; vertical-align:middle; margin-right:-4px; }
.ib.vt { vertical-align:top !important;  }
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }



.w20 { width: 20%; }
.w25 { width: 25%; }
.w30 { width: 30%; }
.w33 { width: 33.33%; }
.w40 { width: 40%; }
.w50 { width: 50%; }
.w60 { width: 60%; }
.w66 { width: 66.66%; }
.w70 { width: 70%; }
.w75 { width: 75%; }
.w80 { width: 80%; }
.w100 { width: 100%; }





@media (max-width:1230px ) {

  .content-wrapper { max-width:1000px }


}

/*-=-=-  Tablet Landscape and Smaller Devices -=-=-*/
@media (max-width:1080px ) {

  .content-wrapper { max-width:900px }
  .tabw20 { width: 20%; }
  .tabw33 { width: 33.33%; }
  .tabw50 { width: 50%; }
  .tabw100 { width: 100%; }
  h1,.h1 { font-size:36px; }
  h2,.h2 { font-size:30px; }
  h3,.h3 { font-size:26px; }
  h4,.h4 { font-size:22px; }
  h5,.h5{ font-size:20px; }
  h6,.h6 { font-size:18px; }

}

@media (min-width: 992px ){


}

/*-=-=-  Tablet Port rait and Smaller Devices -=-=-*/
@media (max-width:991px ) {

  .content-wrapper { max-width:700px }


}

/*-=-=-  Mobile Devices -=-=-*/
@media (max-width:767px ) {

  .content-wrapper { max-width:100%; padding-left:15px; padding-right:15px; }

  h1,.h1 { font-size:28px; }
  h2,.h2 { font-size:26px; }
  h3,.h3 { font-size:24px; }
  h4,.h4 { font-size:22px; }
  h5,.h5{ font-size:20px; }
  h6,.h6 { font-size:18px; }

  .mw20 { width: 20%; }
  .mw33 { width: 33.33%; }
  .mw50 { width: 50%; }
  .mw100 { width: 100%; }


}