@font-face{
	font-family: 'FontAwesome';
	src: url('fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		url('fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		url('fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		url('fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		url('fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal
}

@font-face {
    font-family: 'Montserrat Bold';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Bold.woff2') format('woff2'),
        url('fonts/Montserrat-Bold.woff') format('woff'),
        url('fonts/Montserrat-Bold.ttf') format('truetype'),
        url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Black';
    src: url('fonts/Montserrat-Black.eot');
    src: url('fonts/Montserrat-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Black.woff2') format('woff2'),
        url('fonts/Montserrat-Black.woff') format('woff'),
        url('fonts/Montserrat-Black.ttf') format('truetype'),
        url('fonts/Montserrat-Black.svg#Montserrat-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat ExtraBold';
    src: url('fonts/Montserrat-ExtraBold.eot');
    src: url('fonts/Montserrat-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-ExtraBold.woff2') format('woff2'),
        url('fonts/Montserrat-ExtraBold.woff') format('woff'),
        url('fonts/Montserrat-ExtraBold.ttf') format('truetype'),
        url('fonts/Montserrat-ExtraBold.svg#Montserrat-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat ExtraLight';
    src: url('fonts/Montserrat-ExtraLight.eot');
    src: url('fonts/Montserrat-ExtraLight.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-ExtraLight.woff2') format('woff2'),
        url('fonts/Montserrat-ExtraLight.woff') format('woff'),
        url('fonts/Montserrat-ExtraLight.ttf') format('truetype'),
        url('fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Light';
    src: url('fonts/Montserrat-Light.eot');
    src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Light.woff2') format('woff2'),
        url('fonts/Montserrat-Light.woff') format('woff'),
        url('fonts/Montserrat-Light.ttf') format('truetype'),
        url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Medium';
    src: url('Montserrat-Medium.eot');
    src: url('Montserrat-Medium.eot?#iefix') format('embedded-opentype'),
        url('Montserrat-Medium.woff2') format('woff2'),
        url('Montserrat-Medium.woff') format('woff'),
        url('Montserrat-Medium.ttf') format('truetype'),
        url('Montserrat-Medium.svg#Montserrat-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat SemiBold';
    src: url('fonts/Montserrat-SemiBold.eot');
    src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-SemiBold.woff2') format('woff2'),
        url('fonts/Montserrat-SemiBold.woff') format('woff'),
        url('fonts/Montserrat-SemiBold.ttf') format('truetype'),
        url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Regular';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Regular.woff2') format('woff2'),
        url('fonts/Montserrat-Regular.woff') format('woff'),
        url('fonts/Montserrat-Regular.ttf') format('truetype'),
        url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Montserrat Thin';
    src: url('fonts/Montserrat-Thin.eot');
    src: url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'),
        url('fonts/Montserrat-Thin.woff2') format('woff2'),
        url('fonts/Montserrat-Thin.woff') format('woff'),
        url('fonts/Montserrat-Thin.ttf') format('truetype'),
        url('fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}


/*
.grecaptcha-badge{
	visibility: hidden;
}
*/

/* Smartphone Default*/
.no-padding{
	margin: 0px;
	padding: 0px;
}
.no-padding-left,
.no-padding-right{
	padding: 0px;
}


button,
input,
textarea{
	outline: none;
}

html,
body{
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: 'Montserrat Regular';
	font-size: 12px;
}

p{
	margin-bottom: 10px;
}

.err{
	position: relative;
	display: block;
	width: 100%;
	font-family: 'Montserrat Regular';
	font-size: 16px;
	color: #f00;
	text-align: left;
	display: none;
}
	.text-error,
	.text-error:focus{
		border: solid 1px red;
	}
	
	.header{
		position: fixed;
		display: block;
		z-index: 99;
		height: 60px;
		width: 100%;
		background-color: #fff;
	}
		.frame-header{
			position: relative;
			display: block;
			width: 90%;
			left: 50%;
			transform: translateX(-50%);
		}
			.box-logo{
				position: relative;
				display: inline-block;
				height: 60px;
				padding: 10px;
			}
				.box-logo img{
					height: 40px;
				}
			.btn-menu{
				font-size: 32px;
				color: #ff6f12;
				padding: 0px;
				background: transparent;
				border: none;
				position: absolute;
				right: 0px;
				bottom: 5px;
			}
			.box-menu{
				position: fixed;
				top: 0px;
				left: 100%;
				width: 100%;
				height: 100vh;
				z-index: 999;
				background-color: #fff;
			}
				.close-menu{
					position: relative;
					display: block;
					padding: 10px 20px;
					text-align: right;
				}
					.btn-close-menu{
						font-size: 32px;
						padding: 0px;
						color: #ff6f12;
						background: transparent;
						border: none;
					}
				.menu{
					position: relative;
					display: block;
					padding: 10px 20px;
					color: #ff6f12;
					font-family: 'Montserrat SemiBold';
					font-size: 16px;
					border-bottom: solid 2px #ff6f12;
					cursor: pointer;
				}
				.menu:hover,
				.menu-active{
					color: #fff;
					font-family: 'Montserrat Bold';
					background-color: #ff6f12;
				}
				
				.daftar,
				.search{
					position: relative;
					display: block;
					padding: 10px 20px;
					padding-top: 20px;
					color: #72b442;
					font-family: 'Roboto Reg';
					font-size: 18px;
				}
					.btn-daftar{
						border: none;
						background-color: #78ba41;
						color: #fff;
						font-size: 20px;
						padding: 3px 30px;
						border-radius: 20px;
						font-family: 'Roboto Reg';
					}
						.punya-akun{
							font-size: 12px;
							color: #fff;
							margin-top: 10px;
						}
							.btn-masuk{
								color: #e87e28;
								cursor: pointer;
							}
							.btn-masuk:hover{
								text-decoration: underline;
							}
	
	main{
		position: relative;
		display: block;
		padding-top: 60px;
	}
		.content{
			position: relative;
			display: block;
		}
		.content-home{
			background-image: url('../../images/bg-mobile.jpg');
			background-position: bottom 150px center;
			background-size: 100% auto;
		}
			.frame-content{
				position: relative;
				display: block;
				width: 100%;
				left: 50%;
				transform: translateX(-50%);
			}
				.banner-home{
					position: relative;
					display: block;
					width: 100%;
					padding-bottom: 30px;
				}
					.box-register{
						position: absolute;
						display: block;
						width: 100%;
						text-align: center;
						bottom: 10px;
					}
						.register{
							width: 50%;
							cursor: pointer;
						}
				.box-content{
					position: relative;
					display: block;
					width: 90%;
					left: 50%;
					transform: translateX(-50%);
				}
					.judul-kategori{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						margin-bottom: 10px;
					}
						.judul-kategori img{
							 width: 85%;
						}
					.box-kategori{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						margin-bottom: 20px;
					}
						.kategori-left,
						.kategori-right{
							position: relative;
							display: inline-block;
							width: 100%;
						}
						.kategori-left img,
						.kategori-right img{
							width: 80%;
						}
					.box-prize{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						padding-bottom: 20px;
					}
						.box-prize img{
							width: 100%;
						}
					.box-flow{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						padding-bottom: 20px;
					}
						.isi-flow{
							position: relative;
							display: inline-block;
							width: 49%;
						}
							.isi-flow img{
								width: 100%;
							}
					.frame-rules{
						position: relative;
						display: block;
						width: 100%;
						padding-bottom: 20px;
					}
						.box-rules{
							position: relative;
							display: block;
							background-color: #e6e6e6;
							width: 100%;
							border-radius: 20px;
							overflow: hidden;
						}
							.judul-rules{
								position: relative;
								display: block;
								width: 100%;
								background-color: #e6e6e6;
								padding: 15px 10px;
								text-align: center;
							}
								.judul-rules img{
									width: 70%;
								}
							.isi-rules{
								position: relative;
								display: block;
								width: 100%;
								padding: 20px;
								padding-bottom: 10px;
								background-color: #fff;
								border-radius: 20px;
								font-family: 'Montserrat Semibold';
								font-size: 14px;
								color: #073c64;
							}
								.isi-rules > ul{
									padding-left: 10px;
									list-style-image: url('../../images/Button-Green@2x-m.png');
								}
								.isi-rules > ul > li{
									margin-bottom: 10px;
									padding-left: 10px;
								}
					.box-term{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						padding-bottom: 20px;
					}
						.box-term img{
							width: 100%;
						}
					.box-handbook{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						padding-bottom: 20px;
					}
						.box-handbook img{
							width: 100%;
						}
					.box-home-contact{
						position: relative;
						display: block;
						width: 100%;
						text-align: center;
						padding-bottom: 20px;
					}
						.isi-home-contact{
							position: relative;
							display: inline-block;
							width: 49%;
						}
							.isi-home-contact img{
								width: 100%;
							}
				.banner-footer{
					position: relative;
					display: block;
					width: 100%;
				}
					.info-footer{
						position: relative;
						display: block;
						width: 100%;
						background-color: #fff;
						padding: 20px;
						color: #073c64;
						font-size: 15px;
						text-align: center;
					}
						.judul-info{
							position: relative;
							display: inline-block;
							width: 100%;
							font-family: 'Montserrat Bold';
							margin-bottom: 10px;
						}
						.info-lain{
							position: relative;
							display: inline-block;
							width: 100%;
							font-family: 'Montserrat Regular';
							margin-bottom: 5px;
							cursor: pointer;
						}
						.info-lain:hover{
							font-family: 'Montserrat Bold';
						}
						
		.content-next{
			background-image: url('../../images/bg-mobile.jpg');
			background-position: bottom center;
			background-size: 100% auto;
		}
				.frame-event{
					position: relative;
					display: block;
					width: 90%;
					left: 50%;
					top: -20vw;
					transform: translateX(-50%);
					background: rgba(255, 255, 255, 0.7);
					padding: 25px;
					border-radius: 10px;
					font-size: 14px;
					font-family: 'Montserrat Regular';
				}
					.judul-event{
						position: relative;
						display: block;
						width: 100%;
						font-family: 'Montserrat Bold';
						font-size: 20px;
					}
						.underline-event{
							padding-bottom: 2px;
							border-bottom: solid 3px #555;
						}
					.sub-judul-event{
						position: relative;
						display: block;
						width: 100%;
						font-family: 'Montserrat Bold';
						font-size: 16px;
					}
			.content-faq{
				padding-top: 50px;
			}
				.frame-faq{
					position: relative;
					display: block;
					width: 90%;
					left: 50%;
					transform: translateX(-50%);
					background: rgba(255, 255, 255, 0.7);
					padding: 25px;
					border-radius: 10px;
					font-size: 14px;
					font-family: 'Montserrat Regular';
					margin-bottom: 50px;
				}	
						.box-faq{
							position: relative;
							display: block;
							margin-bottom: 10px;
						}
							.tanya{
								position: relative;
								display: block;
								background-color: #fff;
								padding: 7px;
								padding-left: 25px;
								cursor: pointer;
								border-radius: 10px;
							}
							.tanya:before{
								font-family: 'FontAwesome';
								content:"\f0da";
								position: absolute;
								left: 10px;
								font-size: 16px;
							}
							.pilih-tanya:before{
								font-family: 'FontAwesome';
								content:"\f0d7";
								position: absolute;
								left: 10px;
								font-size: 16px;
							}
							.jawab{
								position: relative;
								display: none;
								background-color: #fff;
								padding: 5px;
								padding-left: 20px;
								border-radius: 10px;
							}
							ul.dashed{
								list-style-type: none;
								padding: 0px;
							}
							ul.dashed > li {
								padding-left: 20px;
								position: relative;
								display: block;
							}
							ul.dashed > li:before {
								content: "-";
								position: absolute;
								left: 5px;
							}
							ul.abjad{
								list-style-type: lower-alpha;
								padding-left: 15px;
							}
							ul.abjad > li{
								padding-left: 5px;
							}
							ul.angka{
								list-style-type: decimal;
								padding-left: 15px;
							}
							ul.angka > li{
								padding-left: 5px;
							}
							
						.btn-contact-us{
							border: none;
							background: #2bce03;
							background: linear-gradient(0deg,#2bce03 0%, #21a101 80%);
							background: -webkit-linear-gradient(0deg,#2bce03 0%, #21a101 80%);
							background: -moz-linear-gradient(0deg,#2bce03 0%, #21a101 80%);
							color: #fff;
							font-family: 'Montserrat Bold';
							font-size: 22px;
							padding: 7px 35px;
							border-radius: 25px;
						}
		
		.content-wall{
			background-image: url('../../images/BG_WALL_OF_FAME.png');
			background-position: bottom center;
			background-size: 100% 100%;
		}
			.header-wall{
				position: relative;
				display: block;
				background-image: url('../../images/WOF_Header.png');
				background-position: top center;
				background-size: 100% auto;
				background-repeat: no-repeat;
			}
				.wall-menu{
					position: relative;
					display: block;
					width: 95%;
					left: 50%;
					padding-top: 10px;
					padding-bottom: 10px;
					transform: translateX(-50%);
					text-align: center;
				}
					.box-wall-menu{
						position: relative;
						display: inline-block;
						width: 45%;
					}
						.box-wall-menu img{
							width: 100%;
						}
					.judul-wall{
						position: relative;
						display: block;
						text-align: center;
						margin-bottom: 10px;
					}
						.judul-wall img{
							width: 80%;
						}
					.logo-wall{
						position: relative;
						display: block;
						text-align: center;
						padding-bottom: 40px;
					}
						.logo-wall img{
							width: 50%;
						}
					.isi-wall{
						position: relative;
						display: block;
						width: 100%;
						left: 50%;
						transform: translateX(-50%);
					}
						.wall-section{
							position: relative;
							display: inline-block;
							width: 49%;
							text-align: center;
							vertical-align: top;
						}
							.wall-section img{
								width: 100%;
								margin-bottom: 10px;
							}
							.img-wall{
								width: 100%;
							}
			.footer-wall{
				position: relative;
				display: block;
				background-image: url('../../images/WEB_Footer Polos.png');
				background-position: top center;
				background-size: 100% auto;
				background-repeat: no-repeat;
				text-align: center;
				font-family: 'Montserrat Bold';
				font-size: 22px;
				color: #073c64;
				padding: 20px 20px;
				padding-top: 40px;
			}
			
			.content-contact{
				padding-top: 50px;
				padding-bottom: 50px;
				min-height: 90vh;
			}
			.group-regis{
				margin-bottom: 15px;
				position: relative;
				display: block;
			}
			.sub-group{
				padding-left: 20px;
			}
				.label-info-regis{
					position: relative;
					display: block;
					width: 100%;
					text-align: center;
					font-size: 18px;
					font-weight: bold;
				}
				.label-regis,
				.text-regis{
					position: relative;
					display: inline-block;
					width: 100%;
					vertical-align: top;
				}
				.label-info-verifikasi{
					position: relative;
					display: block;
					width: 100%;
					text-align: center;
					font-size: 16px;
					padding: 10px 0px;
					margin-top: 30px;
					color: red;
				}
					.box-label{
						background-color: #fff;
						color: #000;
						padding: 7px 10px;
						margin-bottom: 5px;
						font-weight: bold;
						border-radius: 7px;
						font-family: 'Montserrat Bold';
					}
						.label-subinfo{
							font-size: 10px;
							color: #000;
						}
					.text-input{
						font-family: 'Montserrat Regular';
						border: solid 1px #198b9e;
						font-size: 14px;
						border-radius: 7px;
						background-color: #fff;
						width: 100%;
						padding: 6px 10px;
					}
					.box-radio{
						position: relative;
						display: inline-block;
						font-family: Montserrat,Helvetica,Arial,sans-serif;
						font-size: 14px;
						font-weight: bold;
						margin-bottom: 5px;
					}
						.radio-left,
						.radio-right{
							width: 100%;
						}
						.radio-input{
							opacity: 0;
							position: absolute;
						}
						.radio-btn{
							position: relative;
							display: block;
							width: 30px;
							height: 30px;
							background-color: #fff;
							float: left;
							margin-right: 10px;
							border: solid 1px #198b9e;
							border-radius: 50%;
							padding: 4px;
						}
						.select-radio{
							width: 100%;
							height: 100%;
							background-color: #fff;
							border-radius: 50%;
						}
						.selected-radio{
							background-color: #000;
:						}
							.text-radio-btn{
								padding-top: 5px;
							}
				
				.info-akun{
					font-family: 'Montserrat Regular';
					font-size: 14px;
					font-weight: bold;
					color: #000;
				}
					.link-akun{
						color: #f15b28;
						cursor: pointer;
						text-decoration: underline;
					}
			
			
			
			
			
			
			
				.content-body{
					position: relative;
					display: block;
					background-color: #9dd171;
					color: #0f536c;
					padding: 20px;
					font-family: 'Roboto Reg';
					font-size: 16px;
					min-height: 79vh;
				}
				.body-register{
					padding: 30px;
				}
					.box-judul-content{
						position: relative;
						display: block;
						width: 100%;
						margin-bottom: 30px;
					}
						.judul-content{
							position: relative;
							display: inline-block;
							margin-right: 10px;
							font-family: 'Roboto Bold';
							font-size: 28px;
							line-height: 35px;
							border-bottom: solid 4px #ff7000;
						}
					.isi-content{
						position: relative;
						display: block;
						width: 100%;
					}
					
			.link-info-orange{
				color: #ff6d11;
				cursor: pointer;
			}
			.link-info-orange:hover{
				text-decoration: underline;
			}
			
			.btn-home{
				border: none;
				background-color: #ff7000;
				color: #fff;
				font-family: 'Roboto Bold';
				font-size: 14px;
				padding: 5px 30px;
				border-radius: 25px;
				position: absolute;
				left: 50%;
				transform: translateX(-50%);
			}
			.btn-regis-home{
				top: 43vw;
			}
			.btn-contact-home{
				bottom: 35vw;
			}
			.btn-wa-home{
				background-color: #31c631;
				bottom: 25vw;
			}
			.download-handbook-home{
				position: absolute;
				width: 100%;
				bottom: 3vw;
				color: #fff;
				text-align: center;
				font-family: 'Roboto Reg';
				font-size: 18px;
			}
				.download-icon{
					font-size: 32px;
					cursor: pointer;
					color: #fff;
				}
				.download-icon:hover{
					color: #ff7000;
				}
				.link-blue{
					font-family: 'Roboto Bold';
					color: #0f536c;
					cursor: pointer;
				}
				
		.box-case{
			position: relative;
			display: block;
			width: 100%;
			border: solid 2px #afafaf;
			border-radius: 20px;
			overflow: hidden;
			background-color: #d4cdc7;
		}
			.judul-case{
				position: relative;
				display: block;
				padding: 10px 15px;
				font-family: Montserrat,Helvetica,Arial,sans-serif;
				font-weight: bold;
				font-size: 15px;
				background-color: #18899D;
				color: #fff;
				border-bottom: solid 2px #afafaf;
			}
				.sub-judul-case{
					font-size: 14px;
				}
			.soal-case{
				position: relative;
				display: block;
				width: 100%;
				background: url('../../images/bg-soal.png') repeat;
				background-size: 150px auto;
				padding: 20px 0px;
			}
				.judul-soal{
					position: relative;
					display: block;
					text-align: center;
					padding: 10px;
					font-size: 18px;
					font-weight: bold;
				}
					.dl-soal{
						font-size: 14px;
					}
			.jawab-case{
				position: relative;
				display: block;
				padding: 15px;
				padding-top: 0px;
			}
				.line-case{
					position: relative;
					display: block;
					width: 100%;
					border-top: solid 5px #afafaf;
				}			
			
	.footer{
		position: relative;
		display: block;
		background-color: #073c64;
		padding: 20px;
		padding-bottom: 30px;
		font-family: 'Montserrat Regular';
		text-align: center;
		color: #fff;
		font-size:11px;
	}
		.footer-left{
			margin-bottom: 10px;
			text-align: center;
		}
		.footer-right{
			text-align: center;
		}
	
	.btn-blue{
		background-color: #64a5d8;
		color: #fff;
		font-family: 'Roboto Bold';
		font-size: 20px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 25px;
		width: 180px;
		text-align: center;
		padding: 5px 0px;
		border-radius: 15px;
	}

			
			
	

/*Tablet / iPad / Laptop Portraid*/
@media only screen
and (min-width: 601px) {
				.banner-home{
					padding-bottom: 0px;
				}
					.box-register{
						bottom: 50px;
					}
						.register{
							width: 25%;
						}
				.box-content{
					width: 90%;
				}
					.judul-kategori{
						margin-bottom: 10px;
					}
						.judul-kategori img{
							 width: 45%;
						}
					.box-kategori{
						margin-bottom: 20px;
					}
						.kategori-left,
						.kategori-right{
							width: 49%;
						}
						.kategori-left img,
						.kategori-right img{
							width: 100%;
						}
					.box-prize{
						padding-bottom: 20px;
					}
						.box-prize img{
							width: 100%;
						}
					.box-flow{
						padding-bottom: 20px;
					}
						.isi-flow{
							width: 32%;
						}
					.frame-rules{
						padding-bottom: 20px;
					}
						.box-rules{
							width: 90%;
							left: 50%;
							transform: translateX(-50%);
							border-radius: 20px;
						}
							.judul-rules{
								padding: 15px 10px;
							}
								.judul-rules img{
									width: 40%;
								}
							.isi-rules{
								padding: 20px;
								padding-bottom: 10px;
								font-size: 14px;
							}
								.isi-rules > ul{
									padding-left: 20px;
								}
								.isi-rules > ul > li{
									margin-bottom: 10px;
									padding-left: 10px;
								}
					.box-term{
						padding-bottom: 20px;
					}
						.box-term img{
							width: 60%;
						}
						.box-handbook img{
							width: 50%;
							max-width: 350px;
						}
					.box-home-contact{
						padding-bottom: 20px;
					}
						.isi-home-contact{
							width: 30%;
						}
							.isi-home-contact img{
								width: 90%;
							}
					.info-footer{
						padding: 20px;
						font-size: 15px;
					}
						.judul-info{
							width: 100%;
							margin-bottom: 10px;
						}
						.info-lain{
							width: auto;
							margin-bottom: 5px;
							margin-right: 20px;
						}
						
				.frame-event{
					width: 80%;
					top: -13vw;
					padding: 50px;
					border-radius: 10px;
					font-size: 14px;
					font-family: 'Montserrat Regular';
				}
					.judul-event{
						font-size: 28px;
					}
					.sub-judul-event{
						font-size: 20px;
					}
					
				.frame-faq{
					width: 90%;
				}
	
	
	
	
	
	
	
	
	
				.content-body{
					padding: 50px;
					font-size: 16px;
					min-height: 87vh;
				}
				
			.sub-group{
				padding-left: 0px;
			}
				.label-regis{
					width: 35%;
					margin-right: 3%;
				}
				.text-regis{
					width: 60%;
				}
				.sub-group .label-regis{
					padding-left: 30px;
				}
				
			.btn-home{
				font-size: 18px;
				padding: 7px 35px;
				border-radius: 25px;
			}
			.btn-contact-home{
				bottom: 20vw;
			}
			.btn-wa-home{
				bottom: 14vw;
			}
			.download-handbook-home{
				bottom: 3vw;
				font-size: 18px;
			}
	
	.btn-blue{
		font-size: 22px;
		left: 10%;
		transform: none;
		bottom: 50px;
		width: 200px;
		padding: 5px 0px;
		border-radius: 20px;
	}
	
			.judul-case{
				padding: 12px 30px;
				font-size: 20px;
			}
				.sub-judul-case{
					font-size: 16px;
				}
				.judul-soal{
					padding: 10px;
					font-size: 22px;
				}
			.jawab-case{
				padding: 15px 35px;
				padding-top: 0px;
			}
			
			
				.wall-menu{
					width: 80%;
					padding-top: 30px;
					padding-bottom: 10px;
				}
						.box-wall-menu img{
							width: 80%;
						}
						.judul-wall img{
							width: 90%;
						}
					.logo-wall{
						padding-bottom: 100px;
					}
						.logo-wall img{
							width: 40%;
						}
					.isi-wall{
						width: 90%;
					}
							.wall-section img{
								width: 80%;
								margin-bottom: 10px;
							}
							.img-wall{
								width: 80%;
							}
			.footer-wall{
				font-size: 24px;
				padding: 20px 20px;
				padding-top: 50px;
			}
}


/*Tablet / iPad / Laptop Landscape*/
@media only screen
and (min-width: 1024px) {
	.header{
		height: 80px;
	}
			.box-logo{
				height: 80px;
				padding: 10px;
				padding-top: 15px;
			}
				.box-logo img{
					height: 50px;
				}
			
			.btn-menu{
				display: none;
			}
			.box-menu{
				position: absolute;
				top: 8px;
				left: auto;
				right: 5%;
				width: 72%;
				height: auto;
				background-color: transparent;
				text-align: right;
			}
				.close-menu{
					display: none;
				}
				.menu{
					display: inline-block;
					padding: 0px;
					padding-top: 25px;
					padding-bottom: 5px;
					margin-left: 30px;
					font-size: 14px;
					border-bottom: solid 3px transparent;
					vertical-align: top;
				}
				.menu:hover,
				.menu-active{
					background-color: #fff;
					color: #ff6f12;
					border-bottom: solid 3px #ff6f12;
				}
			
	
	main{
		padding-top: 80px;
	}
		.content-home{
			background-image: url('../../images/bg-home.jpg');
			background-position: bottom 150px center;
			background-size: 100% auto;
		}
				.banner-home{
					padding-bottom: 0px;
				}
					.box-register{
						bottom: 100px;
					}
						.register{
							width: 23%;
						}
				.box-content{
					width: 90%;
				}
					.judul-kategori{
						margin-bottom: 10px;
					}
						.judul-kategori img{
							 width: 50%;
						}
					.box-kategori{
						margin-bottom: 20px;
					}
						.kategori-left,
						.kategori-right{
							width: 49%;
						}
						.kategori-left img,
						.kategori-right img{
							width: 90%;
						}
					.box-prize{
						padding-bottom: 20px;
					}
						.box-prize img{
							width: 95%;
						}
					.box-flow{
						width: 90%;
						left: 50%;
						transform: translateX(-50%);
						padding-bottom: 20px;
					}
						.isi-flow{
							width: 32%;
						}
					.frame-rules{
						padding-bottom: 20px;
					}
						.box-rules{
							width: 85%;
							border-radius: 20px;
						}
							.judul-rules{
								padding: 15px 10px;
							}
								.judul-rules img{
									width: 35%;
								}
							.isi-rules{
								padding: 20px;
								padding-bottom: 10px;
								font-size: 16px;
							}
								.isi-rules > ul{
									padding-left: 20px;
								}
								.isi-rules > ul > li{
									margin-bottom: 10px;
									padding-left: 10px;
								}
					.box-term{
						padding-bottom: 20px;
					}
						.box-term img{
							width: 50%;
						}
					.box-home-contact{
						padding-bottom: 20px;
					}
						.isi-home-contact{
							width: 25%;
						}
							.isi-home-contact img{
								width: 90%;
							}
					.info-footer{
						padding: 20px;
						font-size: 15px;
					}
						.judul-info{
							width: auto;
							margin-bottom: 0px;
							margin-right: 20px;
						}
						.info-lain{
							width: auto;
							margin-bottom: 0px;
							margin-right: 20px;
						}
						
		.content-next{
			background-image: url('../../images/bg-home.jpg');
			background-position: bottom center;
			background-size: 100% auto;
		}
				.frame-faq{
					width: 80%;
					padding: 50px;
				}
	
					.box-radio{
						margin-bottom: 0px;
					}
						.radio-left{
							width: 69%;
						}
						.radio-right{
							width: 30%;
						}
	
	
	
	
	
	
	
	
	
						.judul-content{
							font-size: 32px;
							line-height: 35px;
							border-bottom: solid 4px #ff7000;
						}
				.content-body{
					min-height: 71vh;
				}
				.body-register{
					padding: 50px 100px;
				}
				
			.btn-home{
				font-size: 24px;
			}
			.btn-contact-home{
				bottom: 20vw;
			}
			.btn-wa-home{
				bottom: 14vw;
			}
			.download-handbook-home{
				bottom: 3vw;
				font-size: 20px;
			}
			.download-icon{
				font-size: 42px;
			}
			
			.judul-case{
				padding: 15px 40px;
				font-size: 26px;
			}
				.sub-judul-case{
					font-size: 22px;
				}
				
		
				.wall-menu{
					width: 80%;
					padding-top: 30px;
					padding-bottom: 30px;
				}
						.box-wall-menu img{
							width: 80%;
						}
						.judul-wall img{
							width: 70%;
							margin-bottom: 30px;
						}
					.logo-wall{
						padding-bottom: 120px;
					}
						.logo-wall img{
							width: 40%;
						}
					.isi-wall{
						width: 90%;
					}
							.wall-section img{
								width: 80%;
								margin-bottom: 10px;
							}
							.img-wall{
								width: 80%;
							}
			.footer-wall{
				font-size: 32px;
				padding: 30px 20px;
				padding-top: 50px;
			}
		
	
	.footer{
		padding: 30px;
		font-size:12px;
	}
		.box-contact{
			max-width: 530px;
			margin-bottom: 20px;
			font-size: 16px;
		}
	
	.btn-blue{
		font-size: 24px;
		left: 10%;
		bottom: 80px;
		width: 250px;
		padding: 5px 0px;
		border-radius: 20px;
	}
}


/*Laptop / Desktop*/
@media only screen
and (min-width: 1280px) {
	.header{
		height: 100px;
	}
			.box-logo{
				height: 100px;
				padding: 10px;
				padding-top: 20px;
			}
				.box-logo img{
					height: 60px;
				}
			
			.box-menu{
				top: 15px;
			}
				.menu{
					padding-top: 25px;
					padding-bottom: 5px;
					margin-left: 30px;
					font-size: 16px;
					border-bottom: solid 3px transparent;
				}
				.menu:hover,
				.menu-active{
					background-color: #fff;
					color: #ff6f12;
					border-bottom: solid 3px #ff6f12;
				}
	
	main{
		padding-top: 100px;
	}
					.box-register{
						bottom: 120px;
					}
						.register{
							width: 23%;
						}
				.box-content{
					width: 90%;
				}
					.judul-kategori{
						margin-bottom: 10px;
					}
						.judul-kategori img{
							 width: 50%;
						}
					.box-kategori{
						margin-bottom: 20px;
					}
						.kategori-left,
						.kategori-right{
							width: 49%;
						}
						.kategori-left img,
						.kategori-right img{
							width: 90%;
						}
					.box-prize{
						padding-bottom: 20px;
					}
						.box-prize img{
							width: 95%;
						}
					.box-flow{
						width: 90%;
						left: 50%;
						transform: translateX(-50%);
						padding-bottom: 20px;
					}
						.isi-flow{
							width: 32%;
						}
					.frame-rules{
						padding-bottom: 20px;
					}
						.box-rules{
							width: 85%;
							border-radius: 20px;
						}
							.judul-rules{
								padding: 15px 10px;
							}
								.judul-rules img{
									width: 35%;
								}
							.isi-rules{
								padding: 20px;
								padding-bottom: 10px;
								font-size: 16px;
							}
								.isi-rules > ul{
									padding-left: 20px;
								}
								.isi-rules > ul > li{
									margin-bottom: 10px;
									padding-left: 10px;
								}
					.box-term{
						padding-bottom: 20px;
					}
						.box-term img{
							width: 50%;
						}
					.box-home-contact{
						padding-bottom: 20px;
					}
						.isi-home-contact{
							width: 25%;
						}
							.isi-home-contact img{
								width: 90%;
							}
					.info-footer{
						padding: 20px;
						font-size: 15px;
					}
						.judul-info{
							width: auto;
							margin-bottom: 0px;
							margin-right: 20px;
						}
						.info-lain{
							width: auto;
							margin-bottom: 0px;
							margin-right: 20px;
						}
	
	
	
	
	
				.body-register{
					padding: 50px 150px;
				}
	
	.btn-blue{
		font-size: 26px;
		left: 10%;
		bottom: 80px;
		width: 280px;
		padding: 5px 0px;
		border-radius: 20px;
	}
	
	
	
				.wall-menu{
					width: 80%;
					padding-top: 50px;
					padding-bottom: 30px;
				}
						.box-wall-menu img{
							width: 80%;
						}
						.judul-wall img{
							width: 70%;
							margin-bottom: 30px;
						}
					.logo-wall{
						padding-bottom: 180px;
					}
						.logo-wall img{
							width: 40%;
						}
					.isi-wall{
						width: 80%;
					}
							.wall-section img{
								width: 80%;
								margin-bottom: 10px;
							}
							.img-wall{
								width: 80%;
							}
			.footer-wall{
				font-size: 42px;
				padding: 50px 20px;
				padding-top: 80px;
			}
}


/*Desktop 1366*/
@media only screen
and (min-width: 1366px) {
	.header{
		height: 100px;
	}
			.box-logo{
				height: 100px;
				padding: 10px;
				padding-top: 20px;
			}
				.box-logo img{
					height: 60px;
				}
			
			.box-menu{
				top: 15px;
			}
				.menu{
					padding-top: 25px;
					padding-bottom: 5px;
					margin-left: 40px;
					font-size: 16px;
					border-bottom: solid 3px transparent;
				}
				.menu:hover,
				.menu-active{
					background-color: #fff;
					color: #ff6f12;
					border-bottom: solid 3px #ff6f12;
				}
				
					.info-footer{
						padding: 20px;
						font-size: 18px;
					}
				
							.isi-rules{
								font-size: 18px;
							}
				
					.box-register{
						bottom: 150px;
					}
						.register{
							width: 20%;
						}
						
				.frame-event{
					width: 75%;
				}
					.judul-event{
						font-size: 28px;
					}
					.sub-judul-event{
						font-size: 20px;
					}
				
				.frame-faq{
					width: 75%;
				}
		
				
				
			.btn-home{
				font-size: 26px;
			}
			.btn-regis-home{
				top: 40vw;
			}
			.btn-contact-home{
				bottom: 18vw;
			}
			.btn-wa-home{
				bottom: 13vw;
			}
			.download-handbook-home{
				bottom: 5vw;
				font-size: 22px;
			}
}


/*Desktop MAC*/
@media only screen
and (min-width: 1440px) {
			.box-header{
				position: relative;
				display: block;
				width: 90%;
				max-width: 1300px;
				left: 50%;
				transform: translateX(-50%);
			}
			
				.box-content{
					width: 90%;
					max-width: 1200px;
				}
					.judul-kategori{
						margin-bottom: 10px;
					}
						.judul-kategori img{
							 width: 50%;
						}
					.box-kategori{
						margin-bottom: 20px;
					}
						.kategori-left,
						.kategori-right{
							width: 49%;
						}
						.kategori-left img,
						.kategori-right img{
							width: 90%;
						}
					.box-prize{
						padding-bottom: 20px;
					}
						.box-prize img{
							width: 95%;
						}
					.box-flow{
						width: 90%;
						left: 50%;
						transform: translateX(-50%);
						padding-bottom: 20px;
					}
						.isi-flow{
							width: 32%;
						}
					.frame-rules{
						padding-bottom: 20px;
					}
						.box-rules{
							width: 85%;
							border-radius: 20px;
						}
							.judul-rules{
								padding: 15px 10px;
							}
								.judul-rules img{
									width: 35%;
								}
							.isi-rules{
								padding: 20px;
								padding-bottom: 10px;
								font-size: 20px;
							}
								.isi-rules > ul{
									padding-left: 20px;
								}
								.isi-rules > ul > li{
									margin-bottom: 10px;
									padding-left: 10px;
								}
					.box-term{
						padding-bottom: 20px;
					}
						.box-term img{
							width: 50%;
						}
					.box-home-contact{
						padding-bottom: 20px;
					}
						.isi-home-contact{
							width: 25%;
						}
							.isi-home-contact img{
								width: 90%;
							}
					.info-footer{
						padding: 20px;
						font-size: 18px;
					}
						.judul-info{
							width: auto;
							margin-bottom: 0px;
							margin-right: 20px;
						}
						.info-lain{
							width: auto;
							margin-bottom: 0px;
							margin-right: 20px;
						}
				
				
					.logo-wall{
						padding-bottom: 200px;
					}
}


/*Desktop Full HD MAC*/
@media only screen
and (min-width: 1680px) {
			.box-header{
				max-width: 1500px;
			}
			
				.box-content{
					max-width: 1400px;
				}
				
					.box-register{
						bottom: 180px;
					}
						.register{
							width: 20%;
						}
					
					.logo-wall{
						padding-bottom: 250px;
					}
}


/*Desktop Full HD*/
@media only screen
and (min-width: 1920px) {
					.box-register{
						bottom: 200px;
					}
						.register{
							width: 20%;
						}
					
					.logo-wall{
						padding-bottom: 300px;
					}
}