@font-face{
	font-family: Copperplate;
	src: url("../fonts/Copperplate-Gothic-Bold-Regular.ttf");
}
@font-face{
	font-family: ComicSans;
	src: url("../fonts/Comic-Sans-MS-Regular.ttf");
}
@font-face{
	font-family: ComicSansBold;
	src: url("../fonts/Comic-Sans-MS-Bold.ttf");
}
a, a:hover{
	text-decoration: unset;
	color: unset;
}
.pointer{
	cursor: pointer;
}
.container{
	max-width: 640px;
}
.overlay{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: -100%;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.25);
	z-index: 200;
}
.sidemenu-box{
	width: 300px;
	height: 100%;
	padding: 10px 15px;
	background-color: #ffffff;
}
.sidemenu-box ul.sidemenu{
	list-style: none;
	padding: unset;
}
.sidemenu-box ul.sidemenu li{
	font-family: Copperplate;
	margin-bottom: 10px;
}
.sidemenu-box ul.sidemenu li a{
	color: #39545f;
}
.sidemenu-box ul.sidemenu li a:hover{
	color: #3dafbb;
}
.header-box ul.navbar{
	position: absolute;
    top: 40px;
    left: 50%;
    margin-right: -50%;
	transform: translate(-50%, -50%);
	list-style: none;
	display: block;
	width: auto;
	margin-bottom: -56px;
	line-height: 42px;
	font-size: 12px;
	z-index: 100;
	color: #ffffff;
}
.header-box ul.navbar li{
	float: left;
	text-transform: uppercase;
	font-weight: bold;
}
.header-box ul.navbar li:before{
	content: "|";
	margin: 0px 30px;
}
.header-box ul.navbar li.logo-box{
	float: left;
}
.header-box ul.navbar li.logo-box img{
	height: 48px;
}
.header-box ul.navbar li.logo-box:before{
	content: unset;
}
.header-box ul.navbar .navigasi{
	margin-left: 5px;
}
.header-box .owl-box{
	z-index: 0;
}
.header-box svg.divider-small{
	display: none;
	width: 100%;
	height: 10vh;
	margin-top: calc(-10vh + 2px);
	transform: scaleY(-1);
}
.header-box svg.divider-large{
	display: block;
	width: 100%;
	height: 25vh;
	margin-top: calc(-25vh + 2px);
	transform: scaleY(-1);
}
.footer-box{
	position: relative;
	padding-top: 15px;
	padding-bottom: 25px;
	background-color: #3dafbb;
	z-index: 100;
}
.footer-box svg.white-border{
	position: absolute;
	top: -60px;
	width: 100%;
	height: 60px;
	opacity: 0.5;
	transform: scaleY(-1);
}
.footer-box svg.white-border polygon{
	fill: #ffffff;
}
.footer-box svg.green-border{
	position: absolute;
	top: -30px;
	width: 100%;
	height: 31px;
}
.footer-box svg.green-border polygon{
	fill: #3dafbb;
}
.footer-box .judul{
	height: 16px;
	line-height: 16px;
	margin-bottom: 15px;
	padding-left: 20px;
	background-image: url("../img/ic-triangle-dark.png");
	background-repeat: no-repeat;
	background-size: 12px 16px;
	font-size: 14px;
	font-weight: bold;
	color: #39545f;
}
.footer-box .info{
	color: #efefef;
	font-size: 14px;
}
.footer-box .info .social{
	margin: 0px 2.5px;
	font-size: 18px;
}
.content-box{
	background-color: #ffffff;
}
.content-box .menu{
	padding: 25px 10px;
}
.content-box .menu .judul{
	height: 36px;
	line-height: 36px;
	margin-bottom: 5px;
	font-family: Copperplate;
	text-transform: uppercase;
	text-align: center;
}
.content-box .menu .judul span{
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
}
.content-box .menu .gambar{
	height: 180px;
	margin: 0px auto;
	text-align: center;
}
.content-box .menu .gambar img{
	max-height: 180px;
}
.content-box .menu .info{
	font-size: 13px;
	margin-bottom: 10px;
}
.content-box .menu .link{
	display: block;
	height: 28px;
	line-height: 28px;
	margin-left: 15px;
	padding-left: 35px;
	background-image: url("../img/ic-triangle-light.png");
	background-repeat: no-repeat;
	background-size: 24px 28px;
}
.content-box .menu .link span{
	height: 28px;
	line-height: 28px;
	padding: 5px 10px;
	border-radius: 3px;
	background-color: #00cad6;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}
.content-box .information{
	position: relative;
	margin-top: 50px;
	padding-top: 40px;
	padding-bottom: 25px;
	background-color: #39545f;
	z-index: 100;
}
.content-box .information .judul{
	margin-bottom: 15px;
	text-align: center;
	font-size: 24px;
	color: #3dafbb;
}
.content-box .information .judul span{
	padding: 0px 15px;
	border-bottom: 2px solid #3dafbb;
}
.content-box .information .keterangan{
	text-align: center;
	font-size: 14px;
	color: #ffffff;
}
.content-box .information svg.green-light-border{
	position: absolute;
	top: -30px;
	width: 100%;
	height: 30px;
}
.content-box .information svg.green-light-border polygon{
	fill: #81e5ea;
}
.content-box .information svg.green-medium-border{
	position: absolute;
	top: 0px;
	width: 100%;
	height: 35px;
}
.content-box .information svg.green-medium-border polygon{
	fill: #008e99;
}
.content-box .information svg.green-hard-border{
	position: absolute;
	bottom: -35px;
	width: 100%;
	height: 35px;
	transform: scaleY(-1);
}
.content-box .information svg.green-hard-border polygon{
	fill: #39545f;
}
.content-box .page-menu{
	padding-bottom: 75px;
}
.content-box .buddha-bg{
	background-repeat: no-repeat;
	background-position: top center; 
	background-image: url("../img/background.png");
	background-repeat: no-repeat;
	background-size: 400px 800px;
}
.content-box .title-page{
	margin-top: 25px;
	margin-bottom: 20px;
	text-align: center;
	text-transform: uppercase;
	font-family: ComicSansBold;
	font-weight: bold;
	font-size: 36px;
	-webkit-text-stroke: 1px #efefef;
}
.content-box .title-page.komik{
	color: #0085ff;
}
.content-box .title-page.donatur{
	color: #de5600;
}
.content-box .title-page.tips{
	color: #fe0000;
}
.content-box .title-page.giveaway{
	color: #039e4b;
}
.content-box .title-page.pemenang{
	color: #a900ff;
}
.content-box .title-page.kegiatan{
	color: #bc7a00;
}
.content-box .komik-box{
	padding-bottom: 50px;
}
.content-box .komik-box .judul{
	margin-bottom: 10px;
	border-bottom: 2px solid #00cad6;
	text-transform: uppercase;
	font-weight: bold;
	color: #334f5a;
}
.content-box .komik-box .info{
	color: #334f5a;
}
.content-box .komik-box .link{
	padding: 5px;
	background-color: #227792;
	text-transform: uppercase;
	font-family: ComicSans;
	color: #ffffff;
}
.content-box .komik-box .row{
	padding: 0px 10px;
}
.content-box .komik-box .row .col-custom{
	padding: 0px 7.5px;
}
.content-box .donatur-box{
	margin-bottom: 20px;
}
.content-box .donatur-box .link{
	display: inline-block;
	height: 36px;
	line-height: 25px;
	padding-left: 35px;
	background-image: url("../img/ic-triangle-blue.png");
	background-repeat: no-repeat;
	background-size: 24px 36px;
}
.content-box .donatur-box .link span{
	display: inline-block;
	min-width: 150px;
	height: 36px;
	padding: 5px 10px;
	background-color: #0073ff;
	text-align: center;
	font-family: ComicSans;
	color: #ffffff;
}
.content-box .tips-box{
	padding-bottom: 50px;
}
.content-box .tips-box .judul{
	margin-bottom: 10px;
	border-bottom: 2px solid #00cad6;
	text-transform: uppercase;
	font-weight: bold;
	color: #334f5a;
}
.content-box .tips-box .info{
	color: #334f5a;
}
.content-box .tips-box .link{
	padding: 5px;
	background-color: #227792;
	text-transform: uppercase;
	font-family: ComicSans;
	color: #ffffff;
}
.content-box .tips-box .row{
	padding: 0px 10px;
}
.content-box .tips-box .row .col-custom{
	padding: 0px 7.5px;
}
.content-box .giveaway-box{
	margin-bottom: 50px;
}
.content-box .giveaway-box .giveaway{
	float: left;
	width: 84px;
	margin: 0px auto;
	text-align: center;
}
.content-box .giveaway-box .giveaway img{
	max-height: 84px;
}
.content-box .giveaway-box .judul-box{
	float: left;
	width: calc(100% - 84px);
}
.content-box .giveaway-box .judul-box .judul{
	margin-bottom: 5px;
	border-bottom: 2px solid #00cad6;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #334f5a;
}
.content-box .giveaway-box .judul-box .judul .nama{
	float: left;
}
.content-box .giveaway-box .judul-box .judul .status{
	float: right;
}
.content-box .giveaway-box .judul-box .judul .status.Buka{
	color: #00aa00 !important;
}
.content-box .giveaway-box .judul-box .judul .status.Tutup{
	color: #ff0000 !important;
}
.content-box .giveaway-box .judul-box .hadiah-box .hadiah{
	display: inline-block;
	width: 32px;
}
.content-box .giveaway-box .judul-box .hadiah-box .hadiah img{
	max-height: 48px;
}
.content-box .giveaway-box .judul-box .hadiah-box .nama{
	display: inline-block;
	width: calc(100% - 40px -100px);
	color: #334f5a;
}
.content-box .giveaway-box .judul-box .hadiah-box .tombol{
	float: right;
	width: 100px;
	margin-top: 10px;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #227792;
	text-transform: uppercase;
	font-family: ComicSansBold;
	font-size: 12px;
	color: #ffffff;
}
.content-box .giveaway-box .isi{
	display: none;
	margin-right: -20px;
	margin-top: 10px;
	padding: 10px;
	border: 3px solid #00cad6;
	border-radius: 5px;
	background-color: #d1feff;
}
.content-box .giveaway-box.on .isi{
	display: block;
	color: #334f5a;
}
.content-box .giveaway-box .isi .identitas-giveaway{
	margin-bottom: 20px;
}
.content-box .giveaway-box .isi .identitas-giveaway .label-identitas{
	margin-bottom: 0px;
	font-weight: bold;
}
.content-box .giveaway-box .isi .identitas-giveaway .input-identitas{
	width: 100%;
	margin-bottom: 10px;
	padding: 5px 10px;
}
.content-box .giveaway-box .isi .submit-giveaway{
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px 20px;
	border: unset;
	background-color: #227792;
	text-transform: uppercase;
	font-family: ComicSansBold;
	font-size: 14px;
	color: #ffffff;
}
.content-box .giveaway-box .isi .qna-box{
	margin-bottom: 30px;
}
.content-box .giveaway-box .isi .qna-box .triangle{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	background-image: url("../img/ic-triangle-dark.png");
	background-repeat: no-repeat;
	background-size: 16px 24px;
}
.content-box .giveaway-box .isi .qna-box .question{
	margin-bottom: 10px;
	margin-left: 24px;
	font-weight: bold;
	font-size: 16px;
}
.content-box .giveaway-box .isi .qna-box .question .lbl{
	float: left;
	width: 115px;
}
.content-box .giveaway-box .isi .qna-box .question .txt{
	float: left;
	width: calc(100% - 115px);
}
.content-box .giveaway-box .isi .qna-box .answer{
	margin-left: 24px;
}
.content-box .giveaway-box .isi .qna-box .answer .lbl{
	float: left;
	width: 81px;
	font-weight: bold;
}
.content-box .giveaway-box .isi .qna-box .answer .txt{
	float: left;
	width: calc(100% - 81px);
	padding: 5px 10px;
	border-radius: 5px;
	background-color: #ffffff;
	text-align: justify;
}
.content-box .giveaway-box .isi .qna-box .answer .txt.input{
	border-radius: unset;
	border: 1px solid #000000;
}
.content-box .pemenang-box{
	margin-bottom: 50px;
}
.content-box .pemenang-box .hadiah{
	float: left;
	width: 64px;
	margin: 0px auto;
	text-align: center;
}
.content-box .pemenang-box .hadiah img{
	max-height: 64px;
}
.content-box .pemenang-box .judul{
	float: left;
	width: calc(100% - 64px);
	margin-top: 24px;
	margin-bottom: 16px;
	line-height: 24px;
	border-bottom: 2px solid #00cad6;
	text-align: center;
	text-transform: uppercase;
	font-size: 16px;
	font-weight: bold;
	color: #334f5a;
}
.content-box .pemenang-box .judul span{
	float: left;
	display: block;
	width: 20px;
	height: 20px;
	margin-top: 5px;
	background-image: url("../img/ic-triangle-light.png");
	background-repeat: no-repeat;
	background-size: 12px 16px;
}
.content-box .pemenang-box .isi{
	display: none;
	margin-right: -20px;
	margin-top: 10px;
	padding: 10px;
	border: 3px solid #00cad6;
	border-radius: 5px;
	background-color: #d1feff;
}
.content-box .pemenang-box .isi .foto{
	float: left;
	height: 200px;
	margin: 10px;
}
.content-box .pemenang-box.on .isi{
	display: block;
}
.content-box .kegiatan-box{
	margin-bottom: 25px;
}
.content-box .kegiatan-box .judul{
	line-height: 24px;
	border-bottom: 2px solid #00cad6;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px;
	font-weight: bold;
	color: #334f5a;
}
.content-box .kegiatan-box .judul span{
	float: left;
	display: block;
	width: 24px;
	height: 24px;
	margin-top: 2px;
	background-image: url("../img/ic-triangle-light.png");
	background-repeat: no-repeat;
	background-size: 14px 20px;
}
.content-box .kegiatan-box .isi{
	display: none;
	margin-right: -20px;
	margin-top: -2px;
	padding: 10px;
	border: 3px solid #00cad6;
	border-radius: 5px;
	background-color: #d1feff;
}
.content-box .kegiatan-box .isi .foto{
	float: left;
	height: 200px;
	margin: 10px;
}
.content-box .kegiatan-box.on .judul{
	border-bottom: unset;
}
.content-box .kegiatan-box.on .isi{
	display: block;
}
@media (max-width:640px){
    .header-box ul.navbar{
        top: 30px;
    }
    .header-box ul.navbar li.logo-box img{
    	height: 36px;
    }
	.header-box ul.navbar li:before{
		margin: 0px 7.5px;
	}
	.header-box svg.divider-small{
		display: block;
	}
	.header-box svg.divider-large{
		display: none;
	}
	.footer-box .judul{
	    font-size: 12px;
	}
	.footer-box .row{
		padding: 0px 5px;
	}
	.footer-box .menu{
		padding: 0px 10px;
	}
	.footer-box .menu .info{
		font-size: 12px;
	}
	.content-box .menu{
		padding: 25px 10px;
	}
	.content-box .menu .gambar{
		height: 140px;
	}
	.content-box .menu .gambar img{
		max-height: 125px;
	}
	.content-box .menu .judul span{
		font-size: 14px;
	}
	.content-box .menu .info{
		font-size: 12px;
	}
	.content-box .menu .link{
		height: 16px;
		line-height: 16px;
		margin-left: 5px;
		padding-left: 15px;
		background-size: 10px 16px;
	}
	.content-box .menu .link span{
		height: 16px;
		line-height: 16px;
		font-size: 12px;
		padding: 5px;
	}
	.content-box .title-page{
		margin-top: 10px;
		font-size: 24px;
	}
	.content-box .komik-box .info{
		margin-bottom: 10px;
	}
	.content-box .komik-box .info, .content-box .komik-box .link{
		font-size: 12px;
	}
	.content-box .giveaway-box .judul-box .hadiah-box .nama{
		font-size: 12px;
	}
	.content-box .giveaway-box .isi, .content-box .kegiatan-box .isi, .content-box .pemenang-box .isi{
		margin-right: 0px;
	}
}