@charset "utf-8";
/*

Theme Name:Northland Power
Theme URI:https://parachutedesign.ca/
Author:
Author URI:https://parachutedesign.ca/
Description:
Version:2025.11-07 - 0101
Text Domain:Northland Power
*/


@import url("./css/_colors.css");
@import url("./css/_reset.css?v=6666");
@import url("./css/_header.css");
@import url("./css/_footer.css");
@import url("./css/_cookiebar.css?v=123");


#main, #mainContent {
  position: relative;
  float: left
}
.container .container, body {
  padding: 0
}
.link-trail::before, .link-trail:hover::after {
  content: "\f178";
  font-weight: 300;
  font-size: 14.5px;
  font-family: "Font Awesome 6 Sharp"
}
.background-bg, .banner-bg, .no-banner-bg {
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0
}
.video-caption, .video-wrap .video-thumbnail figure > img {
  border-radius: 16px
}
.cat-wrap ul li, .cat-wrap ul li a {
  padding: 7px 23px 11px 22px;
  display: inline-block
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
@keyframes bounceAlpha {
  0%, 100%, 50% {
    transform: translateX(0)
  }
  25%, 75% {
    transform: translateX(10px)
  }
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
    opacity: 0
  }
}
@keyframes bounceTopToBottom {
  0%, 55% {
    opacity: 1;
    transform: translate(0, 0) scale(1)
  }
  25% {
    opacity: 0;
    transform: translate(0, 7px) scale(1)
  }
  26% {
    opacity: 0;
    transform: translate(0, -5px) scale(1)
  }
}
@keyframes trailLoop {
  0% {
    transform: translateX(0);
    opacity: 1
  }
  100% {
    transform: translateX(10px);
    opacity: 0
  }
}
@font-face {
  font-family: 'Segoe UI';
  src: url('fonts/SegoeUI-Light.woff2') format('woff2'), url('fonts/SegoeUI-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Segoe UI This';
  src: url('fonts/SegoeUIThis-Italic.woff2') format('woff2'), url('fonts/SegoeUIThis-Italic.woff') format('woff');
  font-weight: 400;
  font-style: italic;
  font-display: swap
}
@font-face {
  font-family: 'Segoe UI This';
  src: url('fonts/SegoeUIThis-Bold.woff2') format('woff2'), url('fonts/SegoeUIThis-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Segoe UI This';
  src: url('fonts/SegoeUIThis.woff2') format('woff2'), url('fonts/SegoeUIThis.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap
}
@font-face {
  font-family: 'Segoe UI This';
  src: url('fonts/SegoeUIThis-BoldItalic.woff2') format('woff2'), url('fonts/SegoeUIThis-BoldItalic.woff') format('woff');
  font-weight: 700;
  font-style: italic;
  font-display: swap
}
body {
  font-family: segoe-ui, sans-serif;
  color: var(--body-text);
  font-size: ⁨1.188rem !important;
  line-height: 157.895%;
  font-weight: 200;
  font-style: normal;
  overflow-x: hidden;
  background: var(--white);
  height: 100%;
  display: flex;
  flex-direction: column;
  -webkit-overflow-scrolling: touch
}
#main {
  overflow: hidden;
  width: 100%;
  flex: 1 0 auto
}
#mainContent {
  clear: both;
  width: 100%;
  padding: 90px 0 0
}
.container {
  max-width: 1458px;
  margin: 0 auto;
  width: 100%
}
.container-lg {
  padding: 0 12px;
  max-width: 1700px;
  margin: 0 auto;
  width: 100%
}
.container-md {
  max-width: 1210px;
  margin: 0 auto;
  width: 100%
}
.container-sm {
  max-width: 960px;
  margin: 0 auto;
  width: 100%
}
.btn, .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_fields_container {
  display: block
}
.btn-wrap {
  width: 100%;
  clear: both;
  font-size: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center
}
.optional-text {
  font-size: .684rem;
  color: var(--optional-txt);
  font-weight: 700;
  margin: 0 0 18px;
  display: block;
  line-height: 1.25;
  width: 100%;
  text-transform: uppercase;
  font-family: montserrat, sans-serif
}
.link-trail, .readmore {
  display: inline-flex;
  align-items: center;
  position: relative
}
.h1, .h1b, .h2, .h3, .h4, .h5, .h6, .section-heading, .sub-heading {
  font-family: segoe-ui, sans-serif
}
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  color: var(--heading);
  text-decoration: none
}
.greenbg .btn-green:hover, .h1 a:hover, .h2 a:hover, .h3 a:hover, .h4 a:hover, .h5 a:hover, .h6 a:hover, .orangebg .btn-orange:hover, .pinkbg .btn-pink:hover, .purplebg .btn-purple:hover, .redbg .btn-red:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
  color: var(--blue)
}
.h1, .h1b, .h2, .h3, .h4, .h5, .h6 {
  clear: both;
  margin: 0 0 23px;
  color: var(--heading);
  font-weight: 200
}
.h1 {
  font-size: 4.632rem;
  line-height: 1.02;
  margin-bottom: 19px
}
.h2 {
  font-size: 2.632rem;
  line-height: 1.18;
  margin-bottom: 31px
}
.h3 {
  font-size: 2.263rem;
  line-height: 1.07;
  margin-bottom: 30px
}
.h4 {
  font-size: 1.789rem;
  line-height: 1.21;
  margin-bottom: 29px
}
.h5, .h6 {
  line-height: 1.58
}
.h5 {
  font-size: 1.158rem;
  margin-bottom: 30px
}
.h6 {
  font-size: 1rem;
  margin-bottom: 18px
}
.section-heading {
  font-size: 2rem;
  line-height: 1.21;
  margin-bottom: 20px;
  font-weight: 400;
  border-width: 1px;
  border-bottom-style: solid;
  padding: 0 0 11px
}
.sub-heading {
  font-size: 1.263rem;
  line-height: normal;
  font-weight: 200
}
section ol li:last-child, section ol:last-child, section ul li:last-child, section ul:last-child {
  margin-bottom: 0 !important
}
.pos-relative, .video-thumbnail, .video-thumbnail picture, section li a, section p a {
  position: relative
}
.link-trail {
  font-weight: 700;
  color: var(--blue);
  font-size: .684rem;
  gap: 10px;
  transition: color .3s;
  font-family: montserrat, sans-serif;
  text-transform: uppercase;
  line-height: normal
}
.link-trail::before {
  display: inline-block;
  line-height: normal
}
.link-trail:hover::after {
  position: absolute;
  left: 0;
  opacity: 0;
  animation: .6s infinite trailLoop
}
.readmore {
  font-size: 1rem;
  gap: 13px;
  line-height: 1.5
}
.no-banner-bg, .pos-absolute {
  position: absolute
}
.readmore:after {
  content: "\f061";
  position: relative;
  display: inline-block;
  font-size: 39px;
  font-family: "Font Awesome 6 Pro";
  font-weight: 100;
  line-height: 1.5
}
.readmore:hover:after {
  animation: 1.4s ease-in-out infinite bounceAlpha
}
.background-bg, .banner-bg {
  position: absolute
}
.background-bg img, .banner-bg img, .object-fit img {
  width: 100%;
  height: 100%;
  font-family: "object-fit:cover";
  object-fit: cover;
  -o-object-fit: cover;
  object-position: 50% 50%;
  -o-object-position: 50% 50%
}
.background-bg iframe, .banner-bg iframe {
  max-width: inherit;
  margin: 0
}
.no-banner-bg {
  max-height: 550px
}
.no-banner-img .hero-banner-main {
  min-height: 423px
}
.text-reverse .hero-banner-text {
  margin-left: auto; text-align: right;
}
.text-reverse .hero-banner-text p {margin-left: auto;}
.text-reverse .hero-banner-text .banner-btn-wrap {justify-content: flex-end;}
.text-reverse .banner-widget-wrap {
  left: 20px
}
figure.object-fit, picture.object-fit {
  width: 100%;
  height: 100%;
  display: block
}
.at4-visually-hidden, .cat-wrap ul li:before, .frm_forms .frm_error_style, .frm_forms .frm_form_fields .frm_form_field label .frm_required, .pagination .screen-reader-text, .pagination h2.screen-reader-text, .wp-pagenavi .first span, .wp-pagenavi .last span, a.prev.page-numbers.disabled, body .mfp-close:after, body ul.selectBox-dropdown-menu li:before, img.mobile, ul.slick-dots li button:after, ul.slick-dots li button:before, ul.slick-dots li::before {
  display: none
}
.divider-module {
  clear: both;
  width: 100%;
  position: relative;
  z-index: 1
}
.video-wrap {
  margin: 62px 0;
  position: relative;
  clear: both;
  overflow: hidden;
  z-index: 1
}
.video-caption {
  font-size: .875rem;
  font-weight: 500;
  line-height: 150%;
  width: 100%;
  padding: 48px 24px 24px;
  color: rgb(77, 80, 82, .75);
  background: var(--seafom-25);
  margin-top: -24px;
  z-index: -1;
  position: relative
}
.calender, .cat-wrap ul li {
  font-size: .789rem;
  font-family: 'Segoe UI This', sans-serif
}
.video-wrap:last-child {margin-bottom: 0;}
.video-wrap .video-thumbnail > img {
  border-radius: 0;
  height:532px
}
.video-thumbnail.video_post {
  position: relative;
  width: 100%
}
.video-thumbnail iframe {
  position: absolute;
  top: 0;
  left: 0
}
.video-thumbnail.video_post .play-btn-main {
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%)
}
.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%
}
.play-btn-main {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1
}
.play-btn {
  width: 85px;
  height: 85px;
  position: relative;
  transition: .2s ease-in-out;
  background-color: var(--blue);
  border-radius: 50%
}
.cat-wrap ul li a:hover, .play-btn:hover {
  opacity: .8
}
.play-btn span {
  display: block;
  position: relative;
  z-index: 2;
  width: 16px;
  height: 24px;
  line-height: 0
}
.play-btn span img {
  border-radius: 0;
  width: 100%;
  height: 100%
}
.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative
}
.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%
}
body .mfp-iframe-holder .mfp-close, body .mfp-image-holder .mfp-close {
  padding-right: 0;
  width: 40px;
  height: 40px;
  opacity: 1;
  line-height: 40px;
  top: -45px;
  background-color: var(--navy);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  right: 0;
  min-width: inherit
}
.graph-bg, .sharethis-inline-share-buttons .st-btn[data-network=sharethis]:hover:after {
  opacity: .7
}
body .mfp-iframe-holder .mfp-close:hover, body .mfp-image-holder .mfp-close:hover {
  background-color: var(--white);
  color: var(--blue);
  border-radius: 0
}
body .mfp-iframe-holder button.mfp-close::before {
  left: 0
}
.cat-wrapper {
  clear: both;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 11px;
  margin: 0 0 20px
}
.cat-wrapper .cat-wrap {
  flex: 1
}
.cat-wrap, .frm_forms .frm_form_fields .frm_form_field.frm_full {
  clear: both;
  width: 100%
}
.cat-wrap ul {
  margin: 0;
  font-size: 0;
  line-height: normal;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: fit-content
}
.cat-wrap ul li {
  position: relative;
  margin: 0;
  color: var(--white);
  line-height: 1.2;
  letter-spacing: -.3px;
  text-align: center;
  z-index: 1
}
.cat-wrap ul li .catbg {
  display: block;
  opacity: .1;
  background: var(--blue);
  border-radius: 90px;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  backdrop-filter: blur(28px)
}
.featured-news-top-lt .featured-news-txt .cat-wrap ul li .catbg,
.newsletter-news-top-lt .newsletter-news-txt .cat-wrap ul li .catbg{
	opacity: 1;
}
.featured-news-top-lt .featured-news-txt .cat-wrap ul li a,
.newsletter-news-top-lt .newsletter-news-txt .cat-wrap ul li a{
	color: var(--white) !important;	
}
.featured-news-top-lt .featured-news-txt .cat-wrap ul li .catbg[style="background: #ffffff;"], .newsletter-news-top-lt .newsletter-news-txt .cat-wrap ul li .catbg[style="background: #ffffff;"]{
	background: var(--blue) !important;
}
.cat-wrap ul li a {
  color: var(--white);
  position: relative;
  z-index: 1;
  margin: -7px -23px -11px -22px
}
.calender {
  width: fit-content;
  color: var(--muted);
  gap: 8px;
  line-height: 1.33; min-height: 36px;
}
.calender figure {
  width: 14px;
  height: 14px;
  line-height: 0
}
.btn-link {
  line-height: 0
}
.slick-arrow {
  top: 0;
  right: 0;
  position: absolute;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: .3s ease-in-out;
  z-index: 2;
  line-height: normal;
  width: 45px;
  height: 45px;
  margin: auto;
  color: var(--blue);
  background: 0 0;
  border: 1px solid var(--blue);
  bottom: 0;
  border-radius: 50%
}
.slick-arrow:hover {
  background: var(--blue);
  color: var(--white)
}
.slick-arrow.slick-prev {
  right: auto;
  left: 0
}
.slick-arrow.slick-next {
  right: 0;
  left: auto
}
.slick-arrow.slick-disabled {
  pointer-events: none;
  opacity: .3
}
.slick-arrow span {
  position: relative;
  display: flex;
  vertical-align: middle;
  line-height: 20px;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center
}
.slick-arrow span i {
  font-size: 20px;
  line-height: 20px;
  position: relative;
  display: inline-block;
  vertical-align: middle
}
ul.slick-dots {
  margin: 0;
  padding-top: 30px;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%
}
ul.slick-dots li {
  margin: 9px 9px 0 !important;
  display: inline-block;
  font-size: 0;
  line-height: 0
}
ul.slick-dots li button {
  width: 7px;
  height: 7px;
  min-width: 0;
  padding: 0;
  font-size: 0;
  line-height: 0;
  border: 0;
  background: var(--blue);
  opacity: .2
}
ul.slick-dots li.slick-active button {
  opacity: 1
}
#blog_list, .frm_filed_wrapper .vertical_radio .frm_checkbox, .frm_forms .frm_submit {
  margin: 0
}
.btn-center {
  position: relative;
  z-index: 1;
  width: 100%;
  text-align: center;
  margin: 60px 0 0;
  display: flex;
  justify-content: center;
  align-items: center;
  clear: both
}
.btn-center .button {
  min-width: inherit
}
.sharethis-inline-share-buttons .st-btn img, .sharethis-inline-share-buttons .st-btn span, body ul.selectBox-dropdown-menu li.frm-select-placeholder, select.selectBox {
  display: none !important
}
body .selectBox-dropdown {
  outline: 0;
  width: 100% !important;
  min-width: 220px;
  font-size: .947rem;
  line-height: normal;
  background: 0 0;
  color: var(--global);
  box-shadow: none;
  border-radius: 90px !important;
  padding: 11px 46px 13px 25px;
  vertical-align: middle;
  height: auto;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  cursor: pointer;
  font-weight: 400;
  border: 1px solid var(--line)
}
body .selectBox-dropdown .selectBox-label {
  padding: 0;
  display: block;
  width: 100% !important;
  text-overflow: ellipsis;
  font-weight: 500;
  opacity: .7;
  line-height: 1.3
}
body .selectBox-dropdown .selectBox-label a {
  color: inherit
}
body .selectBox-dropdown .selectBox-arrow {
  width: auto;
  right: 22px;
  top: 0;
  bottom: 0;
  font-size: .8rem;
  color: var(--blue);
  border: none;
  font-family: "Font Awesome 6 Sharp";
  font-weight: 400;
  position: absolute;
  display: flex;
  align-items: center;
  transition: .5s ease-in-out;
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  background: 0 0
}
body .selectBox-dropdown .selectBox-arrow::after {
  content: "\f107"
}
body .selectBox-dropdown.selectBox-menuShowing .selectBox-arrow {
  transform: rotate(-180deg)
}
body ul.selectBox-dropdown-menu {
  background-color: var(--white);
  padding: 10px 0;
  margin: 1px 0 0;
  border: none;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, .2);
  z-index: 50;
  border-radius: 10px !important
}
.pagination a, .wp-pagenavi a, body ul.selectBox-dropdown-menu li {
  color: var(--global)
}
body ul.selectBox-dropdown-menu li a {
  font-size: .875rem;
  line-height: 1.5;
  letter-spacing: normal;
  display: block;
  white-space: nowrap;
  text-transform: capitalize;
  color: var(--global);
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  font-weight: 400;
  padding: 5px 25px
}
body ul.selectBox-dropdown-menu li a:hover, body ul.selectBox-dropdown-menu li.selectBox-selected a {
  color: var(--white);
  background-color: var(--blue);
  cursor: pointer
}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {
  right: 0 !important;
  width: 100%;
  display: block;
  font-size: 12px !important;
  color: red !important;
  background: 0 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: right !important;
  line-height: normal !important;
  font-weight: 400;
  top: auto;
  bottom: -17px;
  position: absolute
}
.frm_forms .frm_form_fields fieldset {
  margin: 0;
  padding: 0;
  border: 0
}
.frm_forms .frm_form_fields .frm_form_field {
  margin-bottom: 26px;
  position: relative;
  clear: both
}
.frm_forms .frm_form_fields .frm_form_field div.frm_primary_label, .frm_forms .frm_form_fields .frm_form_field label {
  font-size: 1rem !important;
  line-height: 24px;
  text-indent: inherit;
  font-weight: 700 !important;
  color: var(--global);
  font-family: segoe-ui, sans-serif !important;
  margin-bottom: 2px;
  padding: 0
}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field.vertical_radio .frm_error {
  right: inherit !important;
  left: 0;
  text-align: left !important;
  top: inherit;
  margin-top: 6px
}
.frm_forms.with_frm_style .frm_form_fields .frm_form_field input[type=radio] {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
  outline: 0 !important;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  padding: 0 !important;
  background: var(--blue) !important;
  border: 0 !important
}
.frm_forms.with_frm_style .frm_radio input[type=radio]::before {
  box-shadow: inset 10px 10px var(--white);
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  left: 0;
  top: 0;
  position: absolute;
  bottom: 0;
  right: 0;
  margin: auto
}
.frm_forms.with_frm_style .frm_radio {
  margin: 0 0 5px
}
.frm_forms.with_frm_style .frm_radio label {
  padding-left: 28px;
  display: block;
  cursor: pointer
}
.frm_forms.with_frm_style .frm_radio input.frm_other_input:not(.frm_other_full) {
  width: 100%;
  margin: 10px 0 0
}
.frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field input[type=checkbox], .frm_forms.with_frm_style .frm_checkbox input[type=checkbox] {
  position: absolute;
  left: 0;
  width: 21px !important;
  height: 21px !important;
  cursor: pointer;
  outline: 0 !important;
  padding: 0 !important;
  background: var(--white) !important;
  border: 0 !important;
  top: -1px;
  border-radius: 0 !important
}
.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
  font-weight: 900;
  color: var(--white);
  font-size: 10px;
  transform: none;
  clip-path: inherit;
  box-shadow: none;
  text-align: center;
  margin: 0;
  line-height: 20px;
  background: var(--blue)
}
.frm_forms.with_frm_style .frm_checkbox input[type=checkbox]:before {
  display: none;
  background-image: none !important
}
.frm_forms.with_frm_style .frm_checkbox label {
  padding-left: 29px;
  display: block;
  cursor: pointer;
  line-height: 1.5;
  font-size: 1rem;
  position: relative
}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked {
  background: var(--blue) !important
}
.frm_forms.with_frm_style .frm_fields_container .frm_checkbox input[type=checkbox]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_radio input[type=radio]:not([disabled]):checked, .frm_forms.with_frm_style .frm_fields_container .frm_scale input[type=radio]:not([disabled]):checked {
  border: 0 !important
}
.frm_forms .frm_form_fields input, .frm_forms .frm_form_fields select, .frm_forms .frm_form_fields textarea {
  font-family: segoe-ui, sans-serif;
  font-weight: 500;
  display: block;
  font-size: .875rem;
  line-height: 100%;
  font-style: normal;
  vertical-align: middle;
  -webkit-appearance: none;
  background-color: var(--input) !important;
  color: var(--white);
  padding: 16px 16px 15px;
  width: 100%;
  box-shadow: none;
  transition-duration: .75s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.075, .82, .165, 1);
  border-radius: 90px;
  border: 0 !important
}
body .frm_forms .frm_form_fields input:focus, body .frm_forms .frm_form_fields input:hover, body .frm_forms .frm_form_fields textarea:focus, body .frm_forms .frm_form_fields textarea:hover {
  box-shadow: none !important;
  color: var(--global) !important;
  border-color: var(--white) !important
}
.frm_forms .frm_form_fields select {
  color: var(--global) !important
}
.frm_forms .frm_form_fields textarea {
  min-height: 150px;
  padding: 16px
}
.frm_forms .frm_form_fields .selectBox-dropdown {
  background-color: var(--white);
  color: var(--global);
  padding: 17px 46px 16px 16px;
  font-family: "Neue Haas Unica Pro", sans-serif;
  font-weight: 500;
  text-transform: none;
  border-radius: 10px
}
.frm_forms .frm_form_fields .selectBox-dropdown:focus, .frm_forms .frm_form_fields .selectBox-dropdown:hover {
  border-color: transparent
}
body .frm_forms .frm_submit .button, body .frm_forms .frm_submit button {
  display: inline-block;
  font-size: .737rem !important;
  font-weight: 700 !important;
  line-height: 1.57 !important;
  padding: 14px 39px !important;
  vertical-align: middle !important;
  cursor: pointer !important;
  border: 0 !important;
  position: relative;
  transition: .3s;
  text-align: center !important;
  color: var(--blue) !important;
  font-family: montserrat, sans-serif;
  text-decoration: none;
  overflow: hidden;
  z-index: 1;
  border-radius: 90px !important;
  outline: 0;
  box-sizing: border-box;
  text-transform: uppercase;
  box-shadow: none !important;
  margin: 0 !important
}
body .frm_forms .frm_submit .button:hover, body .frm_forms .frm_submit button:focus, body .frm_forms .frm_submit button:hover {
  color: var(--blue) !important;
  background-color: var(--button-hover) !important
}
.frm_forms .frm_filed_wrapper {
  gap: 16px;
  justify-content: space-between
}
.frm_forms .frm_filed_wrapper .frm_form_field {
  margin: 0 !important
}
.frm_forms .frm_filed_wrapper .disclaimer {
  opacity: .45;
  color: var(--global)
}
.frm_forms .frm_filed_wrapper .frm_html_container {
  font-size: 1rem;
  line-height: 1.4;
  text-align: right;
  font-style: italic
}
body .frm_style_formidable-style.with_frm_style input.frm_other_input:not(.frm_other_full) {
  width: 100%;
  margin-top: 5px
}
.frm_form_field:not(.frm_compact) .frm_dropzone {
  max-width: 100%
}
.form-field {
  position: relative;
  margin-bottom: 20px
}
.frm_half {
  width: calc(50% - 20px);
  float: left;
  clear: none !important
}
.heading, .heading-rt.sch-form .form-field {
  width: 100%
}
.frm_first {
  margin-right: 40px
}
.frm_last {
  float: right;
  margin-left: auto
}
.frm_full {
  margin-right: 0
}
.frm_forms .frm_message, .frm_forms .frm_success_style {
  margin: 20px 0 0;
  background: top;
  border: 0;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
  padding: 0
}
.frm_forms .frm_message p {
  color: var(--global);
  text-align: center;
  font-size: 1rem;
  line-height: 1.5;
  margin-bottom: 0
}
.heading {
  clear: both;
  padding: 0 0 39px;
  justify-content: space-between;
  align-items: center;
  display: flex
}
.heading.sec-heading {
  margin-bottom: 29px;
  border-width: 1px;
  border-bottom-style: solid;
  padding: 0 0 13px;
  color: var(--blue)
}
.heading .section-heading {
  padding: 0;
  margin: 0;
  border: 0
}
.heading-lt {
  flex-grow: 1;
  width: 75%;
  transition: .3s ease-in-out
}
.heading-rt {
  display: flex;
  justify-content: flex-end;
  flex-grow: 1;
  flex-grow: 1;
  width: 35%
}
.heading-rt:only-child {
  justify-content: flex-start
}
.heading-rt form {
  justify-content: flex-end;
  width: 100%
}
.heading-rt .form-field {
  margin: 0 0 0 22px;
  width: 29.71%;
  position: relative
}
.heading-rt .form-field:first-child {
  margin-left: 0
}
.fluid-width {
  width: 100vw !important;
  left: 50%;
  position: relative;
  margin-left: -50vw;
  margin-bottom: 39px
}
.fluid-width-wrapper {
  max-width: 1210px;
  margin: 0 auto
}
.full_width, .sharethis-inline-share-buttons .st-btn.st-first {
  margin-left: 0 !important
}
.full_width {
  width: 100% !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  float: none !important;
  display: block !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  left: 0 !important
}
.btn-full {
  width: 100%;
  text-align: center
}
.btn-full .button, .btn-full button {
  margin: 0 auto;
  text-align: center
}
.fluid-section {
  flex: 0 0 100vw;
  margin-left: calc(-50vw + 50%)
}
html.no-scroll {
  overflow: hidden
}
body .cky-btn-revisit-wrapper {
  position: fixed
}
aside.sidebar {
  width: 56px;
  text-align: center;
  float: right
}
.fixed-social-icons {
  transition: opacity .3s;
  will-change: transform;
  z-index: 1
}
.fixed-social-icons .share-text {
  font-size: .813rem;
  color: rgba(0, 7, 51, .5);
  line-height: 1.69;
  font-weight: 600;
  display: inline-block
}
.sharethis-inline-share-buttons .st-btn {
  width: 40px;
  height: 40px !important;
  color: var(--blue);
  line-height: 38px !important;
  position: relative;
  z-index: 1;
  text-decoration: none;
  background-color: rgba(0, 119, 201, .15) !important;
  display: inline-block !important;
  text-align: center !important;
  cursor: pointer;
  min-width: inherit !important;
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important
}
.pagination .current, .pagination a:hover, .wp-pagenavi .current, .wp-pagenavi a:hover {
  background-color: var(--blue);
  color: var(--white)
}

.panzoom-control {
  background: #fff;
  padding: 6px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0,0,0,.25);
}

.pz-arrows {
  text-align: center;
}

.pz-middle {
  display: flex;
  justify-content: space-between;
}

.pz-btn {
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  font-size: 16px;
  user-select: none;
}

.pz-btn:hover {
  background: #f0f0f0;
}

.pz-zoom {
  margin-top: 6px;
}

.pz-zoom .pz-btn {
  margin: 4px auto;
}



.sharethis-inline-share-buttons {
  font-size: 0;
  display: flex !important;
  z-index: 1 !important;
  justify-content: center;
  flex-direction: column;
  gap: 1px
}
.sharethis-inline-share-buttons .st-btn:after {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  margin: 0 auto;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  display: flex;
  font-size: 18px;
  line-height: 40px;
  align-items: center;
  justify-content: center
}
.sharethis-inline-share-buttons .st-btn[data-network=twitter]:after {
  content: "\e61b"
}
.sharethis-inline-share-buttons .st-btn[data-network=facebook]:after {
  content: "\f39e"
}
.sharethis-inline-share-buttons .st-btn[data-network=linkedin]:after {
  content: "\f0e1"
}
.sharethis-inline-share-buttons .st-btn[data-network=email]:after {
  content: "\f0e0";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900
}
.sharethis-inline-share-buttons .st-btn[data-network=sharethis]:after {
  content: "\f1e0";
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 14px
}
.sharethis-inline-share-buttons .st-btn[data-network=sharethis] {
  background: var(--blue) !important;
  color: var(--white);
  order: 1
}
.sharethis-inline-share-buttons .st-btn[data-network=facebook] {
  order: 2
}
.sharethis-inline-share-buttons .st-btn[data-network=twitter] {
  order: 3
}
.sharethis-inline-share-buttons .st-btn[data-network=linkedin] {
  order: 4
}
.sharethis-inline-share-buttons .st-btn[data-network=email] {
  order: 5
}
.sharethis-inline-share-buttons .st-btn:hover {
  color: var(--white);
  background: var(--blue) !important;
  opacity: 1 !important;
  top: 0 !important
}
.no-marginbtm, .no-paddingbtm {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important
}
.graph-icon-main {
  gap: 18px;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.secwrap, .sitewrap {
  flex-wrap: wrap;
  display: flex;
  clear: both
}
.graph-icon-wrap {
  max-width: 175px;
  height: auto;
  padding: 30px 25px;
  width: 100%;
  color: var(--white);
  position: absolute;
  bottom: -20px;
  right: 20px;
  backdrop-filter: blur(27px)
}
.brand-icon, .graph-bg {
  height: 100%;
  left: 0;
  width: 100%;
  top: 0
}
.graph-icon-wrap p {
  line-height: 1.22;
  font-size: .947rem;
  font-family: 'Segoe UI This', sans-serif
}
.graph-bg {
  position: absolute;
  z-index: -1
}
.banner-widget-icon, .graph-icon {
  margin: 0 auto
}
.btn-text {
  width: 100%;
  clear: both;
  position: relative;
  z-index: 1
}
.btn-text a {
  font-size: .947rem;
  line-height: 1.67;
  font-family: 'Segoe UI This', sans-serif
}
.brand-icon {
  position: absolute;
  bottom: 0;
  z-index: -1;
  right: 0
}
.secwrap {
  width: 100%;
  padding: 96px 0 91px;
  gap: 83px
}
.sitewrap {
  width: 100%;
  padding: 109px 0 120px;
  gap: 28px
}
.banner-widget-main {
  gap: 21px;
  display: flex;
  flex-wrap: wrap;
  width: 100%
}
.wave-graph {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 79px
}
.wave-lines {
  gap: 27px;
  top: 0;
  left: 5px
}
.wave-line {
  width: 1px;
  height: 79px;
  background-color: var(--white);
  opacity: .2;
  display: block
}
.global-search-container {
  clear: both;
  width: 100%;
  padding: 80px 0
}
.page-content-item {
  clear: both;
  width: 100%;
  margin: 0 0 40px
}
.page-content-item .h4 {
  margin-bottom: 10px
}
.page-content-item .link-trail {
  flex-direction: row-reverse
}
.page-content-item .link-trail:hover::after {
  right: 0;
  left: inherit
}
.no-results p {
  font-size: 1.789rem;
  line-height: 1.21;
  margin-bottom: 30px
}
.pagination .current, .pagination a {
  font-size: 14px;
  display: inline-block;
  line-height: 26px;
  text-align: center;
  vertical-align: top;
  width: 26px;
  height: 26px;
  font-weight: 600
}
.wp-pagenavi {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 100%;
  justify-content: flex-end;
  margin: 0 0 20px;
  border-top: 1px solid rgba(0, 0, 0, .1);
  padding: 34px 0 0;
  font-size: 1rem
}
.category-news .wp-pagenavi {
  border: none
}
.wp-pagenavi .current, .wp-pagenavi a {
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 30px;
  text-align: center;
  vertical-align: top;
  width: 30px;
  height: 30px;
  font-weight: 600;
  border: 0;
  padding: 0
}
.wp-pagenavi .current, .wp-pagenavi a:hover {
  font-weight: 600 !important;
  border-color: var(--blue) !important
}
.wp-pagenavi .pages {
  border: 0;
  margin-right: auto;
  padding: 0;
  order: -3
}
a.next.page-numbers:after, a.nextpostslink:after, a.prev.page-numbers:after, a.previouspostslink:after {
  content: "\f178";
  font-family: "Font Awesome 6 Sharp";
  font-weight: 300;
  display: inline-block;
  font-size: 14.5px;
  line-height: normal;
  transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  -moz-transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  background-size: 14px 14px;
  vertical-align: middle;
  position: relative
}
a.prev.page-numbers:after, a.previouspostslink:after {
  transform: rotate(180deg)
}
a.next.page-numbers, a.nextpostslink, a.prev.page-numbers, a.previouspostslink {
  font-size: 0
}
.wp-pagenavi .first, .wp-pagenavi .last {
  width: auto;
  padding: 0 5px
}
.wp-pagenavi .first {
  order: -1
}
a.previouspostslink {
  order: -2
}
.wp-pagenavi .last {
  order: 999
}
a.nextpostslink {
  order: 1000
}
.wp-pagenavi .extend {
  border: 0;
  padding: 0;
  margin: 0 12px 0 8px
}
.quote-media {
  clear: both;
  width: 100%;
  font-size: 12px;
  line-height: 1.5;
  font-style: italic;
  margin: 10px 0 0
}
.orangebg, .pinkbg {
  background: var(--pink)
}
.pinkbg .btn-pink {
  color: var(--pink)
}
.orangebg .btn-orange {
  color: var(--orange)
}
.greenbg {
  background: var(--green-dark)
}
.greenbg .btn-green {
  color: var(--green-dark)
}
.purplebg {
  background: var(--purple)
}
.purplebg .btn-purple {
  color: var(--purple)
}
.redbg {
  background: var(--red)
}
.redbg .btn-red {
  color: var(--red)
}



@media only screen and (min-width:1024px) {
  .hide-in-desktop {
    display: none
  }
  .desktop-hide {
    display: none !important
  }
}
@media only screen and (max-width:1496px) {
  .container, .container-lg {
    padding: 0 20px;
    max-width: 100%
  }
}
@media only screen and (max-width:1240px) {
  .fluid-width-wrapper {
    padding: 0 20px;
    max-width: 100%
  }
}
@media only screen and (max-width:1023px) and (min-width:200px) {
  #mainContent {
    padding: 70px 0 0
  }
  .fixed-social-icons {
    width: 100%;
    opacity: 1
  }
  .sharethis-inline-share-buttons {
    justify-content: center;
    flex-direction: row
  }
  aside.sidebar {
    margin: 57px 0 0;
    width: 100%;
    float: none
  }
}
@media only screen and (max-width:1023px) and (min-width:768px) {
  .hide-in-tab, .hide-in-tablet {
    display: none
  }
  .heading {
    padding: 0 0 32px
  }
  .frm_forms .frm_form_fields .frm_form_field {
    margin-bottom: 16px
  }
  .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {
    bottom: -16px
  }
  .frm_first {
    margin-right: 16px
  }
  .frm_half {
    width: calc(50% - 8px)
  }
}
@media only screen and (max-width:767px) and (min-width:200px) {
  .fluid-width-wrapper {
    padding: 0
  }
  blockquote {
    padding: 31px 30px 33px
  }
  blockquote p {
    font-size: 1.158rem;
    line-height: 1.32
  }
  .h1 {
    font-size: 2.632rem;
    line-height: 1.08;
    margin-bottom: 19px
  }
  .h2 {
    font-size: 2rem;
    line-height: 1.13;
    margin-bottom: 20px
  }
  .h3 {
    font-size: 1.579rem;
    line-height: 1.27;
    margin-bottom: 17px
  }
  .h4 {
    font-size: 1.263rem;
    line-height: 1.29;
    margin-bottom: 19px
  }
  .h5, .h6 {
    margin-bottom: 18px
  }
  .h5 {
    font-size: .947rem;
    line-height: 1.22
  }
  .h6 {
    font-size: .895rem;
    line-height: 1.53
  }
  .frm_forms .frm_form_fields .frm_form_field, .section-heading {
    margin-bottom: 20px
  }
  .section-heading {
    font-size: 1.474rem;
    line-height: 1.14;
    padding: 0 0 18px
  }
  .sub-heading {
    font-size: 1.158rem;
    line-height: normal
  }
  .heading.sec-heading {
    padding: 0 0 19px;
    margin-bottom: 19px
  }
  .hide-in-mobile {
    display: none
  }
  .video-thumbnail iframe {
    min-height: 197px !important
  }
  .video-wrap .video-thumbnail > img {
    height: 48vw;
  }
  body .mfp-iframe-holder .mfp-close, body .mfp-image-holder .mfp-close {
    right: 0
  }
  body .mfp-container {
    padding-left: 20px;
    padding-right: 20px
  }
  .default_form .frm_forms .frm_filed_wrapper .frm_html_container, .frm_forms .frm_filed_wrapper .frm_form_field .button, .frm_half {
    width: 100%
  }
  .frm_forms .frm_filed_wrapper {
    gap: 26px;
    margin-top: -8px
  }
  .frm_forms .frm_filed_wrapper .frm_form_field {
    width: 100%;
    margin: 0
  }
  .btn-text, .frm_forms .frm_filed_wrapper .frm_html_container {
    text-align: center
  }
  .frm_forms.frm_style_formidable-style.with_frm_style .frm_form_fields .frm_form_field .frm_error {
    bottom: -12px;
    line-height: 1 !important
  }
  .btn-center {
    margin: 40px 0 0
  }
  .fluid-width {
    margin-bottom: 20px;
    width: 100% !important;
    left: 0;
    margin-left: 0
  }
  .no-banner-bg {
    max-height: 478px
  }
  .divider-module .fluid-width-wrapper {
    padding: 0 30px
  }
  .graph-icon-wrap {
    right: auto;
    left: 20px;
    width: 134px;
    padding: 20px 15px
  }
  .graph-icon-wrap p {
    font-size: .789rem;
    line-height: 1.2
  }
  .graph-icon-main {
    gap: 14px
  }
  .secwrap {
    padding: 80px 0;
    gap: 60px
  }
  .sitewrap {
    padding: 80px 0;
    gap: 27px
  }
  .wave-graph {
    min-height: 58px
  }
  .wave-lines {
    top: 6px;
    left: 6px
  }
  .wave-line {
    height: 58px
  }
}
@media only screen and (max-width:413px) {
  .btn-wrap .button {
    width: 100%
  }
}
@media only screen and (max-width:480px) {
  img.aligncenter, img.alignleft, img.alignnone, img.alignright {
    margin: 39px 0 36px;
    width: 100%
  }
}