html.scaled * {
    box-sizing: border-box;
    transition: 0.25s all;
}

html {
	font-size: 1px;
	transition: 0s all;
}

body {
	height: 100vh;
	overflow: hidden;
}

iframe {
	max-width: 100%;
}
b, strong {
	font-weight: bold;
}

.m-a {
    margin: auto
}

div .mh-0 {
	margin-top: 0;
	margin-bottom: 0;
}

.dn {
	display: none;
}

.df {
	display: flex;
}

.db {
	display: block;
}

.dib {
	display: inline-block;
}

.di {
	display: inline;
}

.pr {
	position: relative;
}

.pa {
	position: absolute;
}

.tt-c {
  text-transform: capitalize;
}

/* pure */
.pure-g {
    position: relative;
	align-content: center;
	height: 100%;
    margin: auto;
}

[class^="pure-u-"] {
    padding-left: var(--12);
    padding-right: var(--12);
}

.pure-inner {
    position: relative;
    height: 100%;
}

.md_width_full {
	width: 100%;
}

.module-columns_x1 .md_width_full [class^="pure-u-"] {
	padding-left: 0;
	padding-right: 0;
}

.ai-c {
	align-items: center;
}

.va-t, .va-t [class^="pure-u-"], div .va-t > [class^="pure-u-"]  {
	align-content: start;
}

.va-m, .va-m [class^="pure-u-"], div .va-m > [class^="pure-u-"] {
	align-content: center;
}

.va-b, .va-b [class^="pure-u-"], div .va-b > [class^="pure-u-"]  {
	align-content: end;
}

.va-m, .va-m [class^="pure-u-"] .pure-inner {
	height: auto;
}

.va-b [class^="pure-u-"] .pure-inner {
	height: auto;
}

.f-vc {
	display: flex;
	align-items: center;
	height: 100%;
}

.list-none {
	list-style: none;
	padding-right: 0;
}

.banner-heading-wrap {
	align-self: center;
}

.invisible {
	opacity: 0;
	pointer-events: none;
}

button {
	border: none;
	background-color: transparent;
}

button:hover {
	cursor: pointer;
	background-color: transparent;
}

section .anchor {
	transform: translateY(-12.5vh);
}

.accordion-parent .anchor {
	transform: translateY(-12.5vh);
	display: block;
}

.section-visible .anchor {
	transform: translateY(0);
}

.anchor {
	position: absolute;
	top: 0;
}

::before, ::after {
    transition: 0.25s all;
}

.before, .after {
	position: relative;
	display: block;
}

.before::before, .after::after {
	position: absolute;
	content: '';
	top: 0rem;
	left: 0rem;
	width: 100%;
	height: 100%;
	mask-image: url('../images/icon-tick.svg');
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	z-index: 1;
	background-color: var(--black);
}

section {
	overflow: hidden;
}

section .section-inner {
	opacity: 0;
	transform: translateY(12.5vh);
	transition: transform 2s,opacity 2s;
	z-index: 0;
}

section.section-visible .section-inner {
	opacity: 1;
	transform: translateY(0);
	z-index: 1;
}

#page {
	position: relative;
	overflow-x: hidden;
	overflow-y: scroll;
	height: 100%;
	height: 100vh;
	height: 100dvh;
}

*:first-child, .sg-h:first-child {
	margin-top: 0;
}

*:last-child, .sg-h:last-child {
	margin-bottom: 0;
}

picture {
	display: block;
}

picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
}

img {
	max-width: 100%;
	height: auto;
    display: block;
}

.tal {
    text-align: left;
}

.tac {
    text-align: center;
}

.tar {
    text-align: right;
}

/* image */
.image-wrap img {
	object-fit: cover;
	height: 100%;
	width: 100%;
}

.iw-c img {
	object-fit: contain;
}
/* image */


.h-f {
	height: 100%;
}


@media (max-width:1023px) {
.desktop {
	display: none !important;
}
}