@import url('https://fonts.googleapis.com/css?family=Kanit:500|Kanit:200|EB+Garamond:600|EB+Garamond:500&display=swap');#nwWebsite{background-color: rgb(0, 0, 0);}#nwHeaderMessage{background-color: rgb(161, 198, 40);}#nwNavTop li ul, #nwNavSide li ul{background-color: rgb(0, 0, 0);}#nwMobileNav{background-color: rgba(161, 198, 40, 0.5);}#nwWebsite button, #nwWebsite input.button, #nwWebsite .btn, #nwWebsite .nwButton, #nwWebsite .btn.btn-primary{color: rgb(255, 255, 255);background-color: rgb(161, 198, 40);font-family: Kanit;font-weight: 500;}#nwWebsite, #nwContent, #nwWebsite .column:not(.zero), #nwContent p{font-family: Kanit;font-weight: 200;}#nwContent h1{font-size: 3rem;font-family: EB Garamond;font-weight: 600;}#nwContent h2{font-size: 2rem;font-family: EB Garamond;font-weight: 500;}#nwContent h3{font-family: Kanit;font-weight: 500;}#nwWebsite .icon, i.bi{color: rgb(161, 198, 40);}#nwFooter{font-size: 1rem;}#nwHeader.sticky{background-color: rgb(0, 0, 0);}html {
	font-size: 16px;
}
@media (min-width: 1000px) {
 html {
	font-size: 20px;
 }
}
body.scrolling-down #nwHeader {
	top: -200px;
}
body.scrolling-up #nwHeader {
	background: #000;
}
#nwHeader {
	position: relative;
	z-index: 1;
}
@media (min-width: 700px) {
 #nwHeader {
	position: fixed;
	top: 0;
	z-index: 1;
	width: 100%;
	transition: all 0.6s ease;
 }
}

#nwWebsite #nwLogo {
	padding: 0.75em 0;
}
#nwLogo img {
	max-height: 70px;
}

#nwNavTop .nwContainer > .current > span a::before, 
#nwNavTop .nwContainer > .current > a::before, #nwNavTop .nwContainer a::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.5em;
	border-bottom: 2px solid rgb(161,198,40);
	margin: 0 40%;
	transition: all 0.3s ease;
}
#nwNavTop .nwContainer a:not(:hover)::before {
	opacity: 0;
}
#nwNavTop .nwContainer > .current > span a::before, #nwNavTop .nwContainer a:hover::before, 
#nwNavTop .nwContainer > .current > a::before {
	margin: 0 1.1em 0 1em;
	opacity: 1;
}
#nwNavTop li ul {
	border: none;
}
#nwNavTop .nwContainer li ul li a::before {
	content: none;
}


#nwFooter, .greenBg {
	border-top: 2px solid rgba(255,255,255,0.6);
	background: linear-gradient(178deg,#cadc48 7%,#bbd536 7%,#53a01c 93%,#569527 93%);
	color: black;
}
#nwFooter {
	margin-top: var(--spacing);
}
.footerNav a {
	display: inline-block;
	padding: 0.5em;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-transform: uppercase;
}
#nwFooter .nwShare {
	margin: 0;
}
#nwFooter .nwShare .icon {
	color: inherit;
}
#nwSocialLinks {
	display: none;
}
@media (max-width: 699px) {
 #nwContent {
	margin-top: -10rem;
 }
 .nwFooter .flex {
	flex-direction: column;
 }
}


/* row fading */
body#nwWebsite .row {
  opacity: 0;
  transform: translateY(1rem);
  transition: opacity 0.6s ease 0.05s, transform 0.6s ease 0.05s;
}
/* when visible */
body#nwWebsite .row.in-view {
  opacity: 1;
  transform: translateY(0);
}
@media (prefers-reduced-motion: reduce) {
  body#nwWebsite .row {
    transition: none;
    opacity: 1;
    transform: none;
  }
}


.firstBlock {
	padding: 10rem 0 5rem;
	border-bottom: 3px solid;
	border-image-slice: 1;
	border-image-source: linear-gradient(to right,#252525,#5c5c5c,#5b5b5b 20%,#3b3b3b 50%,#373737 80%,#808080);
	background: url(https://cdn.nimbo.com.au/assets/e0c7ccc47b2613c82d10/4711b52340b4de4566b804c9/uploads/bg-gate.png) bottom center repeat-x;
	background-size: 35px auto;
}

.firstBlock h1 {
	animation-name: fadeDown;
	animation-duration: 2s;
	animation-iteration-count: 1;
}
@keyframes fadeDown{
	0%  { 
	 transform: translateY(-1rem); 
	 opacity: 0;
	}
}
.firstBlock + .appHook {
	margin-top: var(--spacing);
}


.font-semibold, strong {
	color: #FFF;
	font-weight: 500 !important;
}

.is-card { background: rgba(255,255,255,0.2); }


@media (min-width: 1000px) {
 .rendered-form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0 1.5rem;
 }
 .rendered-form > div:first-child, 
 .fb-textarea {
	grid-column: span 2;
 }
}


.suppliers {
	display: flex;
	flex-wrap: wrap;
	gap: var(--spacing);
	align-items: center;
}
@media (min-width: 1200px) {
 .suppliers {
	justify-content: space-between;
	padding: 0 calc(var(--spacing) * 2) var(--spacing);
 }
}@media (max-width: 699px) {#nwLogo {width: 250px;}}