#menuku > .menu-text > .gray{
	background-image: linear-gradient(to bottom, #314755, #26a0da);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .ungu{
	background-image: linear-gradient(to top,#ab47bc 0, #4a148c 100%);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .merah{
	background: rgb(139,73,73);
	background: linear-gradient(13deg, rgba(139,73,73,1) 5%, rgba(246,11,11,1) 46%, rgba(252,69,69,1) 96%);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .orange{
	background: linear-gradient(to top, #f12711, #f5af19);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .birumuda{
	background-image: linear-gradient(to top, #603813, #b29f94);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .hijaumuda{
	background-image: linear-gradient(to top,#bdbdbd 0,#000 100%);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .birutua{
	background-image: linear-gradient(120deg,#96e6a1 0,#33691e 100%);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .hijautua{
	background-image: linear-gradient(120deg,#96e6a1 0,#33691e 100%);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .ungud{
	background-image: linear-gradient(to top,#b39ddb 0,#fecfef 99%,#4527a0 100%);
	color: #4a148c;
	font-weight:100;
	text-shadow: 3px 2px 5px rgba(255,255,255,1), 0 -5px 35px rgba(0,0,0,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .birud{
	background-image: linear-gradient(to top,#ffebee 0,#fecfef 100%);
	color: #ad1457;
	font-weight:100;
	text-shadow: 3px 2px 5px rgba(255,255,255,1), 0 -5px 35px rgba(0,0,0,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .birum{
	background-image: linear-gradient(120deg,#e3f2fd 0,#c2e9fb 100%);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
#menuku > .menu-text > .hijum{
	background-image: linear-gradient(to bottom, #2980b9, #6dd5fa, #ffffff);
	color: #FFF;
	font-weight:100;
	text-shadow: 2px 8px 6px rgba(0,0,0,0.5), 0 -5px 35px rgba(255,255,255,0.5);
    -webkit-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	-moz-box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
	box-shadow: -3px 4px 3px 0px rgba(38,8,38,1);
}
.font-gray{
	background: -webkit-linear-gradient(#0d47a1, #64b5f6);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pinggir-gray{
	 border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #0d47a1, #64b5f6);
}
h2.gray{
	color: #1a237e;
	border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #1a237e, #64b5f6);
}
.section-header h2.gray::before{
	background-image: linear-gradient(to bottom, #1a237e, #64b5f6);
}
.font-birutua{
	background: -webkit-linear-gradient(#1b5e20, #ccff90);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pinggir-birutua{
	 border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #1b5e20, #ccff90);
}
h2.birutua{
	color: #1b5e20;
	border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #1b5e20, #ccff90);
}
.section-header h2.birutua::before{
	background-image: linear-gradient(to bottom, #1b5e20, #ccff90);
}
.font-merah{
	background: -webkit-linear-gradient(#ff4444, #CC0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pinggir-merah{
	 border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #ff4444, #CC0000);
}
h2.merah{
	color: #b71c1c;
	border-image-slice: 1;
	border-image-source: linear-gradient(to left, #b71c1c, #ffebee);
}
.section-header h2.merah::before{
	background-image: linear-gradient(to bottom, #b71c1c, #ffebee);
}
.font-orange{
	background: -webkit-linear-gradient(#ffb74d,#ff5722);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pinggir-orange{
	 border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #ffb74d,#ff5722);
}
h2.orange{
	color: #ff6d00;
	border-image-slice: 1;
	border-image-source: linear-gradient(to left, #ff6d00, #fff3e0);
}
.section-header h2.orange::before{
	background-image: linear-gradient(to bottom, #ff6d00, #fff3e0);
}
.font-ungu{
	background: -webkit-linear-gradient(#ab47bc,#4a148c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.pinggir-ungu{
	 border-image-slice: 1;
	 border-image-source: linear-gradient(to left, #ab47bc,#4a148c);
}
h2.ungu{
	color: #4a148c;
	border-image-slice: 1;
	border-image-source: linear-gradient(to left, #ab47bc, #4a148c);
}
.section-header h2.ungu::before{
	background-image: linear-gradient(to bottom, #ab47bc, #4a148c);
}
input, select, .form-control, .custom-file-label {
	border-image-slice: 1;
	border-image-source: linear-gradient(to left, #1a237e, #64b5f6);
}
#header,#footer, thead, .breadcrumbs{
	background: linear-gradient(to top, #616161, #9E9E9E);
	box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
}
#topbar, #topbar a, .nav-menu a, #mobile-nav-toggle i, body.mobile-nav-active #mobile-nav-toggle, #mobile-nav-toggle i.fa-times {
	color: #fff;
}
#topbar{
	background: #212121;
}
.nav-menu li:hover > a, .nav-menu .menu-active > a, a, #header #logo h1 {
  color: #FF8A65;
}
#mobile-nav {
	background: linear-gradient(to top, #e65100, #f5af19);
}
#mobile-body-overly {
	background: rgba(255, 152, 0, 0.7);
}
.back-to-top{
	background: #50d8af;
	color: #fff;
}
thead{
	color: #FFF;
}