/* var(--e-global-color-primary)
var(--e-global-color-secondary)
var(--e-global-color-text)
var(--e-global-color-accent) */

.navNode {
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    padding: 0;
    gap: 0px 0px;
}

#hn {
	transition: all .3s;
	width: 100% !important;
}

#hn.scrolled {
    background-color: rgba(0, 78, 100, 1);
	padding-top: 0;
	padding-bottom: 0;
}

#hn .node1 {
    max-width: 20%;
}

#hn .node1 img {
    width: 100%;
}

#hn .node2 {
	display: block;
	animation: rotate360 30s linear infinite;
	transform-origin: center center;
}

#hn .node2 img {
    width: 100%;
}

#hn.scrolled .node2 {
	display: none;
}

@keyframes rotate360 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

#s0 .node1 {
    max-width: 820px;
}

#s1 .navNode {
    position: relative;
}

#s1 .node1 {
    max-width: 780px;
}

#s2 .node1 {
    max-width: 780px;
}

#s3 .node1 {
    max-width: 780px;
}

#s3 .node2 {
    position: relative;
}

#s3 .node2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%);
    background-color: var(--e-global-color-text)
}

#s3 .node3 {
    background: #fff;
    position: relative;
}

#s4 .node1 {
    max-width: 780px;
}

#s5 {}

#s6 {}

#s7 .node1 {
    max-width: 780px;
}

#s8 .node1 {
    max-width: 780px;
}

#s9 .navNode {
    position: relative;
}

#s9 .node1 {
    max-width: 780px;
}

#s10 {}

#s11 .node1 {
    max-width: 780px;
}

#s12 {}

#s13 .node1 {
    max-width: 780px;
}

#s14 {}

#s15 {}

#s16 {}

#s16 .node1 {
    width: calc(100% - 95px);
}

#s17 .navNode {
    position: relative;
}

#s17 .node1 {
    max-width: 780px;
}

#s17 .node2::before {
    content: "";
    width: 1px;
    height: 50px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 50%;
    background-color: rgba(255, 255, 255, .6);
}

#s18 .node1 {
    max-width: 780px;
}

#s19 {}

#s20 {}

#s21 .node1 {
    max-width: 780px;
}

#s22 .node1 {
    max-width: 780px;
}

#s22 .node2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(255, 255, 255, .3);

}

#s23 .node1 {
    max-width: 780px;
}

#fn .node1 {
    max-width: 780px;
}

#fn div.tnp-subscription {
    max-width: initial;
}

#fn label[for="tnp-1"] {
    display: none;
}

#fn .tnp-subscription input[type=email] {
    padding: 20px;
	background-color: #fff;
}

#fn .tnp-subscription label a[href] {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    color: var(--e-global-color-text);
}

#fn .tnp-subscription label a[href]:hover {
    color: var( --e-global-color-706526e );
}

#fn .tnp-submit {
    background-color: #004E6400;
    font-family: "Space Grotesk", Sans-serif;
    font-size: 16px;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.4em;
    fill: var(--e-global-color-706526e);
    color: var(--e-global-color-706526e);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-706526e);
    border-radius: 2px 2px 2px 2px;
    padding: 20px 60px 20px 60px;
	width: 100%;
}

#fn .tnp-submit:hover {
    background-color: var(--e-global-color-706526e);
    color: var(--e-global-color-5cf42f5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    transform: translateY(-8px);
}