/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/* Reset
   ========================================================================== */  
*, *:before, *:after {
  box-sizing: border-box;
}


/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}
/* Responsive Grid */

.row-fluid {
    width: 100%;
    *zoom: 1;
}

.row-fluid:before, .row-fluid:after {
    display: table;
    content: "";
}

.row-fluid:after {
    clear: both;
}

.row-fluid [class*="span"] {
    display: block;
    float: left;
    width: 100%;
    min-height: 28px;
    margin-left: 2.127659574%;
    *margin-left: 2.0744680846382977%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.row-fluid [class*="span"]:first-child {
    margin-left: 0;
}

.row-fluid .span12 {
    width: 99.99999998999999%;
    *width: 99.94680850063828%;
}

.row-fluid .span11 {
    width: 91.489361693%;
    *width: 91.4361702036383%;
}

.row-fluid .span10 {
    width: 82.97872339599999%;
    *width: 82.92553190663828%;
}

.row-fluid .span9 {
    width: 74.468085099%;
    *width: 74.4148936096383%;
}

.row-fluid .span8 {
    width: 65.95744680199999%;
    *width: 65.90425531263828%;
}

.row-fluid .span7 {
    width: 57.446808505%;
    *width: 57.3936170156383%;
}

.row-fluid .span6 {
    width: 48.93617020799999%;
    *width: 48.88297871863829%;
}

.row-fluid .span5 {
    width: 40.425531911%;
    *width: 40.3723404216383%;
}

.row-fluid .span4 {
    width: 31.914893614%;
    *width: 31.8617021246383%;
}

.row-fluid .span3 {
    width: 23.404255317%;
    *width: 23.3510638276383%;
}

.row-fluid .span2 {
    width: 14.89361702%;
    *width: 14.8404255306383%;
}

.row-fluid .span1 {
    width: 6.382978723%;
    *width: 6.329787233638298%;
}

.container-fluid {
    *zoom: 1;
}

.container-fluid:before, .container-fluid:after {
    display: table;
    content: "";
}

.container-fluid:after {
    clear: both;
}

@media (max-width: 767px) {
    .row-fluid {
        width: 100%;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: none;
        width: auto;
        margin-left: 0;
    }
}

@media (min-width: 768px) and (max-width: 1239px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.762430939%;
        *margin-left: 2.709239449638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 99.999999993%;
        *width: 99.9468085036383%;
    }

    .row-fluid .span11 {
        width: 91.436464082%;
        *width: 91.38327259263829%;
    }

    .row-fluid .span10 {
        width: 82.87292817100001%;
        *width: 82.8197366816383%;
    }

    .row-fluid .span9 {
        width: 74.30939226%;
        *width: 74.25620077063829%;
    }

    .row-fluid .span8 {
        width: 65.74585634900001%;
        *width: 65.6926648596383%;
    }

    .row-fluid .span7 {
        width: 57.182320438000005%;
        *width: 57.129128948638304%;
    }

    .row-fluid .span6 {
        width: 48.618784527%;
        *width: 48.5655930376383%;
    }

    .row-fluid .span5 {
        width: 40.055248616%;
        *width: 40.0020571266383%;
    }

    .row-fluid .span4 {
        width: 31.491712705%;
        *width: 31.4385212156383%;
    }

    .row-fluid .span3 {
        width: 22.928176794%;
        *width: 22.874985304638297%;
    }

    .row-fluid .span2 {
        width: 14.364640883%;
        *width: 14.311449393638298%;
    }

    .row-fluid .span1 {
        width: 5.801104972%;
        *width: 5.747913482638298%;
    }
}

@media (min-width: 1280px) {
    .row-fluid {
        width: 100%;
        *zoom: 1;
    }

    .row-fluid:before, .row-fluid:after {
        display: table;
        content: "";
    }

    .row-fluid:after {
        clear: both;
    }

    .row-fluid [class*="span"] {
        display: block;
        float: left;
        width: 100%;
        min-height: 28px;
        margin-left: 2.564102564%;
        *margin-left: 2.510911074638298%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    .row-fluid [class*="span"]:first-child {
        margin-left: 0;
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
    }

    .row-fluid .span11 {
        width: 91.45299145300001%;
        *width: 91.3997999636383%;
    }

    .row-fluid .span10 {
        width: 82.905982906%;
        *width: 82.8527914166383%;
    }

    .row-fluid .span9 {
        width: 74.358974359%;
        *width: 74.30578286963829%;
    }

    .row-fluid .span8 {
        width: 65.81196581200001%;
        *width: 65.7587743226383%;
    }

    .row-fluid .span7 {
        width: 57.264957265%;
        *width: 57.2117657756383%;
    }

    .row-fluid .span6 {
        width: 48.717948718%;
        *width: 48.6647572286383%;
    }

    .row-fluid .span5 {
        width: 40.170940171000005%;
        *width: 40.117748681638304%;
    }

    .row-fluid .span4 {
        width: 31.623931624%;
        *width: 31.5707401346383%;
    }

    .row-fluid .span3 {
        width: 23.076923077%;
        *width: 23.0237315876383%;
    }

    .row-fluid .span2 {
        width: 14.529914530000001%;
        *width: 14.4767230406383%;
    }

    .row-fluid .span1 {
        width: 5.982905983%;
        *width: 5.929714493638298%;
    }
}

/* Clearfix */

.clearfix {
    *zoom: 1;
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
}

.clearfix:after {
    clear: both;
}

/* Visibilty Classes */

.hide {
    display: none;
}

.show {
    display: block;
}

.invisible {
    visibility: hidden;
}

.hidden {
    display: none;
    visibility: hidden;
}

/* Responsive Visibilty Classes */

.visible-phone {
    display: none !important;
}

.visible-tablet {
    display: none !important;
}

.hidden-desktop {
    display: none !important;
}

@media (max-width: 767px) {
    .visible-phone {
        display: inherit !important;
    }

    .hidden-phone {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 1239px) {
    .visible-tablet {
        display: inherit !important;
    }

    .hidden-tablet {
        display: none !important;
    }

    .hidden-desktop {
        display: inherit !important;
    }

    .visible-desktop {
        display: none !important ;
    }
}
.dnd-section {
	padding-bottom: 0;
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
	overflow-x:hidden;
}

.dnd-section iframe {
	max-width: 100%;
}


.dnd-section > .row-fluid {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
}


@media (min-width: 768px) {
	.dnd-section {
		padding-bottom: 0;
		padding-top: 0;
	}

	.dnd-section .module-container {
		padding-top: var(--spacing-tablet-top);
		padding-bottom: var(--spacing-tablet-bottom);
		padding-left: var(--spacing-tablet-left);
		padding-right: var(--spacing-tablet-right);
	}
}

@media (min-width: 1140px) {
	.dnd-section {
		padding-bottom: 0px;
		padding-top: 0px;
	}

	.dnd-section .module-container {
		padding-top: var(--spacing-top);
		padding-bottom: var(--spacing-bottom);
		padding-left: var(--spacing-left);
		padding-right: var(--spacing-right);
	}
}


@media (max-width: 767px) {
	.dnd-section .module-container {
		padding-top: var(--spacing-mobile-top);
		padding-bottom: var(--spacing-mobile-bottom);
		padding-left: var(--spacing-mobile-left);
		padding-right: var(--spacing-mobile-right);
	}

	.dnd-module .widget-type-linked_image img {
		margin-bottom: 15px;
	}

	.dnd-section iframe {
		height: 400px;
	}


	.dnd-section .widget-type-cell {
		padding-left: 0px;
		padding-right: 0px;
	}
}
/* blog lisitng */
.blog-index--interests{
	background-color: var(--color-primary-moana-blue);
	padding-top:50px;
	padding-bottom:50px;
	color:#fff;
}


.blog-post--container {
	padding: 60px 0 30px;
}

.hs-blog-post .hero-button {
	font-size: 18px !important;
}

.blog-interests {
	font-size:18px;
	line-height: 1.5;
}

.blog-latest--body {
	margin-top: 60px;
}

.blog-interests--choices{
	margin-top:30px;
	display:flex;
	gap:15px;
}

.blog-interests--card ul > li > label {

	transition: background .2s ease, border .2s ease;
	-moz-transition: background .2s ease, border .2s ease;
	-webkit-transition: background .2s ease, border .2s ease;
}

.blog-interests--card ul > li > label:hover {
	color: var(--color-primary-moana-blue);
	background-color: var(--color-highlight-sulpher-yellow);
}

.blog-interests--card{
	width:calc(50% - 15px);
}

.blog-interests--card ul {
	list-style:none;
	margin:0;
	padding:0;
	display:flex;
	flex-wrap:wrap;
	gap:15px;
}

.blog-interests--card ul > li {

}

.blog-interests--card ul > li > label {
	border: 2px solid var(--color-highlight-sulpher-yellow);
	cursor: pointer;
	border-radius: 10px;
	color: var(--color-highlight-sulpher-yellow);
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	padding: 10px 20px;
	display:block;
}

.blog-interests--card ul > li > label:has(input[type=checkbox]:checked) {
	background:var(--color-highlight-sulpher-yellow);
	color: var(--color-primary-moana-blue);
}

.blog-index--latest {
	border-bottom:1px solid #ddd;
	padding-top:60px;
	padding-bottom:60px;
}

.blog-latest--items {
	display: flex;
	flex-wrap: wrap;
	gap: 30px;
}

.blog-latest--item {
	width: calc(50% - 15px);
	max-width: 640px;
	position: relative;
	margin-bottom: 20px;
	border-radius: 10px;
	overflow: hidden;
}

.blog-latest--image {
	position:relative;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
}

.blog-latest--image img {
	width:100%;
	background-position: center;

	transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-webkit-transition: transform .2s ease;
}

.blog-latest--item:hover .blog-latest--image img {
	transform: scale(1.1);

	transition: transform .2s ease;
	-moz-transition: transform .2s ease;
	-webkit-transition: transform .2s ease;
}

.blog-latest--image:before {
	background: rgba(0, 0, 0, .3);
	content:"";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 1;
}

.blog-latest--title {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 30px;
	z-index: 3;
}

.blog-latest--title * {
	margin:0;
}

.blog-latest--link {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	z-index:9;
}

.blog-listing {
	border-bottom: 1px solid #ddd;
	padding-top:60px;
	padding-bottom:60px;
}

.blog-listing--items {
	display:flex;
	flex-wrap:wrap;
	gap: 30px;
}

.blog-listing--item {
	width: calc(100%/3 - 20px);
	max-width: 416px;
	position:relative;
	margin-bottom: 20px;
	border-radius:10px;
	overflow:hidden;
}

.blog-listing--image {
	position:relative;
	background-size: cover;
	background-position: center;
	background-repeat:no-repeat;
}

.blog-listing--image img {
	width:100%;
}

.blog-listing--image:before {
	content:"";
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.3);
}

.blog-listing--title {
	position:absolute;
	bottom:0;
	left:0;
	color:#fff;
	padding:30px;
}

.blog-listing--title * {
	margin:0;
}

.blog-listing--link {
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	z-index:9;
}

.blog-listing--pagination {
	display:flex;
	gap: 10px;
	justify-content: center;
	margin-top: 30px;
}

.blog-listing--pagination span,
.blog-listing--pagination a {
	background-color: var(--color-primary-moana-blue);
	color:#fff;
	border-radius: 100%;
	display:flex;
	align-items: center;
	justify-content: center;
	width:48px;
	height:48px;
	transition:all 300ms ease;
}

.blog-listing--pagination span,
.blog-listing--pagination a:not(.blog-pagination__link--active) {
	color: var(--color-primary-moana-blue);
	background-color:#EEEEEE;
}

.blog-post.container {
	max-width: 1355px;
	display: flex;
}

.blog-post--container .m-image {
	margin-bottom: 30px;
}

.blog-post--container .m-image img {
	max-width: 100%;
}

.related-articles {
	border-bottom:1px solid #ddd;
	padding: 60px 0;
	overflow: hidden;
}

.hs-blog-post .related-articles {
	padding: 0 0 60px;
}

.blog-post-narrow {
	margin-bottom: 60px;
	padding-left:100px;
	padding-right:100px;
	font-size:23px;
}

.blog-post-narrow h2 {
	margin-bottom: 40px;
}

.blog-post-narrow p {
	font-size:inherit;
}


.blog-post--2col {
	display:flex;
	gap:30px;
}

.blog-post--2col .blog-post--img {
	margin-bottom: 30px;
}

.blog-post--img{
	margin-bottom: 60px;
	position:relative;
}

.blog-post--img-credit{
	position: absolute;
	bottom:30px;
	left:50%;
	transform:translateX(-50%);
	background:rgba(0, 0, 0, 0.75);
	color:#fff;
	border-radius: 10px;
	padding:10px 16px;
	font-size:16px;
}

.blog-post--tips {
	padding-top:60px;
	padding-bottom:60px;
}

.blog-tips {
	width: calc(100% - 200px);
	margin:0 auto;
}

.blog-tips--tabs {
	width: calc(100% - 200px);
	margin: 83px auto 0;
}

.blog-post img {
	border-radius: 10px;
}

.blog-post p {
	margin-bottom: 1.5em;
}

.blog-post ul {
	list-style:none;
	margin: 0 0 1.5em !important;
	padding:0;
}

.blog-post ul > li {
	position:relative;
	padding-left:35px;
	margin-bottom:45px;
}

.blog-post ul > li p {
	margin: 0;
}

.blog-post ul > li:before {
	content:"";
	position:absolute;
	height: 13px !important;
	left: 0 !important;
	position: absolute !important;
	top: 7px !important;
	width: 13px !important;
	border-radius: 30px;
	background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2213%22%20height%3D%2213%22%20rx%3D%226.5%22%20fill%3D%22url(%23paint0_linear_11448_99643)%22/%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22paint0_linear_11448_99643%22%20x1%3D%220%22%20y1%3D%226.5%22%20x2%3D%2213%22%20y2%3D%226.5%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%230061DC%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2300DBBE%22/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.blog-tips--tabs {
	display:flex;
	justify-content: space-between;
	gap: 60px;
}

.blog-tips--side {
	width: 280px;
}

.blog-tips--side ul {
	list-style: none;
	margin:0;
	padding:0;
	counter-reset: my-counter;
}

.blog-tips--side ul > li {
	counter-increment: my-counter;
	position:relative;
	margin-bottom:15px;
}

.blog-tips--side ul > li a {
	color:inherit;
	font-size:19px;
	padding-left:40px;
}

.blog-tips--side ul > li.active a,
.blog-tips--side ul > li:hover a {
	color:var(--color-primary-moana-blue);
}

.blog-tips--side ul > li.active:before,
.blog-tips--side ul > li:hover:before {
	background: linear-gradient(90deg, rgba(0,97,220,1) 0%, rgba(0,219,190,1) 100%);
}

.blog-tips--side ul > li:before {
	content: counter(my-counter);
	position: absolute;
	left: 0;
	color: #fff;
	background-color:#000;
	font-weight: bold;
	display:flex;
	font-size:16px;
	width:28px;
	height:28px;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	font-weight:400;
}

.blog-tips--body {
	width:calc(100% - 300px);
}

.blog-tips--content:not(.blog-tips--content-active) {
	display:none;

}

.blog-post--video-blocks {
	z-index:1;
	position:relative;
}
.blog-post--bento-blocks {
	margin: 60px 0;
}

.blog-listing--items {
	margin-top: 60px;
}

blockquote {
	background-image: url(https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/images/placeholder-quote-card.png);
	background-color: #B6BEF6;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	border-radius:10px;
	padding:30px;
	margin-top:30px;
	margin-bottom:30px;
	border-left: none;
	margin-right: 0;
}

blockquote *:last-child {
	margin-bottom: 0;
}
.body-wrapper.hs-blog-post {
	overflow-x: unset;
}
.blog-main-content h2 {
/* 	margin-bottom: 20px; */
}

.blog-post--container .blog-main-content:not(.slick-track,.slick-slide,.hs-allow-transition):not([data-transition-wrapper]){
	width: 100% !important;
}

.blog-post--container .blog-main-content .container {
	padding: 0;
}

.blog-post--container .blog-post.container {
	padding: 0 20px;
}

.blog-post--container .blog-main-content .hs_cos_wrapper_type_rich_text > *:not(div.hs_cos_wrapper_widget):not(div.hs-module):not(*:has(img)) {
	max-width: 1140px;
	padding: 0 20px;
	margin: auto;
}

.blog-post--container .blog-main-content .hs_cos_wrapper_type_rich_text > img {
	border-radius: 10px;
}

@media only screen and (max-width: 1360px) {
	.blog-post--container .blog-main-content .image-content {
		padding: 0 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.blog-listing--item {
		width: calc(50% - 20px);
	}
}

@media only screen and (max-width: 767px) {

	.blog-listing--image:before {
	}

	.blog-listing--title,
	.blog-latest--title {
		padding: 20px;
	}

	.blog-post-narrow {
		margin-bottom: 30px;
		padding-left: 0px;
		padding-right: 0px;
		font-size: 19px;
	}

	.blog-post--img-credit {
		padding:6px 10px;
		white-space: nowrap;
	}
	.blog-post.container{
		flex-wrap: wrap;
	}
	.blog-main-content h2 {
		margin-bottom: 20px;
	}

	.blog-interests--card {
		width: 100%;
	}

	.blog-interests--choices {
		flex-flow: column;
		gap: 30px;
	}

	.blog-listing--image {
		height: 250px;
	}
}

@media only screen and (max-width: 540px) {
	.blog-listing--item,
	.blog-latest--item {
		width: 100%;
		max-width: 100%;
	}

}
.error-page {
	text-align: center;
}

.system-content-main-wrapper {
	padding-top: 60px;
	padding-bottom: 60px;
}

.error-404 .hero-content {
	width: 1000px;
}

.error-404 + .system-page {
	padding: 60px 0;
}

.error-404 + .system-page .sliders .sliders--heading {
	margin-bottom: 20px;
}

/* --- Like Heart System --- */

/* Base container for the heart icon link */
.like-heart {
	cursor: pointer;
	display: inline-flex; /* Helps alignment */
	transition: transform 0.15s ease-out; /* Add a subtle pop effect on click */
	/* Prevent text selection if user accidentally drags */
	user-select: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

/* Base style for the SVG path inside the link (default: not liked) */
.like-heart svg path {
	/* Define the default UNLIKED appearance */
	stroke: #0061DC; /* Your default outline color */
	stroke-width: 2;
	stroke-linecap: square;
	fill: none; /* Default is not filled (transparent) */
	transition: fill 0.2s ease, stroke 0.2s ease; /* Smooth transition for fill and stroke */
}

/* --- Optional Hover/Focus States --- */

/* Hover state when NOT liked */
.like-heart:not(.is-liked):hover svg path {
	stroke: #004aa6; /* Slightly darker or different stroke on hover */
	/* fill: rgba(0, 97, 220, 0.1); Optional faint fill on hover */
}



/* Active state (while clicking) - slight scale effect */
.like-heart:active {
	transform: scale(1.15);
}

/* Focus state for accessibility (can mirror hover) */
.like-heart:not(.is-liked):focus svg path {
	stroke: #004aa6;
	/* fill: rgba(0, 97, 220, 0.1); */
}

/* Add outline for keyboard navigation focus */
.like-heart:focus {
	outline: none !important;
	outline: 2px solid #0061DC;
	outline-offset: 2px;
	border-radius: 4px; /* Optional: rounded outline */
}

/* Map View Favorite */

/* Red */
.primary-red .favorite-heart.f-saved path {
	fill: var(--color-special-supervolcanics-red);
}

.primary-red .map-view--card:hover .favorite-heart.f-saved path {
	fill: #ffffff;
}

.primary-red .map-view--card:not(.map-view--card--active) .map-view--card-heart a:hover path {
	fill: #ffffff;
}

.primary-red .map-view--card:not(.map-view--card--active) .favorite-heart.f-saved:hover path {
	fill: var(--color-special-supervolcanics-red);
}

/* Obsidian */
.primary-obsidian .favorite-heart.f-saved path {
	fill: var(--color-primary-obsidian-black);
}

.primary-obsidian .map-view--card:hover .favorite-heart.f-saved path {
	fill: #ffffff;
}

.primary-obsidian .map-view--card:not(.map-view--card--active) .map-view--card-heart a:hover path {
	fill: #ffffff;
}

.primary-obsidian .map-view--card:not(.map-view--card--active) .favorite-heart.f-saved:hover path {
	fill: var(--color-primary-obsidian-black);
}

/* Moana */
.primary-moana .favorite-heart.f-saved path {
	fill: var(--color-primary-moana-blue);
}

.primary-moana .map-view--card:hover .favorite-heart.f-saved path {
	fill: #ffffff;
}

.primary-moana .map-view--card:not(.map-view--card--active) .map-view--card-heart a:hover path {
	fill: #ffffff;
}

.primary-moana .map-view--card:not(.map-view--card--active) .favorite-heart.f-saved:hover path {
	fill: var(--color-primary-moana-blue);
}
.sliders--tools.color-white .sliders--tool-buttons svg rect {
	stroke: var(--color-white);
}

.sliders--tools.color-white .sliders--tool-buttons svg path {
	fill: var(--color-white);
}

.sliders--tools.color-white .swiper-pagination-bullet-active {
	background-color: var(--color-white) !important;
}

/* Green */
.sliders--tools.color-green .sliders--tool-buttons svg rect {
	stroke: var(--color-primary-awa-dark-green);
}

.sliders--tools.color-green .sliders--tool-buttons svg path {
	fill: var(--color-primary-awa-dark-green);
}

.sliders--tools.color-green .swiper-pagination-bullet-active {
	background-color: var(--color-primary-awa-dark-green) !important;
}

/* Moana */
.sliders--tools.color-moana .sliders--tool-buttons svg rect{
	stroke: var(--color-primary-moana-blue);
}

.sliders--tools.color-moana .sliders--tool-buttons svg path {
	fill: var(--color-primary-moana-blue);
}

.sliders--tools.color-moana .swiper-pagination-bullet-active {
	background-color: var(--color-primary-moana-blue) !important;
}

/* Obsidian */
.sliders--tools.color-obsidian .sliders--tool-buttons svg rect {
	stroke: var(--color-primary-obsidian-black);
}

.sliders--tools.color-obsidian .sliders--tool-buttons svg path {
	fill: var(--color-primary-obsidian-black);
}

.sliders--tools.color-obsidian .swiper-pagination-bullet-active {
	background-color: var(--color-primary-obsidian-black) !important;
}

/* Red */
.sliders--tools.color-red .sliders--tool-buttons svg rect {
	stroke: var(--color-special-supervolcanics-red);
}

.sliders--tools.color-red .sliders--tool-buttons svg path {
	fill: var(--color-special-supervolcanics-red);
}

.sliders--tools.color-red .swiper-pagination-bullet-active {
	background-color: var(--color-special-supervolcanics-red) !important;
}

/* --- Green --- */
.sliders--tools.bg-green .sliders--tool-buttons svg rect {
	stroke: var(--color-primary-awa-dark-green);
}

.sliders--tools.bg-green .sliders--tool-buttons svg path {
	fill: var(--color-primary-awa-dark-green);
}

.sliders--tools.bg-green .swiper-pagination-bullet-active {
	background-color: var(--color-primary-awa-dark-green) !important;
}
/* ------ */

/* --- Moana --- */
.sliders--tools.bg-moana .sliders--tool-buttons svg rect {
	stroke: var(--color-primary-moana-blue);
}

.sliders--tools.bg-moana .sliders--tool-buttons svg path {
	fill: var(--color-primary-moana-blue);
}

.sliders--tools.bg-moana .swiper-pagination-bullet-active {
	background-color: var(--color-primary-moana-blue) !important;
}
/* ------ */

/* --- Obsidian --- */
.sliders--tools.bg-obsidian .sliders--tool-buttons svg rect {
	stroke: var(--color-primary-obsidian-black);
}

.sliders--tools.bg-obsidian .sliders--tool-buttons svg path {
	fill: var(--color-primary-obsidian-black);
}

.sliders--tools.bg-obsidian .swiper-pagination-bullet-active {
	background-color: var(--color-primary-obsidian-black) !important;
}
/* ------ */

/* --- Red --- */
.sliders--tools.bg-red .sliders--tool-buttons svg rect {
	stroke: var(--color-special-supervolcanics-red);
}

.sliders--tools.bg-red .sliders--tool-buttons svg path {
	fill: var(--color-special-supervolcanics-red);
}

.sliders--tools.bg-red .swiper-pagination-bullet-active {
	background-color: var(--color-special-supervolcanics-red) !important;
}
/* ------ */

.sliders--heading {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom: 60px;
}

.sliders--heading-text {
	width: calc(100% - 380px);
}

.sliders--heading-text .sliders-heading {
	margin: 0 !important;
}

.sliders--heading-text .description {
	margin-top: 24px;
}

.sliders--cta {

}

.sliders--tags {
	margin-bottom:40px;
	overflow:hidden;
	position:relative;
	/*
	display:flex;
	gap:20px;
	white-space: nowrap;*/
}

.sliders--tags .swiper-slide {
	width:auto;
	white-space: nowrap;
	display:inline-block;
}

.sliders--tags .swiper-slide a {
	min-width: 246px;
	text-align: center;
}

.sliders--tag-nav-next {
	right:0;
	padding: 20px 0px 20px 20px;
	background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.sliders--tag-nav-prev {
	left:0;
	padding: 20px 20px 20px 0px;
	background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

.sliders--tag-nav-next,
.sliders--tag-nav-prev {
	transition: all 300ms ease;
	position:absolute;
	top:50%;
	z-index:5;
	transform:translateY(-50%);
	height: 100%;
	display: flex;
	align-items: center;
	cursor:pointer;
}

.sliders--tag-nav-next.swiper-button-disabled,
.sliders--tag-nav-prev.swiper-button-disabled {
	opacity:0;
}

.sliders--tag-nav-next svg,
.sliders--tag-nav-prev svg {
	display:block;
}


.sliders--gallery.swiper {
	overflow:visible;
}

.sliders--item-container {
	position:relative;
	border-radius: 10px;
	overflow:hidden;
	display:block;
}

.sliders--item-link {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:10;
}


.sliders--item-container:has(.sliders--item-link:hover) > .sliders--item-heart {

}

.sliders--item-heart {
	position:absolute;
	top:30px;
	right:30px;
	z-index:11;
	transition:all 300ms ease;
}

.sliders--item-heart svg {
	display:block;
}
.sliders--item-heart path {
	fill:rgba(255,255,255,0);
	stroke:rgba(255,255,255,1);
	transition:all 300ms ease;
}

.sliders--item-heart.favorite-heart:hover path {
	fill: #0061DC;
	stroke:rgba(255,255,255,1);
}

.sliders--item-heart.favorite-heart.saved path {
	fill:rgba(255,255,255,1);
	stroke:rgba(255,255,255,1);
}

.sliders--item-img {
	max-height: 490px;
	overflow:hidden;
}

.sliders--item-img img {
	width:100%;
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	transition: transform ease .5s;
	-moz-transition: transform ease .5s;
	-webkit-transition: transform ease .5s;
}

.sliders--item:hover .sliders--item-img img {
	transition: transform ease .5s;
	-moz-transition: transform ease .5s;
	-webkit-transition: transform ease .5s;
	transform: scale(1.1);
}

.sliders--item-text {  
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0) 100%);
	color:#fff;
	min-height: 224px;
	display:flex;
	flex-direction: column;
	justify-content: flex-end;
	padding:30px;
}

.sliders--item-tag {
	margin-bottom:10px;
	font-size:17px;
	line-height:1.5;
	font-weight: 300;
}

.sliders--item-text h6 {  
	margin:0;
	font-size:26px;
	line-height: 1.4;
	font-weight: 500;
	text-transform:none;  
}


.sliders--tools {
	align-items: center;
	display:flex;
	justify-content: space-between;
	margin-top:60px;
}

.sliders--tools .sliders--tool-bullets {
	justify-content: flex-start;
}

.sliders--tools .sliders--tool-bullets .swiper-pagination-bullet {
	width: 7px !important;
	height: 7px !important;
	border-radius: 50px !important;
	margin: 0 3px !important;
}

.swiper-pagination-bullet-active {
	background-color: var(--color-primary-moana-blue) !important;
}

.sliders--tool-buttons {
	display:flex;
	gap:10px;
}
.sliders--tool-buttons  svg {
	cursor:pointer;
	display:block;
}

.sliders--tag-nav-prev svg,
.sliders--tool-button-next svg {
	transform:rotate(180deg);
}


/* variant - deals */
.sliders--item-deals {
	height: auto;
}
.sliders--deals-item {
	border:1px solid #CCCCCC;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}
.sliders--deal-img{
	position: relative;
	z-index: 0;
}
.sliders--deal-img img {
	width:100%;
	display: block;
	height: 270px;
	background-position: center;
	background-size: cover;
	background-repeat:no-repeat;

	transition: transform ease .5s;
	-moz-transition: transform ease .5s;
	-webkit-transition: transform ease .5s;
}

.sliders--deals-item:hover img {
	transition: transform ease .5s;
	-moz-transition: transform ease .5s;
	-webkit-transition: transform ease .5s;
	transform: scale(1.1);
}

.sliders--deal-info{
	background-color:var(--color-primary-moana-blue);
	color:#fff;
	padding:25px;
	position: relative;
	z-index: 1;
}

.color-obsidian + div .sliders--deal-info {
	background-color: var(--color-primary-obsidian-black);
}

.color-green + div .sliders--deal-info {
	background-color: var(--color-primary-awa-dark-green);
}

.color-red + div .sliders--deal-info {
	background-color: var(--color-special-supervolcanics-red);
}

.deal-info--subtitle{
	font-size:15px;
	font-weight: 600;
	text-transform: uppercase;
	line-height: 1.5;
	margin-bottom:5px;
}

.deal-info--price {
	font-size:23px;
	font-weight:500;
	line-height: 1.5;
	margin-bottom: 10px;
}

.deal-info--tagline,
.deal-info--validity {
	font-size:14px;
	font-weight: 400;
}

.sliders--deal-details{
	padding:25px;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: -webkit-fill-available;
}

.sliders--deal-details:has(.deal-details--button) > .deal-details--desc {
	margin-bottom: 40px;
}

.deal-details--heading {
	display:flex;
	gap:30px;
}

.deal-details--heading h3 {
	font-size:28px;
	line-height: 1.4;
	font-weight: 500;
}

.deal-details--heart {
	padding-top:8px;
}

.deal-details--heart > a {
	display:block;
}

.deal-details--heart > a path {
	transition:all 300ms ease;
	fill:rgba(0,97,220,0);
}

.deal-details--heart.active > a,
.deal-details--heart.saved > a path,
.deal-details--heart > a:hover path {
	fill:rgba(0,97,220,1);
}

.deal-details--desc {
	opacity:0.8;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.5;
	color: #000000;
}

.deal-details--button {
	margin-top: auto;
}
/* end variant - deals */

/* variant - events */
.sliders--item-events {
	height: auto;
}
.sliders--events-item {
	border:1px solid #CCCCCC;
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
	display: flex;
	flex-direction: column;
}

.sliders--event-img{
	position: relative;
	z-index: 0;
}

.sliders--event-img img{ 
	width: 100%;
	display:block;
	height: 270px;
	background-size:cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform ease .5s;
	-moz-transition: transform ease .5s;
	-webkit-transition: transform ease .5s;
}

.sliders--events-item:hover img {
	transition: transform ease .5s;
	-moz-transition: transform ease .5s;
	-webkit-transition: transform ease .5s;
	transform: scale(1.1);
}

.sliders--event-tools {
	display:flex;
	gap:15px;
	align-items: flex-start;
	margin-bottom:20px;
}

.event--tag-container {
	display: flex;
	gap: 10px;
	flex-flow: wrap;
}

.event--tag-validity {
	width: 100%;
	display: flex;
	align-items: center;
	gap: 11px;
	flex-flow: wrap;
}

.sliders--event-tools .event--tag {
	font-size: 14px;
	padding: 5px 10px;
	background-color: #eeeeee;
	border-radius: 10px;
	display: inline-block;
}
.sliders--event-tools .event--validity {
	font-size:18px;
	line-height: 1.5;
	font-weight: 400;
	padding-left: 3px;
}
.sliders--event-tools .event--heart {
	margin-left:auto;
	padding-top: 3px;
}
.sliders--event-tools .event--heart a {
}
.sliders--event-tools .event--heart a svg {
	display:block;
}

.sliders--event-tools .event--heart a path {
	transition:all 300ms ease;
	fill:rgba(0,97,220,0);

}

.sliders--event-tools .event--heart a.active path,
.sliders--event-tools .event--heart.saved a path,
.sliders--event-tools .event--heart a:hover path {
	fill:rgba(0,97,220,1);
}

.sliders--event-details {
	padding:25px;
	height: -webkit-fill-available;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
	background-color: #ffffff;
}

.event-details--desc {
	font-size:18px;
	font-weight: 300;
}

.event-details--button {
	margin-top:auto;
	padding-top:40px;
}
/* end variant - events */



@media only screen and (max-width:1139px) {

	.sliders--heading-text {
		width: calc(100%);
	}

}

@media only screen and (max-width:767px) {
	.sliders--heading {
		flex-direction: column;
	}
	.sliders--heading-text {
		width:100%;
	}

	.sliders--cta {

	}
}

@font-face {
	font-family: 'GT Walsheim';
	font-weight: 300;
	src: url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/GT-Walsheim/GT-Walsheim-Light.woff2") format("woff2");
		}
@font-face {
	font-family: 'GT Walsheim';
	font-weight: 400;
	src: url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/GT-Walsheim/GT-Walsheim-Regular.woff2") format("woff2");
		}
@font-face {
	font-family: 'GT Walsheim';
	font-weight: 500;
	src: url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/GT-Walsheim/GT-Walsheim-Medium.woff2") format("woff2");
		}
@font-face {
	font-family: 'GT Walsheim';
	font-weight: 600;
	src: url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/GT-Walsheim/GT-Walsheim-Bold.woff2") format("woff2");
		}

@font-face {
	font-family: font-icons;
	src: url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/font-icons/font-icons.ttf") format("truetype"),
		url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/font-icons/font-icons.woff") format("woff"),
			url("https://20288681.fs1.hubspotusercontent-na1.net/hubfs/20288681/raw_assets/public/POWER%20THEME%20x%20LOVE%20TAUPO/assets/fonts/font-icons/font-icons.woff2") format("woff2");
				font-weight: 400;
				font-style: normal
				}

.c-cookie-confirm__close:before, .c-crowdriff__heading:before, .c-tooltip .c-tooltip__close:before, .o-body-text__cta a:after, [class*=iconf-], [data-iconf]:before {
	font-family: font-icons !important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

[data-iconf]:before {
	content: attr(data-iconf)
}

.iconf-location:before {
	content: "\e911"
}

.iconf-banquet:before {
	content: "\e927"
}

.iconf-boardroom:before {
	content: "\e928"
}

.iconf-cabaret:before {
	content: "\e929"
}

.iconf-classroom:before {
	content: "\e92a"
}

.iconf-cocktail:before {
	content: "\e92b"
}

.iconf-lounge:before {
	content: "\e92c"
}

.iconf-theatre:before {
	content: "\e92d"
}

.iconf-ushape:before {
	content: "\e92e"
}

.iconf-phone:before {
	content: "\e926"
}

.iconf-lovetaupo:before {
	content: "\e900"
}

.iconf-love:before {
	content: "\e901"
}

.iconf-search:before {
	content: "\e902"
}

.iconf-weather:before {
	content: "\e903"
}

.iconf-webcam:before {
	content: "\e904"
}

.iconf-mouse:before {
	content: "\e905"
}

.iconf-arrow-large-up:before {
	content: "\e906"
}

.iconf-arrow-large-left:before,.slick-prev:before,[dir=rtl] .slick-next:before {
	content: "\e907"
}

.iconf-arrow-large-down:before {
	content: "\e908"
}

.iconf-arrow-large-right:before,.slick-next:before,[dir=rtl] .slick-prev:before {
	content: "\e909"
}

.iconf-arrow-small-up:before {
	content: "\e90a"
}

.iconf-arrow-small-left:before {
	content: "\e90b"
}

.iconf-arrow-small-down:before {
	content: "\e90c"
}

.iconf-arrow-small-right:before {
	content: "\e90d"
}

.iconf-calendar:before {
	content: "\e90e"
}

.iconf-filter:before {
	content: "\e90f"
}

.iconf-image:before {
	content: "\e910"
}

.iconf-download:before {
	content: "\e912"
}

.iconf-external:before {
	content: "\e913"
}

.iconf-pauce:before {
	content: "\e914"
}

.iconf-play:before {
	content: "\e915"
}

.c-expand-collapse__item-icon:before,.iconf-plus:before {
	content: "\e916"
}

.c-expand-collapse__item.is-expanded .c-expand-collapse__item-icon:before,.c-expand-collapse__item[aria-expanded=true] .c-expand-collapse__item-icon:before,.iconf-minus:before {
	content: "\e917"
}

.c-cookie-confirm__close:before,.c-tooltip .c-tooltip__close:before,.iconf-close:before {
	content: "\e918"
}

.iconf-tick:before {
	content: "\e919"
}

.iconf-error:before {
	content: "\e91a"
}

.iconf-question:before {
	content: "\e91b"
}

.iconf-email:before {
	content: "\e91c"
}

.iconf-print:before {
	content: "\e91d"
}

.iconf-share:before {
	content: "\e91e"
}

.iconf-weibo:before {
	content: "\e91f"
}

.iconf-youtube:before {
	content: "\e920"
}

.iconf-twitter:before {
	content: "\e921"
}

.iconf-facebook:before {
	content: "\e922"
}

.c-crowdriff__heading:before,.iconf-instagram:before {
	content: "\e923"
}

.iconf-pinterest:before {
	content: "\e924"
}

.iconf-googleplus:before {
	content: "\e925"
}


body {
	font-weight: 400;
	font-family: 'GT Walsheim', Poppins, sans-serif;
}

body label {
	font-family: 'GT Walsheim', Poppins, sans-serif;
}


h1 {
	font-size:54px;
	font-weight: 500;
	line-height: 130%;

}
h2 {
	font-size:40px;
	font-weight: 500;
	line-height: 120%;
}
h3 {
	font-size:26px;
	font-weight: 500;
	line-height: 140%;
}
h4 {
	font-size:23px;
	font-weight: 500;
	line-height: 120%;
}
h5 {
	font-size:20px;
	font-weight: 500;
	line-height: 150%;
}
h6 {
	font-size:19px;
	font-weight: 500;
	line-height: 150%;
}

p{
	line-height: 150%;
}

a {
	cursor: pointer;
}

.color-white {
	color: var(--color-special-supervolcanics-white);
}

.color-moana {
	color: var(--color-primary-moana-blue);
}

.color-obsidian {
	color: var(--color-primary-obsidian-black);
}

.color-red {
	color: var(--color-special-supervolcanics-red);
}

.color-green {
	color: var(--color-primary-awa-dark-green);
}

@media all and (max-width: 640px) {
	h1 {
		font-size: 30px !important;
		font-weight: 500;
		line-height: 120%;

	}
	h2 {
		font-size: 27px !important;
		font-weight: 500;
		line-height: 130%;
	}
	h3 {
		font-size:22px !important;
		font-weight: 500;
		line-height: 140%;
	}
	h4 {
		font-size:23px !important;
		font-weight: 500;
		line-height: 120%;
	}
	h5 {
		font-size: 18px !important;
		font-weight: 500;
		line-height: 150%;
	}
	h6 {
		font-size: 15px !important;
		font-weight: 500;
		line-height: 150%;
	}

	p{
		font-size:16px !important;
		line-height: 150%;
	}
}
/*****************************************
 * Fields
*****************************************/
form .hs-button,
form .hs-form-field input[type=text],
form .hs-form-field input[type=email],
form .hs-form-field input[type=phone],
form .hs-form-field input[type=number],
form .hs-form-field input[type=tel],
form .hs-form-field input[type=date],
form .hs-form-field textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
}


/*****************************************
 * Buttons
*****************************************/
.btn,
.btn-wrapper .cta_button,
.btn-wrapper .cta-button,
.btn-wrapper [data-hubspot-cta-id],
.btn-wrapper input[type='submit'],
.btn-wrapper input[type='button'],
input[type='submit'],
input[type='button'] {

}
.btn {
	font-family: var(--font-primary-family);
	border-radius: 10px;
	display:inline-block;
	padding:12px 28px;
	line-height:150%;
	font-size:21px;
	font-weight: 500;
	text-decoration: none;
	transition: background ease .2s, border ease .2s;
	-moz-transition: background ease .2s, border ease .2s;
	-webkit-transition: background ease .2s, border ease .2s;
}

.btn-primary-moana,
.btn-primary-moana:hover,
.btn-favourite:hover {
	border: 2px solid var(--color-primary-moana-blue);
	background: var(--color-primary-moana-blue);
	color: #fff;
}

.btn-primary-moana:hover {
	background: #fff;
	color: var(--color-primary-moana-blue);
}

.btn.btn-secondary-moana {
	border: 2px solid #ffffff;
	background: #ffffff;
	color: var(--color-primary-moana-blue);
}

.btn-favourite {
	border: 2px solid var(--color-primary-obsidian-black);
	background: #ffffff;
	color: var(--color-primary-obsidian-black);
}

.btn.btn-secondary-moana:hover {
	border: 2px solid #ffffff;
	background: var(--color-primary-moana-blue);
	color: #ffffff;
}

.btn.btn-primary-red {
	border: 2px solid var(--color-special-supervolcanics-red);
	background: var(--color-special-supervolcanics-red);
	color: #fff;
}

.btn.btn-primary-red:hover {
	border: 2px solid var(--color-special-supervolcanics-red);
	background: #fff;
	color: var(--color-special-supervolcanics-red);
}

.btn.btn-secondary-red {
	border: 2px solid #ffffff;
	background: #ffffff;
	color: var(--color-special-supervolcanics-red);
}

.btn.btn-secondary-red:hover {
	border: 2px solid #ffffff;
	background: var(--color-special-supervolcanics-red);
	color: #ffffff;
}

.btn.btn-primary-green {
	border: 2px solid var(--color-primary-awa-green);
	background: var(--color-primary-awa-green);
	color: #000000;
}

.btn.btn-primary-green:hover {
	border: 2px solid var(--color-primary-awa-green);
	background: #ffffff;
	color: var(--color-primary-awa-green);
}

.btn.btn-secondary-green {
	border: 2px solid #ffffff;
	background: #ffffff;
	color: var(--color-primary-awa-green);
}

.btn.btn-secondary-green:hover {
	border: 2px solid #ffffff;
	background: var(--color-primary-awa-green);
	color: #ffffff;
}

.btn.btn-secondary-obsidian {
	border: 2px solid var(--color-primary-obsidian-black);
	background: var(--color-primary-obsidian-black);
	color: #ffffff;
}

.btn.btn-secondary-obsidian:hover {
	border: 2px solid var(--color-primary-obsidian-black);
	background: #ffffff;
	color: var(--color-primary-obsidian-black);
}

/* .btn-primary:hover{
color: #FFF;
} */

.btn-primary-dark,
.btn-primary-dark:hover{
	border: 2px solid var(--color-primary-obsidian-black);
	background: var(--color-primary-obsidian-black);
	color: #fff;
}

.btn-primary-dark:hover{
	background: #fff;
	color: var(--color-primary-obsidian-black);
}

.btn-primary-light {
	background-color: #fff;
	color: var(--color-primary-moana-blue);
	border: 2px solid #fff;
}

.btn-primary-light:hover {
	background-color: var(--color-primary-moana-blue);
	color: #ffffff;
	border: 2px solid #ffffff;
}

.btn-primary-red,
.btn-primary-red:hover{
	background: var(--color-special-supervolcanics-red);
	color: #fff;
}

.btn-primary {
	background: #0061DC;
	color: #fff;
	border: 2px solid #0061DC;
}

.btn-secondary {
	background: #0061DC;
	color: #fff;
	border: 2px solid #0061DC;
}

.btn-tertiary {
	background: #0061DC;
	color: #fff;
	border: 2px solid #0061DC;
}

.btn-primary:hover,
.btn-secondary:hover,
.btn-tertiary:hover {
	background: #ffffff;
	color: #0061DC;
}

.btn-grey,
.btn-grey:hover {
	background: #EEE;
	color: var(--color-primary-moana-blue);
	cursor: pointer;
}

.btn-primary-obsidian {
	border:2px solid var(--color-primary-obsidian-black);
	background: var(--color-special-supervolcanics-white);
	color: var(--color-primary-obsidian-black);
	transition:all 300ms ease;
}
.btn-primary-obsidian.active,
.btn-primary-obsidian:hover {
	background: var(--color-primary-obsidian-black);
	color: var(--color-special-supervolcanics-white);
}


.btn-outline-light {
	border:2px solid var(--color-primary-obsidian-black);
	color:var(--color-primary-obsidian-black);
}

.btn-transparent {
	color:var(--color-special-supervolcanics-white);
}

.btn.color-white {
	color: var(--color-special-supervolcanics-white);
}

.btn.color-moana {
	color: var(--color-primary-moana-blue);
	border: 2px solid #ffffff;
}

.btn.color-moana:hover {
	border: 2px solid #fff;
	color: #ffffff;
	background: var(--color-primary-moana-blue);
}

.btn.color-obsidian {
	color: var(--color-primary-obsidian-black);
	border: 2px solid #ffffff;
}

.btn.color-obsidian:hover {
	border: 2px solid #fff;
	color: #ffffff;
	background: var(--color-primary-obsidian-black);
}

.btn.color-red {
	color: var(--color-special-supervolcanics-red);
	border: 2px solid #ffffff;
}

.btn.color-red:hover {
	border: 2px solid #fff;
	color: #ffffff;
	background: var(--color-special-supervolcanics-red);
}

.btn.color-green {
	color: var(--color-primary-awa-dark-green);
	border: 2px solid #ffffff;
}

.btn.color-green:hover {
	border: 2px solid #fff;
	color: #ffffff;
	background: var(--color-primary-awa-dark-green);
}

body.no-overflow {	overflow: hidden;}
.custom-popup:not(.custom-popup--active) {
	opacity:0;
	pointer-events: none;
}

.custom-popup.flex-start {
	overflow-y:auto;
}
.custom-popup:not(.flex-start) {
		align-items: center;
}
.custom-popup {
	transition: 300ms opacity ease;
	position:fixed;
	background-color:rgba(0, 0, 0, 0.85);
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:999;
	display:flex;
}

.custom-popup--close{
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right: 0;
	z-index:1;
}

.custom-popup--inner {
	z-index:2;
	max-width:1440px;
	width:100%;
	margin:0 auto;
}

.mapboxgl-popup-content {
	padding: 0 !important;
	border-radius: 6px !important;
	overflow: hidden;
}

.map-view--popup-content {
	padding: 15px !important;
}

.map-view--popup-content .tag-price {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 10px;
	font-family: var(--body-text-family);
}

.map-view--popup-content .tag-price .map-view--popup-tag {
	font-family: var(--body-text-family);
	background: #EEEEEE;
	font-size: 12px;
	padding: 2px 8px;
	border-radius: 10px;
}

.primary-obsidian .map-view--popup-content .tag-price .map-view--popup-tag {
	color: var(--color-primary-obsidian-black);
}

.mapboxgl-popup-close-button {
	font-size: 20px;
	right: 5px !important;
	top: 5px !important;
	border-radius: 50px !important;
	padding: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 100%;
	height: 21px !important;
	width: 21px !important;
}

.primary-obsidian .mapboxgl-popup-close-button,
.primary-obsidian .mapboxgl-popup-close-button:hover {
	color: #ffffff;
	background-color: var(--color-primary-obsidian-black);
}

.primary-moana .mapboxgl-popup-close-button,
.primary-moana .mapboxgl-popup-close-button:hover {
	color: #ffffff;
	background-color: var(--color-primary-moana-blue);
}

.primary-red .mapboxgl-popup-close-button,
.primary-red .mapboxgl-popup-close-button:hover {
	color: #ffffff;
	background-color: var(--color-special-supervolcanics-red);
}


.map-view--popup-buttons {
	display: flex;
	gap: 10px;
}

.map-view--popup-buttons a {
	font-family: var(--font-primary-family);
	border-radius: 10px;
	display: inline-block;
	padding: 8px 20px;
	line-height: 150%;
	font-size: 14px;
	font-weight: 400;
	text-decoration: none;
	transition: background ease .2s, border ease .2s;
	-moz-transition: background ease .2s, border ease .2s;
	-webkit-transition: background ease .2s, border ease .2s;

	line-height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.primary-obsidian .map-view--popup-buttons a {
	background-color: var(--color-primary-obsidian-black);
	border: 2px solid var(--color-primary-obsidian-black);
	color: var(--color-special-supervolcanics-white);
}

.primary-obsidian .map-view--popup-buttons a:last-of-type {
	background-color: transparent;
	border: none;
	color: var(--color-primary-obsidian-black);
	padding: 8px 10px;
}

.primary-moana .map-view--popup-buttons a {
	background-color: var(--color-primary-moana-blue);
	border: 2px solid var(--color-primary-moana-blue);
	color: var(--color-special-supervolcanics-white);
}

.primary-moana .map-view--popup-buttons a:last-of-type {
	background-color: transparent;
	border: none;
	color: var(--color-primary-moana-blue);
	padding: 8px 10px;
}

.primary-red .map-view--popup-buttons a {
	background-color: var(--color-special-supervolcanics-red);
	border: 2px solid var(--color-special-supervolcanics-red);
	color: var(--color-special-supervolcanics-white);
}

.primary-red .map-view--popup-buttons a:last-of-type {
	background-color: transparent;
	border: none;
	color: var(--color-special-supervolcanics-red);
	padding: 8px 10px;
}

#header {
	background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	transition:background-color 300ms ease;
	z-index: 9999;
}

#header.header.black-text {
	background: none;
}

#header.scrolled,
#header.header.black-text.scrolled{
	background:#fff;
	box-shadow:  0 0 20px 0px rgba(0, 0, 0, 0.2);
}

.header-container {
	width:1440px;
	max-width: 100%;
	margin:0 auto;
	padding: 0 62px;
}

.header-column {
	display:flex;
	align-items: center;
}

.header-logo {

}

.header-logo a { transition:all 300ms ease; }


#header.scrolled .header-logo a { color:var(--color-primary-obsidian-black); }
#header:not(.scrolled) .header-logo a,#header.header.black-text:not(.scrolled) .header-logo a { color:#fff; }


/* search popup */
.search-popup:not(.searching) {
	display:flex;
	align-items: center;
}

.search-popup {
	background-image: url(''), linear-gradient(90deg, rgba(0, 97, 220, 1) 0%, rgba(0, 219, 190, 1) 100%);
		background-blend-mode: multiply, normal;
		background-size: 100% 100%, cover;
		background-repeat: repeat-y, no-repeat;
		padding:120px 64px;
		position:relative;
		min-height: 900px;
		}

.search-popup--tools {
	position: absolute;
	top:32px;
	right:32px;
}

.search-popup--inner {
	position:relative;
	width: 100%;
	max-width: 1000px;
	margin:0 auto;
}

.search-popup--label {
	font-size:54px;
	color:#fff;
	text-align:center;
}

.search-popup--input {
	border-bottom:6px solid #fff;
	display:flex;
	padding:30px 0;

}
.search-popup--input input[data-search-input] {
	width:100%;
	border:0;
	background:none;
	outline: 0;
	color:#fff;
	font-size:26px;
	line-height: 140%;
}
.search-popup--input input[data-search-input]::placeholder {
	color:rgba(255,255,255,0.75);
}
.search-popup--icon {
	margin-left:auto;
}

.search-popup--preloader {
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
	margin-top:20px;
	pointer-events: none;
	width: 50px;
	height: 50px;
	border: 5px solid rgba(0, 0, 0, 0.2);
	border-top-color: #3498db; /* Blue color */
	border-radius: 50%;
	animation: spin 1s linear infinite;
	transition: 300ms opacity ease;
}

.search-popup--preloader:not(.search-loading) {
	opacity:0;
}

@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}



.search-result--items {
	background:#fff;
	padding:30px;
	border-radius:10px;
	margin-top:55px;
}

.search-result--item {
	display:flex;
	gap:30px;
	margin-bottom: 30px;
}
.search-result--featimg {
	width:120px;
	height:120px;
}
.search-result--featimg img {
	max-width: 100%;
	max-height: 100%;
	border-radius: 10px;
	object-fit: cover;
}
.search-result--body {
	width: fit-content;
}
.search-result--title {
	font-size:26px;
	line-height: 1;
	margin-bottom:10px;
}
.search-result--title a { text-decoration:none; }
.search-result--overview { font-size:18px; line-height:1.5; margin-bottom: 7px; }
.search-result--url { font-size:18px; line-height:1.5; }
.search-result--url a { text-decoration: none;}
/* end search  */

.header.scrolled .mainmenu > .has-children > a svg,
.header .mainmenu > li > a svg {
	opacity: 0;
	width: 0;
}


.header .main--logo.mobile {
	display: block;
}

.header .main--logo.desktop {
	display: none;
}

.header .main--logo.mobile .scrolled-logo {
	display: none;
}

.header .main--logo.mobile img {
	width: 44px;
}

.header.scrolled .main--logo.mobile .scrolled-logo {
	display: block;
}

.header.scrolled .main--logo.mobile .default-logo {
	display: none;
}

@media only screen and (min-width:1240px){


	.header .main--logo.mobile {
		display: none;
	}

	.header .main--logo.desktop {
		display: block;
	}

	.header .main--logo.desktop .scrolled-logo {
		display: none;
	}

	.header .main--logo.desktop img {
		width: 104px;
	}

	.header.scrolled .main--logo.desktop .scrolled-logo {
		display: block;
	}

	.header.scrolled .main--logo.desktop .default-logo {
		display: none;
	}

	#header:not(.scrolled) .mainmenu > li > a { color:#fff; }
	#header:not(.scrolled).header.black-text .mainmenu > li > a { color:#000; }
	#header:not(.scrolled).header.black-text .mainmenu > li:hover > a { color:#FFF; }
	#header.scrolled .mainmenu > li > a {
		color:var(--color-primary-obsidian-black); 
	}

	.header.scrolled .mainmenu > li > a {
		/* 		font-size: 14px !important;
		padding-top: 26px !important;
		padding-bottom: 26px !important; */
	}

	.header:not(.scrolled) .mainmenu > .has-children > a svg {
		opacity: 0;
		margin-left: 0;
		width: 0;
		height: 9px;
	}

	.header.scrolled .mainmenu > .has-children > a svg {
		opacity: 1;
		width: 11px;
		margin-left: 6px;
	}

	.header.scrolled .mainmenu > .has-children:hover > a svg path {
		fill: #ffffff;
	}

	.header.scrolled .mainmenu > .has-children:nth-of-type(2):hover > a svg path {
		fill: var(--color-primary-obsidian-black);
	}

	.header-nav--primary {
		margin-left: 46px;
	}

	.header-nav--primary .navigation-primary > ul.mainmenu {
		list-style: none;
		margin:0;
		padding:0;
		display:flex;
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li {
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li > a {
		color: #fff;
		text-decoration: none;
		font-family: var(--font-primary-family);
		font-weight: 500;
		font-size:17px;
		display: block;
		padding: 30px 19px;
		line-height: 150%;
		transition: color 300ms ease;
	}
	
	.header-nav--primary .navigation-primary > ul.mainmenu > li > a > span {
		display: inline-block;
/* 		padding: 0 6.3px 0 0; */
	}
	
	.header-nav--primary .navigation-primary > ul.mainmenu > li:first-of-type > a > span {
		width: 108px;
	}
	
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-of-type(2) > a > span {
		width: 102px;
	}
	
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-of-type(3) > a > span {
		width: 145px;
	}
	
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-of-type(4) > a > span {
		width: 189px;
	}
	
	#header.scrolled .header-nav--primary .navigation-primary > ul.mainmenu > li > a {
		transition: color 300ms ease;

	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li:hover {
		/*background-color:#fff;*/
	}
	#header.scrolled .header-nav--primary .navigation-primary > ul.mainmenu > li:hover > a,
	.header-nav--primary .navigation-primary > ul.mainmenu > li:hover > a,
	.header-nav--primary .navigation-primary ul.submenu > li:hover > a {
		/* 		text-shadow:2px 2px 3px rgba(0,0,0,0.4); */
		font-weight: 600;
		color:#fff;
	}
	
	#header.scrolled .header-nav--primary .navigation-primary > ul.mainmenu > li:hover > a > span,
	.header-nav--primary .navigation-primary > ul.mainmenu > li:hover > a > span {
		padding: 0;
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li > div.megablock {
		position:absolute;
		top:100%;
		left:0;
		right:0;
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li > div.megablock {
		transition: opacity 300ms ease;
		box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.1);
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li:not(:hover) > div.megablock {
		opacity:0;
		pointer-events: none;
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(1):hover > a { background: var(--color-primary-moana-blue); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(1) > div.megablock {background: var(--color-primary-moana-blue); }

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2):hover > a { background: var(--color-primary-awa-green); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) > div.megablock {background: var(--color-primary-awa-green); }


	#header .header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2):hover > a,
	#header .header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) > div.megablock a {
		color:var(--color-primary-obsidian-black);
		/*text-shadow:2px 2px 3px rgba(0,0,0,0.4);*/
	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(3):hover > a { background: var(--color-primary-obsidian-black); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(3) > div.megablock {background: var(--color-primary-obsidian-black); }

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(4):hover > a { background: var(--color-special-supervolcanics-red); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(4) > div.megablock {background: var(--color-special-supervolcanics-red); }

	div.megablock > ul.submenu {
		display:flex;
		width: 100%;
		max-width:1440px;
		margin:0 auto;
		padding:30px 64px;
		list-style:none;
		gap:10px;
		flex-wrap: wrap;
	}

	div.megablock > ul.submenu > li {
		flex: 0 0 calc(25% - 10px);
	}

	div.megablock > ul.submenu > li > a {
		font-size:18px;
		line-height: 150%;
		text-decoration: none;
		color:#fff;
		display:flex;
		align-items: center;
	}
	div.megablock > ul.submenu > li > a svg{
		margin-left:7px;
	}

	div.submegablock{
		background: #fff;
	}


	.shared-megablock {
		background: #fff;
	}
	.shared-megablock--crumbs {
		width: 100%;
		max-width:1440px;
		margin:0 auto;
		padding:20px 64px;
		list-style:none;
	}
	.shared-megablock--crumbs > ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	.shared-megablock--main {
		display: flex;
		font-size:14px;
		line-height: 150%;
	}
	.shared-megablock--main > a {
		margin-right:30px;
	}
	.shared-megablock--main > ul {
		display: flex;
		margin:0;
		padding:0;
		list-style:none;
		gap:30px;
	}

	.shared-megablock--main >ul > li {
		position:relative;
	}
	.shared-megablock--main >ul > li:not(:last-child):after {
		content:"";
		border-right:1px solid rgba(0,0,0,0.26);
		transform: translateX(15px);
		position: absolute;
		right: 0;
		top: 0;
		height: 100%;
	}
	.shared-megablock--main a {
		text-decoration: none;
		color:var(--color-primary-obsidian-black);
		font-weight: 300;
	}

	.shared-megablock--main a:hover {
		text-decoration: underline;
	}

}

.header-nav--secondary {
	margin-left:auto;
}

.header-nav--secondary > ul {
	list-style: none;
	margin:0;
	padding:0;
	display:flex;
	align-items: center;
}

.header-nav--secondary > ul > li {
	margin-left:24px;
}

.header-nav--secondary a[data-toggle-search] {

}

#header.scrolled .header-nav--secondary a {
	color:var(--color-primary-obsidian-black);
}

#header:not(.scrolled) .header-nav--secondary a {
	color:#fff;
}

#header:not(.scrolled).header.black-text .header-logo a,
#header:not(.scrolled).header.black-text .header-nav--secondary a{
	color: #000;
}

.favorite--container {
	position: relative;
}

.favorite--menu {
	position: absolute;
	top: -1px;
	right: -3px;
	height: 10px;
	width: 10px;
	display: none;
	align-items: center;
	justify-content: center;
}

.header-favorite-heart.has-favorites .favorite--menu {
	display: flex;
}

.header-favorite-heart.has-favorites svg path {
	fill: currentColor;
}

/* Pulse effect as a separate layer */
.favorite--menu::before {
	content: '';
	position: absolute;
	height: 7px;
	width: 7px;
	border-radius: 50%;
	background-color: rgb(181 15 54 / 70%);
	animation: pulse 1.5s infinite ease-in-out;
	z-index: 0;
	right: 1px;
	top: 2px;
}

/* Inner static red dot */
.inner-circle {
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background-color: var(--color-special-supervolcanics-red);;
	z-index: 1;
}

.header-nav--primary .navigation-primary .megablock .submenu:not(.level-2) ~ .shared-megablock {
	display: none;
}

.header-nav--primary .navigation-primary .megablock .submenu:not(.level-2) {
	padding: 10px 20px;
}

.header-nav--primary .navigation-primary .megablock .submenu:not(.level-2) > li {
	flex: 0 0 calc(100% - 10px);
}

@keyframes pulse {
	0% {
		transform: scale(1);
		opacity: 0.8;
	}
	50% {
		transform: scale(1.8);
		opacity: 0.3;
	}
	100% {
		transform: scale(1);
		opacity: 0.8;
	}
}

/* tablet */
@media only screen and (max-width:1239px){
	.header-container {
		padding:30px 64px;
	}

	.header-nav--primary {
		position:fixed;
		top:0;
		right:0;
		bottom:0;
		background:#fff;
		width: 100%;
		max-width: 360px;
		transition: all 300ms ease;
		box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
		display:flex;
		flex-direction: column;
		z-index: 5;
	}

	.header-nav--primary:not(.active) {
		pointer-events: none;
		opacity:0;
		transform:translateX(100%);
	}

	.header-logo--main {

	}

	.header-logo--main a{
		display: block;
		width: 44px;
		overflow: hidden;
	}
	.header-logo--main svg {
	}

	.header-logo--main svg path:not(:last-child) {
		display: none;
	}

	.header-nav--heading {
		width:100%;
		display:flex;
		justify-content: space-between;
		align-items: center;
		border-bottom:1px solid rgba(37,36,50,0.26);
		padding:20px 25px;
	}
	.header-nav--heading svg,
	.header-nav--heading a {
		display:block;
		color:inherit;
	}

	.navigation-primary .mainmenu {
		list-style: none;
		margin:0;
		padding:0;
	}
	.navigation-primary .mainmenu > li {
		border-bottom:1px solid rgba(37,36,50,0.26);
		line-height: 1.5;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.navigation-primary .mainmenu > li > a {
		color:inherit;
		text-decoration: none;
		display: block;
		padding: 20px 25px;
		font-size:21px;
		width: 100%;
	}
	.navigation-primary .mainmenu > li > button {
		padding: 0;
		margin: 0;
		border: 0;
		background: none;
		cursor: pointer;
		padding: 25px;
	}


	.header-nav--primary .shared-megablock--crumbs {
		margin-top:auto;
		border-top:1px solid rgba(37,36,50,0.26);
		width:100%;
	}

	.header-nav--primary .shared-megablock--crumbs > ul {
		list-style: none;
		margin:0;
		padding:0;
		width:100%;
	}

	.header-nav--primary .shared-megablock--crumbs > ul > li {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.header-nav--primary .shared-megablock--crumbs > ul > li > a {
		color: inherit;
		display: block;
		text-decoration: none;
		padding: 20px 25px;
	}
	.header-nav--primary .shared-megablock--crumbs > ul > li > button {
		border:0;
		background:none;
		cursor:pointer;
		padding: 25px;
	}

	.header-nav--primary .shared-megablock--main > ul:not(.active) {
		opacity:0;
		transform:translateX(100%);
		pointer-events: none;
	}
	.header-nav--primary .shared-megablock--main > ul {
		transition:all 300ms ease;
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right:0;
		background: #FFF;
	}
	.shared-megablock--main > ul.shared-megablock--child {
		list-style: none;
		margin: 0;
		padding: 0;

	}
	.shared-megablock--main > ul.shared-megablock--child > li.crumbs--heading {
		border-bottom:1px solid rgba(0,0,0,0.26);
		display:flex;
		align-items: center;
		justify-content: space-between;
	}

	.shared-megablock--main > ul.shared-megablock--child > li.crumbs--heading > a {
		padding:20px 25px;
		font-size:15px;
		cursor:pointer;
		display:flex;
		align-items: center;

	}
	.shared-megablock--main > ul.shared-megablock--child > li.crumbs--heading > a > svg {
		display: block;
		margin-right:7px;
	}
	.shared-megablock--main > ul.shared-megablock--child > li.crumbs--heading > button {
		background: none;
		border: none;
		padding:20px 25px;
		cursor:pointer;
	}
	.shared-megablock--main > ul.shared-megablock--child > li.crumbs--heading > button svg {
		display:block;
	}

	.shared-megablock--main > ul.shared-megablock--child > li:not(.crumbs--heading) {
		border-bottom:1px solid rgba(0,0,0,0.26);
	}
	.shared-megablock--main > ul.shared-megablock--child > li:not(.crumbs--heading) > a {
		text-decoration: none;
		display:block;
		padding:13px 25px;
		color:var(--color-primary-obsidian-black);
		font-size: 15px;

	}

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(1)  div.megablock {background: var(--color-primary-moana-blue); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2)  div.megablock {background: var(--color-primary-awa-green); }

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) .mainmenu--tool-label,
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) > div.megablock a { color: var(--color-primary-obsidian-black); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) > { color:var(--color-primary-obsidian-black); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) > div.megablock .megablock--tools,
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(2) > div.megablock > ul > li { border-bottom:1px solid rgba(0,0,0,0.26); }

	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(3)  div.megablock {background: var(--color-primary-obsidian-black); }
	.header-nav--primary .navigation-primary > ul.mainmenu > li:nth-child(4)  div.megablock {background: var(--color-special-supervolcanics-red); }

	.mainmenu--tools { 
		display:flex; 
		padding:30px 25px;
		justify-content: space-between;
		align-items: center;
	}

	.mainmenu--tool-label {
		font-size:22px;
		line-height: 1.4;
		width:70%;
	}

	.mainmenu--tool-link {

	}

	.mainmenu--tool-link a {
		display: flex;
		color:inherit;
		text-decoration: none;
		font-size: 15px;
		line-height: 1.2;
		font-weight: 300;
		align-items: center;
	}
	.mainmenu--tool-link a svg {
		margin-left:7px;
		display: block;
	}

	.megablock {
		color:#fff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		height: 100%;
		transition: all 300ms cubic-bezier(0.25, 1, 0.5, 1);;
	}

	.megablock:not(.active) {
		opacity:0;
		pointer-events: none;
		transform:translateX(100%);
	}

	.megablock .megablock--tools {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	}

	.megablock--tools	.btn-mobile-level-down {

	}

	.megablock--tools	.btn-mobile-level-down a {
		color:#fff;
		text-decoration: none;
		font-size:15px;
		line-height: 1.2;
		display: flex;
		align-items: center;
		padding: 20px 25px;
	}

	.megablock--tools	.btn-mobile-level-down a svg {
		margin-right:7px;
	}

	.megablock--tools	.btn-active-cancel a {
		color:#fff;
		display:block;
		padding: 20px 25px;
	}

	.megablock--tools	.btn-active-cancel svg {
		display:block;
	}

	.megablock > ul {
		list-style: none;
		margin:0;
		padding:0;
	}

	.megablock > ul > li {
		border-bottom: 1px solid rgba(255, 255, 255, 0.20);
	}

	.megablock > ul > li > a {
		color:#fff;
		text-decoration: none;
		font-size:16px;
		line-height: 1.5;
		/*font-weight: 300;*/
		display:flex;
		justify-content: space-between;
		align-items: center;
		padding:13px 25px;
	}

	.mainmenu .submenu .has-children {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mainmenu .submenu .has-children > a > svg {
		display: none;
	}

	.mainmenu .submenu .has-children .btn-toggle-child {
		padding-right: 25px;
		background-color: transparent;
		border: none;
	}

	.mainmenu .submenu .has-children .btn-toggle-child svg {
		width: 9px;
	}

	.mainmenu > .has-children:nth-of-type(1) .megablock .submenu > .has-children .btn-toggle-child svg path,
	.mainmenu > .has-children:nth-of-type(3) .megablock .submenu > .has-children .btn-toggle-child svg path,
	.mainmenu > .has-children:nth-of-type(4) .megablock .submenu > .has-children .btn-toggle-child svg path {
		fill: #ffffff;
	}

	.header-nav--primary .navigation-primary .megablock .submenu:not(.level-2) {
		padding: 0;
	}

}

@media only screen and (max-width:767px){


	.header-container {
		padding:15px 20px;
	}

	/* mobile top menu */
	#header:not(.scrolled) .mainmenu > li > a { color:var(--color-primary-obsidian-black); }
	#header.scrolled .mainmenu > li > a { color:var(--color-primary-obsidian-black); }
	.megablock {

	}
	/* end mobile top menu */


	/*  search */
	.search-popup{
		padding-left:20px;
		padding-right:20px;
	}
	.search-popup--label {
		font-size: 30px;
	}
	.search-result--item {
		flex-direction: column;
		gap:10px;
		margin-bottom: 40px;
	}
	.search-result--featimg {
		width:100%;
		position:relative;
		padding-top:50%;
	}
	.search-result--featimg img {
		position: absolute;
		top:0;
		left:0;
		width:100%;
	}

	.search-result--title {
		font-size:16px;
	}
	.search-result--overview {
		font-size:14px;
		margin-bottom: 10px;
	}
	.search-result--url {
		font-size:14px;
	}
	/* end search */

}
.footer-container {
	width:1440px;
	max-width: 100%;
	margin:0 auto;
	padding: 64px;
}

.footer-logo {
	margin-bottom:74px;
}

.footer-panel {
	margin-bottom: 32px;
}

.footer-panel h6 {
	font-size: 19px;
	margin: 0 0 18px;
	text-transform: none;
	font-weight: 500;
	line-height: 1.5;
	margin-bottom: 13px;
}

.footer-panel .hs_cos_wrapper_type_simple_menu {
	margin:0;
}

.footer-panel .hs_cos_wrapper_type_simple_menu ul {
	margin:0;
	padding:0;
	list-style: none;
}

.footer-panel .hs_cos_wrapper_type_simple_menu ul > li {
	margin-bottom: 10px;
	line-height: 1;
	float: none !important;
}

.footer-panel .hs_cos_wrapper_type_simple_menu ul > li > a {
	text-decoration: none;
	color: inherit;
	font-size: 16px;
	display: block;
	padding: 0;
	line-height: 1.5;
	font-family: var(--h6-family);
}


.footer-panel--form {
	font-size:16px;
	line-height: 1.5;
}
.footer-panel--form .hs-form {
	display: flex;
	flex-wrap: wrap;
	gap:10px;
}

.footer-panel--form .hs-form div:has(+ .hs-form-field.hs_email){
	width:100%;
}
.footer-panel--form .hs-form .hs-input {
	font-family: inherit;
	display: block;
	width: 100%;
	border-radius: 10px;
	line-height: 1;
	padding: 15px;
	border:2px solid var(--color-primary-obsidian-black);
	height:auto;
}
.footer-panel--form .hs-form-field.hs_email {
	width: calc(100% - 146px);
	order: 1;
	position: relative;	
	margin: 0;
}

.footer-panel--form .hs-form-field.hs_email + div {
	order:5;
}

.footer-panel--form .hs-default-font-element, 
.footer-panel--form .hs-main-font-element {
	font-family: inherit;
	color: inherit;
	font-size: 12px;
}

.footer-panel--form .hs_error_rollup {
	display: none;
}

.footer-panel--form .hs_submit.hs-submit {
	order: 4;
	width: 130px;
	margin-top: 0;
}

.footer-panel--form div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit:before,
.footer-panel--form div:not(.pwr-form)>.hs_cos_wrapper_type_form form.hs-form .hs-submit:hover:after {
	background-color: transparent;
}

.footer-panel--form .hs-button {
	border: none;
	border-radius: 10px;
	background-color: var(--color-primary-obsidian-black);
	color: #fff;
	padding: 18px;
	padding-left: 18px !important;
	padding-right: 18px !important;
	line-height: 1;
	width: 100%;
	display: block;
	font-family: var(--font-primary-family);
	text-transform: capitalize;
	font-size: 17px;
	font-weight: 500;
}
.footer-panel--form .hs-button:hover, 
.footer-panel--form .hs-button:focus {
	background-color: var(--color-primary-moana-blue);
}

.footer-panel--form .hs-error-msgs {
	list-style:none;
	margin:0 0 10px;
	padding:0;
	color:#c00;
	font-size:13px;
}

.footer-panel--form .form-title {
	display:none;
}

.footer-panel--form [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
	padding:0;
}

.footer-panel--form .hs-form-field {
	position:relative;
}

.footer-panel--form .hs-form-field > label {
	position:absolute;
	top:0;
	left:0;
	padding:15px;
	pointer-events: none;
	font-family: inherit;
	color:inherit;
}

.footer-panel--form .hs-form-field:has(.hs-input:focus) > label,
.footer-panel--form .hs-form-field:has(.hs-input:not(:placeholder-shown)) > label {
	display: none;
}


.footer-panel--form .actions {
	padding:0;
	margin:0;	
}

.footer-panel--form .hs-button {
	border: none;
	border-radius: 10px;
	background-color: var(--color-primary-obsidian-black);
	color:#fff;
}

.footer-separator {	
	border-color: rgba(37,36,49,0.15);
	margin: 32px 0 32px;
	border: 1px solid rgba(37, 36, 49, .15);
	background-color: transparent;
}

.footer-copyright {
	display: flex;
	font-size: 14px;
	align-items: center;
}

.footer-copyright .hs_cos_wrapper_type_simple_menu {
	margin-left: 8px;	
}

.footer-copyright .hs_cos_wrapper_type_simple_menu ul {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
}

.footer-copyright .hs_cos_wrapper_type_simple_menu ul > li {
	margin-left: 24px;
}
.footer-copyright .hs_cos_wrapper_type_simple_menu ul > li > a {
	font-size:13px;
	display:block;
	color: inherit;
	padding: 0;
	font-family: GT Walsheim;
	text-decoration: underline;
}


.footer-social {

}
.footer-social .social-media-content {
	display:flex;
	justify-content: flex-end;
	margin:0 -7px;
}

.footer-social .social-media-content a {
	display:flex;
	justify-content: center;
	align-items: center;
	width:38px;
	height:38px;
	border:2px solid #000;
	border-radius: 100%;
	margin:0 7px;
}
.footer-social .social-media-content a svg {
	height:auto;
	max-height:38px;	
}



#main-content {
	min-height:14407px;
}


@media only screen and (max-width:1139px) {
	.footer-copyright {
		flex-wrap:wrap;
	}
	.footer-copyright .hs_cos_wrapper_type_simple_menu {
		margin-left:0;
	}
	.footer-copyright .hs_cos_wrapper_widget  {
		width:100%;
	}

	.footer-copyright .hs_cos_wrapper_type_simple_menu ul > li:first-child {
		margin:0;
	}

	.column-menu {
		display: flex;
		flex-direction: column;
	}

	.column-menu.row-fluid [class*="span"] {
		margin:0;
		width:100%;
	}


	.footer-panel--form .hs-form-field.hs_email {
		width:100%;
	}

}

@media only screen and (max-width:767px) {
	.footer-container {
		padding: 15px 20px;
	}
	.footer-logo {
		margin-bottom:40px;
	}

	.column-menu {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.column-menu.row-fluid [class*="span"] {
		margin:0 0 20px;
		width:50%;
	}

	.footer-panel h6 {
		font-size: 16px;
	}

	.footer-panel--form .hs_submit.hs-submit {
		width:100%;
	}
	.footer-panel--form .hs-button {
		width:auto;
	}


	.column-menu.row-fluid [class*="span"] {
		margin:0 0 20px;
		width:50%;
	}


	.footer-copy {
		display:flex;
		flex-direction: column-reverse;
		align-items: flex-start;
	}

	.footer-social {
		margin-bottom: 30px;
	}
}