/* Custom Styles */
.global-menu {    width: 80%!important;
    right: 0!important;
    /* left: auto!important; */
    margin-left: auto;
    margin-right: auto;
    max-width: 81.875rem;}
.global-menu .global-menu__wrap { width: 50%;}	
.global-menu .secondary-menu { width:40%;}
.secondary-menu p {font-size:15px!important; text-transform:uppercase; color:#ffffff;}
.secondary-menu a {font-size:15px!important; line-height:2!important;} 
.secondary-menu .contact-details {font-size:15px!important; line-height:2!important; border-bottom: 0.0625rem solid hsla(0,0%,85%,.5);
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
padding-top: 0rem;}
.secondary-menu .social-details { line-height:1!important; font-size:15px; vertical-align: top;}
.secondary-menu .social-details ul { display:inline-block; margin:0px!important;}
.secondary-menu ul li {
    display:inline-block;
    float:left;
	padding-right:10px;
}
.secondary-menu ul li i {font-size:17px;}
.secondary-menu .social-details span {
	display: inline-block;
    padding-right: 1.25rem;
	padding-top: 6px;
	vertical-align: top;
}

.meet-the-team-menu {
	    background-color: #3c3c3b;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    width: 70%;
    z-index: 999;
    bottom: 0;
	padding-top: 75px;
	display:none;
}

.meet-the-team-menu .meet-the-team-title { font-size: 45px; padding-left: 20px;}

.meet-the-team-menu .team-builder {background-color: #3c3c3b; padding-bottom: 50px; }
.meet-the-team-menu .member-icons {display:none;}

@media (max-width: 768px) {
	.global-menu {     height: auto!important;display: block!important;padding-top: 30px; padding-left: 5px;}
	.global-menu, .global-menu .global-menu__wrap, .global-menu .secondary-menu{ width:100%!important;}
	
	.meet-the-team-menu {width:100%;}
}




/* Standard Styles */
.fullscreen-menu-wrap {
    top: 0;
    width: 100%;
    height: 100%;
}

.menu-trigger.menu-open-wrap {
	z-index: 1000;
	padding: 0;
	border-radius: 30px;
    background-color: #cacadeff;
    -webkit-box-shadow: 9px 9px 25px 0px rgba(48, 50, 50, 0.49);
	-moz-box-shadow:    9px 9px 25px 0px rgba(48, 50, 50, 0.49);
	box-shadow:         9px 9px 25px 0px rgba(48, 50, 50, 0.49);
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.menu-trigger.menu-open-wrap:hover {
	-webkit-transition: all .3s ease;
	   -moz-transition: all .3s ease;
	    -ms-transition: all .3s ease;
	     -o-transition: all .3s ease;
	        transition: all .3s ease;
}

.menu-trigger.menu-open-wrap .inner-btn-trig {
	position: relative;
	padding: 20px 35px;
}

.menu-trigger.menu-open-wrap .inner-btn-trig::after {
	width: 100%;
    height: 100%;
    box-sizing: border-box;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: 4px solid #18186aff;
    border-radius: 30px;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-name: intervalHamburgerBorder;
    animation-name: intervalHamburgerBorder;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.fullscreen-menu-hiji {
	--color-text: #fff;
	--color-bg: #ddd;
	--color-link: #fff;
	--color-link-hover: #2735da;
	--color-info: #fff;
	--color-main-bg: #171619;
	--path-fill-1: #413f46;
	--path-fill-2: #e6e5ea;
	--path-fill-3: #cccccc;
	--color-title: #fff;
	--font-family-title: 'Montserrat', sans-serif;
	--font-size-title: 7vmax;
	--font-weight-title: 700;
	--color-menu: #171616;
	--color-menu-hover: #ffffff;
	--font-family-menu: 'Montserrat', sans-serif;
	--font-size-menu: 3vmax;
	--font-weight-menu: 700;
	--button-bg: #fff;
	--button-circle: #6b6b6b;
	--button-line: #222;
}

.fullscreen-menu-dua {
	--color-text: #fff;
	--color-bg: #333;
	--color-link: #fff;
	--color-link-hover: #9e9e9e;
	--color-info: #fff;
	--color-main-bg: #efcb7b;
	--path-fill-1: #dce3f1;
	--path-fill-2: #869ccc;
	--path-fill-3: #30436f;
	--path-fill-4: #0d1831;
	--color-title: #fff;
	--font-family-title: inherit;
	--font-size-title: 6vmax;
	--font-weight-title: 200;
	--color-menu: #fff;
	--color-menu-hover: #fff;
	--font-family-menu: inherit;
	--font-size-menu: 4vmax;
	--font-weight-menu: 200;
	--button-bg: #fff;
	--button-circle: #fff;
	--button-line: #222;
}

.fullscreen-menu-tilu {
	--color-text: #fbd54a;
	--color-bg: #333;
	--color-link: #4d4f5f;
	--color-link-hover: #bfb5b5;
	--color-info: #fff;
	--color-main-bg: #24262d;
	--path-fill-1: #000000;
	--path-fill-2: #1d1d1f;
	--path-fill-3: #fbd54a;
	--color-title: #fff;
	--font-family-title: 'Arapey', serif;
	--font-size-title: 5vmax;
	--font-weight-title: 400;
	--color-menu: #000000;
	--color-menu-hover: #fff;
	--font-family-menu: 'Arapey', serif;
	--font-size-menu: 4vmax;
	--font-weight-menu: 400;
	--button-bg: #fff;
	--button-circle: #ada4a4;
	--button-line: #222;
}

.fullscreen-menu-opat {
	--color-text: #fff;
	--color-bg: #333;
	--color-link: #1b198c;
	--color-link-hover: #d3eaa2;
	--color-info: #fff;
	--color-main-bg: #3735d0;
	--path-fill-1: #241e84;
	--path-fill-2: #d3eaa2;
	--color-title: #fff;
	--font-family-title: 'Pompiere', serif;
	--font-size-title: 6vmax;
	--font-weight-title: 300;
	--color-menu: #3735d0;
	--color-menu-hover: #b2dc53;
	--font-family-menu: var(--font-family-title);
	--font-size-menu: 4vmax;
	--font-weight-menu: 300;
	--button-bg: #b3dc53;
	--button-circle: #1b198b;
	--button-line: #fff;
}

.fullscreen-menu-lima {
	--color-text: #c04444;
	--color-bg: #333;
	--color-link: #2d2c2b;
	--color-link-hover: #c14343;
	--color-info: #fff;
	--color-main-bg: #ece7de;
	--path-fill-1: #c04444;
	--path-fill-2: #1b1a19;
	--color-title: inherit;
	--font-family-title: 'Playfair Display', serif;
	--font-size-title: 6vmax;
	--font-weight-title: 700;
	--color-menu: #ffffff;
	--color-menu-hover: #c14343;
	--font-family-menu: var(--font-family-title);
	--font-size-menu: 3.5vmax;
	--font-weight-menu: 400;
	--button-bg: #fff;
	--button-circle: #c14343;
	--button-line: #2d2c2b;
}

.fullscreen-menu-genep {
	--color-text: #120047;
	--color-bg: #333;
	--color-link: #110046;
	--color-link-hover: #e83779;
	--color-info: #fff;
	--color-main-bg: #7115d8;
	--path-fill-1: url(#gradient1);
	--path-fill-2: url(#gradient2);
	--path-fill-3: url(#gradient3);
	--color-title: inherit;
	--font-family-title: 'Rozha One', serif;
	--font-size-title: 8vmax;
	--font-weight-title: 400;
	--color-menu: #ffffff;
	--color-menu-hover: #c14343;
	--font-family-menu: var(--font-family-title);
	--font-size-menu: 3.5vmax;
	--font-weight-menu: 400;
	--button-bg: #120047;
	--button-circle: #9236f7;
	--button-line: #ffffff;
}

/* Fade effect */
/*.js body {
	opacity: 0;
	transition: opacity 0.3s;		
}

.js body.render {
	opacity: 1;
}*/

.fullscreen-menu-hiji a,
.fullscreen-menu-dua a,
.fullscreen-menu-tilu a,
.fullscreen-menu-opat a,
.fullscreen-menu-lima a,
.fullscreen-menu-genep a {
	text-decoration: none;
	color: #5d93d8;
	color: var(--color-link);
	outline: none;
}

.fullscreen-menu-hiji a:hover,
.fullscreen-menu-hiji a:focus,
.fullscreen-menu-dua a:hover,
.fullscreen-menu-dua a:focus,
.fullscreen-menu-tilu a:hover,
.fullscreen-menu-tilu a:focus,
.fullscreen-menu-opat a:hover,
.fullscreen-menu-opat a:focus,
.fullscreen-menu-lima a:hover,
.fullscreen-menu-lima a:focus,
.fullscreen-menu-genep a:hover,
.fullscreen-menu-genep a:focus {
	color: #423c2b;
	color: var(--color-link-hover);
	outline: none;`
}

.hidden {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
	pointer-events: none;
}

/* Icons */
[class^="fullscreen-menu-"] .icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}

[class^="fullscreen-menu-"] .icon--keyboard {
	display: none;
}

[class^="fullscreen-menu-"] main {
	position: relative;
	width: 100%;
}

.fullscreen-menu-hiji .content,
.fullscreen-menu-dua .content,
.fullscreen-menu-tilu .content,
.fullscreen-menu-opat .content,
.fullscreen-menu-lima .content,
.fullscreen-menu-genep .content {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	pointer-events: none;
}

.content--fixed {
	position: fixed;
	top: 0;
	left: 0;
	display: grid;
	align-content: space-between;
	width: 100%;
	max-width: none;
	min-height: 0;
	height: 100vh;
	padding: 1.5em;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto auto 4em;
	grid-template-areas: 'header ...'
	'... ...'
	'github demos';
}

.content--fixed a {
	pointer-events: auto;
}

.global-menu {
	width: 100vw;
	height: 90vh;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	z-index: 100;
}

.demo-5 .global-menu {
	text-align: center;
}

.global-menu__item {
	color: var(--color-menu);
	font-size: var(--font-size-menu);
	font-weight: var(--font-weight-menu);
	opacity: 0;
	transform: translateY(-100%);
	pointer-events: none;
	display: block;
	margin: 0.25em 0;
	transition: transform 0.3s, opacity 0.3s;
	transition-timing-function: ease-in;
}

.global-menu__item--demo-2:nth-child(odd) {
	transform: translateY(-100%) rotate(10deg);
}

.global-menu__item--demo-2:nth-child(even) {
	transform: translateY(-100%) rotate(-10deg);
}

.global-menu__item--demo-3 {
	transition: transform 0.1s, opacity 0.1s;
	transform: translateY(100%);
	transition-timing-function: ease-out;
}

.global-menu__item--demo-4,
.global-menu__item--demo-5 {
	transition: transform 0.1s, opacity 0.1s;
	transition-timing-function: ease-out;
}

.global-menu__item--demo-4 {
	transform: translateX(40%);
}

.global-menu__item--demo-5:nth-child(odd) {
	transform: translateX(100%) rotate(10deg) scale(0.5);
}

.global-menu__item--demo-5:nth-child(even) {
	transform: translateX(100%) rotate(-10deg) scale(0.5);
}

.global-menu__item--demo-6 {
	transform: translateY(100%);
}

.global-menu__item:hover {
	color: var(--color-menu-hover);
}

.global-menu__item.is-opened {
	opacity: 1;
	transform: translateY(0) rotate(0);
	pointer-events: auto;
	transition-timing-function: ease;
}

.global-menu__item--demo-4.is-opened,
.global-menu__item--demo-5.is-opened {
	transform: translateX(0) rotate(0);
}

.global-menu__item--demo-4.is-opened {
	transition-timing-function: cubic-bezier(0.230, 1.000, 0.355, 1.400);
}

.global-menu__item:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__item:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__item:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__item:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

/* demo 2 */
.global-menu__item--demo-2:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item--demo-2.is-opened:nth-of-type(1) {
	transition-delay: 0.85s;
}

.global-menu__item--demo-2:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item--demo-2.is-opened:nth-of-type(2) {
	transition-delay: 0.8s;
}

.global-menu__item--demo-2:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item--demo-2.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__item--demo-2:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item--demo-2.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

/* demo 3 */
.global-menu__item--demo-3.is-opened {
	transition-duration: 0.3s;
}

.global-menu__item--demo-3:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item--demo-3.is-opened:nth-of-type(1) {
	transition-delay: 0.65s;
}

.global-menu__item--demo-3:nth-of-type(2) {
	transition-delay: 0s;
}

.global-menu__item--demo-3.is-opened:nth-of-type(2) {
	transition-delay: 0.7s;
}

.global-menu__item--demo-3:nth-of-type(3) {
	transition-delay: 0s;
}

.global-menu__item--demo-3.is-opened:nth-of-type(3) {
	transition-delay: 0.75s;
}

.global-menu__item--demo-3:nth-of-type(4) {
	transition-delay: 0s;
}

.global-menu__item--demo-3.is-opened:nth-of-type(4) {
	transition-delay: 0.8s;
}

/* demo 4 */
.global-menu__item--demo-4.is-opened {
	transition-duration: 0.6s;
}

.global-menu__item--demo-4:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item--demo-4.is-opened:nth-of-type(1) {
	transition-delay: 0.45s;
}

.global-menu__item--demo-4:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item--demo-4.is-opened:nth-of-type(2) {
	transition-delay: 0.5s;
}

.global-menu__item--demo-4:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item--demo-4.is-opened:nth-of-type(3) {
	transition-delay: 0.55s;
}

.global-menu__item--demo-4:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item--demo-4.is-opened:nth-of-type(4) {
	transition-delay: 0.6s;
}

/* demo 5 */
.global-menu__item--demo-5.is-opened {
	transition-duration: 0.4s;
}

.global-menu__item--demo-5:nth-of-type(1) {
	transition-delay: 0s;
}

.global-menu__item--demo-5.is-opened:nth-of-type(1) {
	transition-delay: 0.55s;
}

.global-menu__item--demo-5:nth-of-type(2) {
	transition-delay: 0.05s;
}

.global-menu__item--demo-5.is-opened:nth-of-type(2) {
	transition-delay: 0.6s;
}

.global-menu__item--demo-5:nth-of-type(3) {
	transition-delay: 0.1s;
}

.global-menu__item--demo-5.is-opened:nth-of-type(3) {
	transition-delay: 0.65s;
}

.global-menu__item--demo-5:nth-of-type(4) {
	transition-delay: 0.15s;
}

.global-menu__item--demo-5.is-opened:nth-of-type(4) {
	transition-delay: 0.7s;
}

/* demo 6 */
.global-menu__item--demo-6.is-opened {
	transition-duration: 0.8s;
}

.global-menu__item--demo-6:nth-of-type(1) {
	transition-delay: 0.25s;
}

.global-menu__item--demo-6.is-opened:nth-of-type(1) {
	transition-delay: 1s;
}

.global-menu__item--demo-6:nth-of-type(2) {
	transition-delay: 0.2s;
}

.global-menu__item--demo-6.is-opened:nth-of-type(2) {
	transition-delay: 1.1s;
}

.global-menu__item--demo-6:nth-of-type(3) {
	transition-delay: 0.15s;
}

.global-menu__item--demo-6.is-opened:nth-of-type(3) {
	transition-delay: 1.2s;
}

.global-menu__item--demo-6:nth-of-type(4) {
	transition-delay: 0.1s;
}

.global-menu__item--demo-6.is-opened:nth-of-type(4) {
	transition-delay: 1.3s;
}

.shape-overlays {
	width: 100vw;
	height: 100vh;
	pointer-events: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
}

.shape-overlays.is-opened {
	pointer-events: auto;
}

.shape-overlays__path:nth-of-type(1) {
	fill: var(--path-fill-1);
}

.shape-overlays__path:nth-of-type(2) {
	fill: var(--path-fill-2);
}

.shape-overlays__path:nth-of-type(3) {
	fill: var(--path-fill-3);
}

.shape-overlays__path:nth-of-type(4) {
	fill: var(--path-fill-4);
}

@-webkit-keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

@keyframes intervalHamburgerBorder {
	0% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	80% {
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(1.6);
		transform: scale(1.6);
	}
}

.hamburger-fullscreen {
	width: 64px;
	height: 64px;
	display: block;
	position: relative;
	cursor: pointer;
	position: fixed;
	top: 2.25em;
	right: 2.25em;
	z-index: 110;
	border-radius: 50%;
	background-color: var(--button-bg);
	pointer-events: auto;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.hamburger-fullscreen.top-right {
	top: 0;
	right: 0;
}

.hamburger-fullscreen.top-left {
	top: 0;
	left: 0;
}

.hamburger-fullscreen.top-center {
	top: 0;
	right: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.hamburger-fullscreen.bottom-right {
	top: unset;
	right: 0;
	bottom: 0;
}

.hamburger-fullscreen.bottom-left {
	top: unset;
	left: 0;
	bottom: 0;
}

.hamburger-fullscreen.bottom-center {
	top: unset;
	right: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.hamburger-fullscreen.center-right {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.hamburger-fullscreen.center-left {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.hamburger-fullscreen.center-top {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.hamburger-fullscreen.center-bottom {
	top: unset;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.hamburger-fullscreen::after {
	width: 64px;
	height: 64px;
	box-sizing: border-box;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	border: 4px solid var(--button-circle);
	border-radius: 50%;
	-webkit-animation-duration: 1.2s;
	animation-duration: 1.2s;
	-webkit-animation-name: intervalHamburgerBorder;
	animation-name: intervalHamburgerBorder;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

.hamburger__line {
	width: 28px;
	height: 2px;
	overflow: hidden;
	position: absolute;
	z-index: 10;
}

.hamburger__line-in {
	width: 84px;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	width: 28px;
	height: 2px;
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-color: #222;
}

.hamburger__line-in::before {
	left: -56px;
}

.hamburger__line-in::after {
	left: 0;
}

.hamburger__line--01,
.hamburger__line--02,
.hamburger__line--03,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	left: 18px;
}

.hamburger__line--01 {
	top: 24.6px;
}

.hamburger__line--02,
.hamburger__line--cross01,
.hamburger__line--cross02 {
	top: 31px;
}

.hamburger__line--03 {
	top: 37.4px;
}

.hamburger__line--cross01 {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.hamburger__line--cross02 {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.hamburger__line {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in {
	-webkit-transition-duration: 0.6s;
	transition-duration: 0.6s;
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}

.hamburger__line-in::before,
.hamburger__line-in::after {
	-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hamburger__line-in--cross01,
.hamburger__line-in--cross02 {
	-webkit-transform: translateX(-33.3%);
	transform: translateX(-33.3%);
}

.hamburger__line-in--01 {
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s;
}

.hamburger__line-in--02 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger__line-in--02::before,
.hamburger__line-in--02::after {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--03 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger__line-in--03::before,
.hamburger__line-in--03::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.0s;
	transition-delay: 0.0s;
}

.hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger__line-in--cross02::before,
.hamburger__line-in--cross02::after {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--01,
.hamburger-fullscreen.is-opened-navi .hamburger__line-in--02,
.hamburger-fullscreen.is-opened-navi .hamburger__line-in--03 {
	-webkit-transform: translateX(33.3%);
	transform: translateX(33.3%);
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--cross01,
.hamburger-fullscreen.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--01 {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--02 {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--03 {
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--cross01 {
	-webkit-transition-delay: 0.25s;
	transition-delay: 0.25s;
}

.hamburger-fullscreen.is-opened-navi .hamburger__line-in--cross02 {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s;
}

.hamburger-fullscreen:hover .hamburger__line-in::before,
.hamburger-fullscreen:hover .hamburger__line-in::after {
	-webkit-transform: translateX(200%);
	transform: translateX(200%);
}

.hamburger-fullscreen:hover .hamburger__line-in--01::before,
.hamburger-fullscreen:hover .hamburger__line-in--01::after,
.hamburger-fullscreen:hover .hamburger__line-in--02::before,
.hamburger-fullscreen:hover .hamburger__line-in--02::after,
.hamburger-fullscreen:hover .hamburger__line-in--03::before,
.hamburger-fullscreen:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger-fullscreen:hover .hamburger__line-in--cross01::before,
.hamburger-fullscreen:hover .hamburger__line-in--cross01::after,
.hamburger-fullscreen:hover .hamburger__line-in--cross02::before,
.hamburger-fullscreen:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}

.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--cross01::before,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--cross01::after,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--cross02::before,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--cross02::after {
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}

.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--01::before,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--01::after,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--02::before,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--02::after,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--03::before,
.hamburger-fullscreen.is-opened-navi:hover .hamburger__line-in--03::after {
	-webkit-transition-duration: 0s;
	transition-duration: 0s;
}


@media screen and (min-width: 55em) {
	.icon--keyboard {
		position: absolute;
		right: 0.55em;
		bottom: -30%;
		display: block;
		width: 54px;
		height: 46px;
		fill: var(--color-link);
	}
	.demos {
		display: flex;
		padding-right: 80px;
		justify-self: end;
	}
	.demo {
		display: block;
		width: 17px;
		height: 17px;
		margin: 0 4px;
		border-radius: 50%;
		background: var(--color-link);
	}
	a.demo--current {
		background: var(--color-link-hover);
	}
	.demo span {
		position: absolute;
		line-height: 1;
		right: 100%;
		display: none;
		margin: 0 1em 0 0;
	}
	.demo--current span {
		display: block;
	}
}

@media screen and (max-width: 55em) {
	.hamburger-fullscreen {
		position: fixed;
		top: 0.5em;
		right: 0.5em;
		transform: scale(0.75);
	}
	.content {
		flex-direction: column;
	}
	.content--fixed {
		position: relative;
		z-index: 0;
		display: block;
		padding: 0.85em;
	}
	.codrops-header {
		flex-direction: column;
		align-items: center;
	}
	.codrops-header__title {
		font-weight: bold;
		padding-bottom: 0.25em;
		text-align: center;
	}
	.github {
		display: block;
		margin: 1em auto;
	}
	.codrops-links {
		margin: 0;
	}
}

/* TUJUH */
.fullscreen-menu-tujuh {
    --color-text: #fff;
    --color-bg: #101010;
    --color-link: #f8d05d;
    --color-link-hover: #949494;
    --color-info: #f0f0f0;
}

.fullscreen-menu-dalapan {
	--color-text: #000;
	--color-bg: #9c9c9c;
	--color-link: #8958b1;
	--color-link-hover: #fff;
	--color-info: #000;
}

.content__title {
	font-size: 2rem;
	margin: 0;
}

.content__date {
	font-size: 1rem;
	padding: 1rem 0;
}

.content__location {
	font-size: 1rem;
}

.content__text {
	max-width: 600px;
	font-size: 1.25rem;
	line-height: 1.4;
	text-align: center;
}

#content-2 {
	background-color: #383f4b;
}

#content-3 {
	background-color: #3d384b;
}

#content-4 {
	background-color: #4b384a;
}

#content-5 {
	background-color: #394b38;
}

#content-6 {
	background-color: #4b4238;
}

.menu-trigger {
	display: none;
}

.grim {
	display: none;
}

.menu-open-wrap {
    position: fixed!important;
    bottom: 1em;
    left: 1em;
    z-index: 1;
}

@media screen and (min-width: 55em) {
	.content__title {
		font-size: 8vw;
	}
	.content__date,
	.content__location {
		font-size: 1rem;
	}
	.menu-trigger {
		display: inline-block;
		background: none;
		border: 0;
		grid-area: menu;
		justify-self: start;
		align-self: end;
		cursor: pointer;
		pointer-events: auto;
		font-family: inherit;
		color: inherit;
		position: relative;
		padding: 0;
		white-space: nowrap;
    	font-size: 16px;
	}

	.menu-trigger--close {
		align-self: center;
	}
	
	.grim {
		display: grid;
		position: fixed;
		z-index: 1000;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		grid-template-columns: repeat(32,3.125vw);
		grid-template-rows: repeat(32,3.125vh);
		pointer-events: none;
	}

	.grim--open {
		pointer-events: auto;
	}

	.grim__item {
		position: relative;
		overflow: hidden;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.grim__item:first-child {
		grid-area: 31 / 1 / 33 / 2;
	}

	.grim__item:nth-child(2) {
		grid-area: 31 / 2 / 33 / 3;
	}

	.grim__item:nth-child(3) {
		grid-area: 29 / 1 / 31 / 3;
	}

	.grim__item:nth-child(4) {
		grid-area: 29 / 3 / 33 / 5;
	}

	.grim__item:nth-child(5) {
		grid-area: 25 / 1 / 29 / 5;
	}

	.grim__item:nth-child(6) {
		grid-area: 25 / 5 / 33 / 9;
	}

	.grim__item:nth-child(7) {
		grid-area: 17 / 1 / 25 / 9;
	}

	.grim__item:nth-child(8) {
		grid-area: 17 / 9 / 33 / 17;
	}

	.grim__item:nth-child(9) {
		grid-area: 1 / 1 / 17 / 17;
	}

	.grim__item:nth-child(10) {
		grid-area: 1 / 17 / 33 / 33;
	}

	.grim__item-bg {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		transform: scale3d(0,0,1);
		opacity: 0;
		box-shadow: 0 0 0 2px currentColor;
		background: currentColor;
	}

	.grim__item-bg--1 { color: #F8D05D; }
	.grim__item-bg--2 { color: #da3b35; }
	.grim__item-bg--3 { color: #302d29; }
	.grim__item-bg--4 { color: #4600f2; }
	.grim__item-bg--5 { color: #f8d15b; }
	.grim__item-bg--6 { color: #4CAF50; }
	.grim__item-bg--7 { color: #1bdde6; }
	.grim__item-bg--8 { color: #da3b35; }
	.grim__item-bg--9 { color: #4600f1; }
	.grim__item-bg--10 { color: #F8D05D; }

	.grim__item-img {
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-repeat: no-repeat;
		background-size: 100% auto;
		background-position: 50% 100%;
		background-color: currentColor;
	}

	.grim__item-img--1 { color: #fcfdff; }
	.grim__item-img--2 { color: #a9bdd6; }
	.grim__item-img--3 { color: #9ed4d4; }
	.grim__item-img--4 { color: #d0bebe; }
	.grim__item-img--5 { color: #df9e98; }

	.fullscreen-menu-dalapan .grim__item-bg--1 { color: #f1d3b9; }
	.fullscreen-menu-dalapan .grim__item-bg--2 { color: #df9e98; }
	.fullscreen-menu-dalapan .grim__item-bg--3 { color: #fcfdff; }
	.fullscreen-menu-dalapan .grim__item-bg--4 { color: #9ed4d4; }
	.fullscreen-menu-dalapan .grim__item-bg--5 { color: #000; }

	.fullscreen-menu-dalapan .grim__item-bg--6 { color: #7296de; }
	.fullscreen-menu-dalapan .grim__item-bg--7 { color: #7c95b5; }
	.fullscreen-menu-dalapan .grim__item-bg--8 { color: #86bfbf; }
	.fullscreen-menu-dalapan .grim__item-bg--9 { color: #af9b9b; }
	.fullscreen-menu-dalapan .grim__item-bg--10 { color: #c57d76; }

	.grim__item-content {
		position: relative;
		color: #fff;
		transition: color 0.3s;
		overflow: hidden;
    	text-decoration: none;
	}

	.grim__item-content:hover,
	.grim__item-content:focus {
		opacity: 0.8;
		color: #ffffff;
		transition: opacity 0.3s;
	}

	.fullscreen-menu-dalapan .grim__item-content {
		position: relative;
	    color: #000;
	    overflow: hidden;
	}

	.fullscreen-menu-dalapan .grim__item-content:hover,
	.fullscreen-menu-dalapan .grim__item-content:focus {
		opacity: 0.8;
		color: inherit;
		transition: opacity 0.3s;
	}

	.grim__item-inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;
		position: relative;
		opacity: 0;
	}

	.grim__item-title {
		font-weight: normal;
		margin: 0;
		font-size: 1.85rem;
		letter-spacing: 0.15rem;
	}

	.grim__item:nth-child(6) .grim__item-title {
		font-size: 2rem;
	}

	.grim__item:nth-child(7) .grim__item-title {
		font-size: 2.25rem;
	}

	.grim__item:nth-child(8) .grim__item-title {
		font-size: 2.45rem;
	}

	.grim__item:nth-child(9) .grim__item-title {
		font-size: 2.65rem;
	}

	.grim__item:nth-child(10) .grim__item-title {
		font-size: 3.85rem;
	}

	.grim__item-desc {
		font-size: 0.85rem;
		margin: 0.5rem 0 0 0;
	}

	.grim__item-desc::after {
		content: '...';
		position: relative;
		display: block;
		font-size: 1.75rem;
	}

	.fullscreen-menu-dalapan .grim__item-desc::after {
	    content: '\2014';
	    position: relative;
	    display: block;
	    font-size: 1.75rem;
	}
}

/* SALAPAN */
.fullscreen-menu-salapan {
	--color-text: #fff;
	--color-bg: #252525;
	--color-link: #fff;
	--color-link-hover: #f20c40;
	--color-bg-item1: #15171b;
	--color-bg-item2: #2c35b7;
	--color-bg-item3: #0f1013;
	--color-bg-item4: #1d2027;
	--color-bg-item5: #0f1013;
	--color-item-alt: #494d54;
	--color-quote: #5b677a;
	--color-info: #57535a;
	--color-title: #e23434;
	--color-tagline: #e2e2e2;
	color: #57585c;
	color: var(--color-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    position: relative;
    width: 100%;
    height: 100%;
}

.fullscreen-menu-salapan .overlay-image {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    z-index: 0;
}

.fullscreen-menu-salapan .icon {
	display: block;
	width: 1.5em;
	height: 1.5em;
	margin: 0 auto;
	fill: currentColor;
}

.fullscreen-menu-salapan .action {
	border: 0;
	color: #fff;
	cursor: pointer;
	padding: 0;
	background: none;
}

.fullscreen-menu-salapan a {
	text-decoration: none;
	color: #ffffff;
}

.fullscreen-menu-salapan a:hover {
	color: var(--color-link-hover);
}

.fullscreen-menu-salapan .action--menu {
	pointer-events: auto;
	position: absolute;
	top: 1.5rem;
	right: 1.5rem;
	z-index: 1000;
	background-color: #cacadeff;
}

.fullscreen-menu-salapan .hamburger-fullscreen::after {
	border: 4px solid #cacadeff;
}

.fullscreen-menu-salapan .action.top-right {
	top: 0;
	right: 0;
}

.fullscreen-menu-salapan .action.top-left {
	top: 0;
	left: 0;
}

.fullscreen-menu-salapan .action.top-center {
	top: 0;
	right: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-salapan .action.bottom-right {
	top: unset;
	right: 0;
	bottom: 0;
}

.fullscreen-menu-salapan .action.bottom-left {
	top: unset;
	left: 0;
	bottom: 0;
}

.fullscreen-menu-salapan .action.bottom-center {
	top: unset;
	right: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-salapan .action.center-right {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.fullscreen-menu-salapan .action.center-left {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.fullscreen-menu-salapan .action.center-top {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-salapan .action.center-bottom {
	top: unset;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-salapan .menu--open .action--menu {
	pointer-events: none;
}

.fullscreen-menu-salapan .action--close {
	position: absolute;
	top: 4.5rem;
	right: 7rem;
	z-index: 1000;
	opacity: 0;
	padding: 0 0.5rem;
}

.fullscreen-menu-salapan .icon--menu {
	width: 32px;
}

.fullscreen-menu-salapan .icon--close {
	width: 16px;
}

.fullscreen-menu-salapan .menu {
	text-align: center;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: grid;
	grid-template-columns: 100%;
	grid-template-rows: repeat(3,33.33%);
	pointer-events: none;
}

.fullscreen-menu-salapan .menu--open {
	pointer-events: auto;
}

.fullscreen-menu-salapan .menu__item {
	width: 100%;
	position: relative;
	overflow: hidden;
}

.fullscreen-menu-salapan .menu__item-inner {
	overflow: hidden;
	transform: translate3d(101%,0,0);
	height: 100%;
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.fullscreen-menu-salapan .menu__item--1 .menu__item-inner {
	background: var(--color-bg-item1);
}
.fullscreen-menu-salapan .menu__item--2 .menu__item-inner {
	background: var(--color-bg-item2);
}
.fullscreen-menu-salapan .menu__item--3 .menu__item-inner {
	background: var(--color-bg-item3);
}
.fullscreen-menu-salapan .menu__item--4 .menu__item-inner {
	background: var(--color-bg-item4);
}
.fullscreen-menu-salapan .menu__item--5 .menu__item-inner {
	background: var(--color-bg-item5);
}

.fullscreen-menu-salapan .menu__item--4, 
.fullscreen-menu-salapan .menu__item--5 {
	display: none;
}

.fullscreen-menu-salapan .label {
	display: none;
}

.fullscreen-menu-salapan .mainmenu__item {
	opacity: 0;
}

.fullscreen-menu-salapan .mainmenu__item,
.fullscreen-menu-salapan .sidemenu__item {
	position: relative;
	overflow: hidden;
	transition: color 0.1s;
	margin: 0.25rem 0;
	display: block;
}

.fullscreen-menu-salapan .sidemenu__item-inner {
	display: block;
	transform: translate3d(0,100%,0);
}

.fullscreen-menu-salapan .menu__item-map {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-size: cover;
	transition: transform 0.8s cubic-bezier(0.2,1,0.8,1);
}

.fullscreen-menu-salapan .menu__item-inner:hover .menu__item-map {
	transform: scale3d(1.1,1.1,1);
}

.fullscreen-menu-salapan .menu__item-hoverlink {
	font-weight: bold;
	text-transform: capitalize;
	position: relative;
	z-index: 1000;
	display: block;
}

.fullscreen-menu-salapan .menu__item-hoverlink:hover {
	color: var(--color-link);
}

.fullscreen-menu-salapan .quote {
	font-size: 2rem;
	padding: 1rem;
	text-align: center;
	max-width: 70%;
	color: var(--color-quote);
}

.fullscreen-menu-salapan .menu__item-link {
	text-align: left;
	align-self: flex-start;
	justify-self: start;
	font-size: 1.5rem;
	width: 100%;
	line-height: 1;
	padding: 2rem ;
	margin: 3rem 0 auto;
	display: flex;
	flex-direction: column;
	height: calc(100% - 3rem);
}

.fullscreen-menu-salapan .menu__item-link::after {
	content: '\27F6';
	display: block;
	margin-top: auto;
	font-size: 0.95rem;
}

@media screen and (min-width: 53em) {
	.fullscreen-menu-salapan .menu {
		width: 100%;
		height: 100vh;
		overflow: hidden;
		position: fixed;
		top: 0;
		left: 0;
		grid-template-columns: 20% 30% 50%;
		grid-template-rows: 60% 40%;
		grid-template-areas: 
            "item3 item2 item1"
            "item4 item5 item1";
	}
	.fullscreen-menu-salapan .menu__item {
		height: 100%;
	}
	.fullscreen-menu-salapan .menu__item--1 {
		grid-area: item1;
	}
	.fullscreen-menu-salapan .menu__item--2 {
		grid-area: item2;
	}
	.fullscreen-menu-salapan .menu__item--3 {
		grid-area: item3;
	}
	.fullscreen-menu-salapan .menu__item--4 {
		grid-area: item4;
	}
	.fullscreen-menu-salapan .menu__item--5 {
		grid-area: item5;
	}
	.fullscreen-menu-salapan .menu__item--4, 
	.fullscreen-menu-salapan .menu__item--5 {
		display: block;
	}
	.fullscreen-menu-salapan .menu__item-inner {
		align-items: center;
	}
	.fullscreen-menu-salapan .label {
		display: block;
		color: var(--color-item-alt);
		position: absolute;
		z-index: 1000;
		font-size: 0.85rem;
		font-weight: bold;
		margin: 0;
		white-space: nowrap;
	}
	.fullscreen-menu-salapan .label--topleft {
		top: 2rem;
		left: 2rem;
	}
	.fullscreen-menu-salapan .label--vert,
	.fullscreen-menu-salapan .label--vert-mirror {
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
	}
	.fullscreen-menu-salapan .label--vert-mirror {
		transform: rotate(180deg);
	}
	.fullscreen-menu-salapan .label--bottomright {
		bottom: 2rem;
		right: 2rem;
	}
	.fullscreen-menu-salapan .label::before {
		content: '------------- ';
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		letter-spacing: -1px;
		margin: 0 0.75rem 0 0;
	}
	.fullscreen-menu-salapan .label--vert::before,
	.fullscreen-menu-salapan .label--vert-mirror::before {
		margin: 0.75rem 0;
	}
	.fullscreen-menu-salapan .mainmenu,
	.fullscreen-menu-salapan .sidemenu {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
	.fullscreen-menu-salapan .mainmenu {
		counter-reset: menuitem;
	}
	.fullscreen-menu-salapan .mainmenu__item {
		font-size: 5vw;
		text-transform: lowercase;
		overflow: visible;
		margin: 0.5rem 0;
		padding: 0 0.5rem;
		position: relative;
		transition: color 0.3s;
	}
	.fullscreen-menu-salapan .mainmenu__item:hover {
		color: var(--color-item-alt);
	}
	.fullscreen-menu-salapan .mainmenu__item::before {
		counter-increment: menuitem;
		content: counters(menuitem, "", decimal-leading-zero);
		position: absolute;
	    font-size: 0.85rem;	
	    top: 25%;
	    left: -1.25rem;
	    color: var(--color-item-alt);
	}
	.fullscreen-menu-salapan .mainmenu__item::after {
		content: '';
		width: 100%;
		top: 58%;
		height: 6px;
		background: var(--color-link-hover);
		position: absolute;
		left: 0;
		opacity: 0;
		transform: scale3d(0,1,1);
		transition: transform 0.3s, opacity 0.3s;
		transform-origin: 100% 50%;
	}
	.fullscreen-menu-salapan .mainmenu__item:hover::after {
		opacity: 1;
		transform: scale3d(1,1,1);
	}
	.fullscreen-menu-salapan .sidemenu__item {
		text-transform: uppercase;
		letter-spacing: 0.15rem;
		font-size: 0.85rem;
	}
	.fullscreen-menu-salapan .menu__item-hoverlink {
		font-size: 1.25rem;
		text-transform: lowercase;
		border-bottom: 2px solid #fff;
		opacity: 0;
		transition: opacity 0.3s;
	}
	.fullscreen-menu-salapan .menu__item-inner:hover .menu__item-hoverlink {
		opacity: 1;
	}
}

/* SAPULUH */
.fullscreen-menu-sapuluh {
	--color-text: #231a16;
	--color-text-secondary: #cf5500;
	--color-bg: #df8f56;
	--color-link: #231a16;
	--color-link-hover: #cf5500;
	--color-focus: #fff;
	color: var(--color-text);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fullscreen-menu-sapuluh a {
	text-decoration: none;
	color: var(--color-link);
	outline: none;
}

.fullscreen-menu-sapuluh a:hover,
.fullscreen-menu-sapuluh a:focus {
	color: var(--color-link-hover);
}

.fullscreen-menu-sapuluh a:focus {
	outline: 2px solid var(--color-focus);
}

.fullscreen-menu-sapuluh main {
	position: relative;
	height: 100%;
	width: 100%;
	display: flex;
	flex-direction: column;
	overflow-x: hidden;
}

@media screen and (min-width: 53em) {
	.fullscreen-menu-sapuluh main {
		overflow: hidden;
	}
}

.fullscreen-menu-sapuluh .nav-toggle {
	cursor: pointer;
	display: inline-block;
    margin: 0;
    line-height: 1;
    position: fixed;
    top: 2em;
    left: 2em;
    z-index: 3;
    outline: 0!important;
}

.fullscreen-menu-sapuluh .nav-toggle.top-right {
	top: 0;
	right: 0;
    left: auto;
}

.fullscreen-menu-sapuluh .nav-toggle.top-left {
	top: 0;
	left: 0;
	right: auto;
}

.fullscreen-menu-sapuluh .nav-toggle.top-center {
	top: 0;
	right: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-sapuluh .nav-toggle.bottom-right {
	top: unset;
	right: 0;
	bottom: 0;
}

.fullscreen-menu-sapuluh .nav-toggle.bottom-left {
	top: unset;
	left: 0;
	bottom: 0;
}

.fullscreen-menu-sapuluh .nav-toggle.bottom-center {
	top: unset;
	right: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-sapuluh .nav-toggle.center-right {
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.fullscreen-menu-sapuluh .nav-toggle.center-left {
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	   -moz-transform: translateY(-50%);
	    -ms-transform: translateY(-50%);
	     -o-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.fullscreen-menu-sapuluh .nav-toggle.center-top {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-sapuluh .nav-toggle.center-bottom {
	top: unset;
	left: 50%;
	bottom: 0;
	-webkit-transform: translateX(-50%);
	   -moz-transform: translateX(-50%);
	    -ms-transform: translateX(-50%);
	     -o-transform: translateX(-50%);
	        transform: translateX(-50%);
}

.fullscreen-menu-sapuluh .nav-toggle:focus {
	outline: 2px solid #fff;
}

.fullscreen-menu-sapuluh .hamburger-fullscreen {
	background-color: #cacadeff;
}

.fullscreen-menu-sapuluh .hamburger-fullscreen::after {
    border: 4px solid #18186aff;
}

.fullscreen-menu-sapuluh #main-nav-toggle {
	position: absolute;
	left: -999em;
}

.fullscreen-menu-sapuluh #main-nav-toggle:checked~nav.main-nav {
	display: flex;
	opacity: 1;
	pointer-events: all;
}

.fullscreen-menu-sapuluh .main-nav__canvas {
	display: none;
}

.fullscreen-menu-sapuluh nav.main-nav {
	transition: 0.3s opacity;
	align-items: center;
	background: #151515;
	justify-content: center;
	display: flex;
	height: 100%;
	left: 0px;
	opacity: 0;
	pointer-events: none;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 3;
}

.fullscreen-menu-sapuluh ul.main-nav__fallback {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.fullscreen-menu-sapuluh ul.main-nav__fallback a {
	font-size: 5vw;
	color: #cf5500;
	text-decoration: none;
}

@media only screen and (min-width: 40.063em) {
	.fullscreen-menu-sapuluh .main-nav__canvas {
		display: block;
		height: 100%;
		left: 0px;
		position: fixed;
		top: 0px;
		width: 100%;
		z-index: 100;
	}
}

.fullscreen-menu-sapuluh .main-nav__close {
	position: fixed;
	left: auto;
	top: 4rem;
    right: 7rem;
	z-index: 101;
	cursor: pointer;
	fill: #df8f56;
}

.fullscreen-menu-sapuluh .main-nav__close svg {
	fill: inherit;
	height: inherit;
}

@media (max-width: 550px) {.all-team p { line-height: 1.6em!important; padding: 0 15px!important; font-size: 12px;}}