body{
	background-color: #000000;
	font-family: 'Bebas Neue', cursive;
	color: #ffffff;

}
:root {
	/* Base font size */

	
	/* Set neon color */
	--neon-text-color: #f40;
	--neon-border-color: rgb(5, 116, 38);
  }
.box-timer
{
	width: 99%;
	border: 2px solid;
	border-image-slice: 1;
	border-width: 2px;
	border-image-source: linear-gradient(to left, #00C853, #B2FF59);
	border-radius: 5px;
}
.cover-bg
{
	background: url('../img/text2.png');
	background-size: 100%;
	background-repeat: no-repeat;
}
.p_utama_100_orang
{
	margin-left: 0%;
	font-size: 1.2rem;
	color: #333333;
	
	font-family: 'Oswald', sans-serif !important;
}
.nongkrong_landing
{
	font-family: 'Oswald', sans-serif !important;
}
.slider {
	width: 90%;
	margin: 10px auto;
}

.slick-slide {
	margin: 0px 20px;
}

.slick-slide img {
	width: 100%;
}

.slick-prev:before,
.slick-next:before {
	color: black;
}

h2{
	font-family: 'Oswald', sans-serif;
}
h3{
	font-family: 'Oswald', sans-serif;
}
.slick-slide {
	transition: all ease-in-out .3s;
	opacity: .2;
}

.slick-active {
	opacity: .5;
}

.slick-current {
	opacity: 1;
}

.img-home
{
	padding-top: 50px;
	max-width: 100%;
}
.row-data
{
	max-width: 1200px;
}
 .active{
    font-weight: bolder !important;
	color:#000000 !important;
    font-size: 1.5rem;

	
}
.tab-pane 
{
	min-height: 100vh;
}
.color-white 
{
	color:#FFFFFF ;
}
.segment-home-s
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	
	background: url(../img/sob/bg.jpg) no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	

	
}
.segment-second-winner
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	
	background: url(../img/sob/bgwinner.jpg) no-repeat center center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
	

}
.image-download
{
	width: 90%;
}
.tanggal-download
{
	font-family: 'Oswald','Gentium Book Basic', serif;

	font-weight: 100;
	font-size: 1.5rem;
}
.segment-second-s
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	min-height: 80vh !important;
	background: url(../img/sob/bg1.jpg) no-repeat top center ; 
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
	

}
.image_hadiah
{
	width:95%;
	max-width: 1200px;
}
.image-selamat
{
	max-width: 90%;
	padding-top: 20%;
}
.segment-home-d
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	/*min-height: 80vh !important;*/
	background: url(../img/sob/bg.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	
}
.form_label
{
	width: 100%;
	position: relative;
	font-size: 1.2rem;
	color: #ffffff;
	/*font-family: 'Oswald', sans-serif;*/
	font-family: 'Bebas Neue', cursive;
}
.social-media
{
  position: relative;
  float: right;
  right: 5%;
}

.margin-top-custom
{
	margin-top: 3%;
}
.form_input_tanggal
{
	font-size: 1.4rem;
	background-color: #ffffff;
	color: black;
	border-radius: 5px;
	border: none;
	margin-left: 5px;
}
.link_data,.link_data:hover
{
	color: #660000;
	text-decoration: underline;
}
.button-register
{
	background-color: #922820;
	cursor: pointer;
	color: #ffffff;
	border: none;
	border-radius: 5px;
	min-width: 200px;
	padding: 10px 15px;
	padding-left: 30px;
	padding-right: 30px;
}
.footer-text
{
	margin-top: 20px;

	margin-bottom: 20px;
}
.button-register2
{
	background-color: #a50000;
	padding: 10px;
	color: #ffffff;
	border: none;
	border-radius: 1px;
	width: 30%;

}
.form_label
{
	padding-top: 10px;;
}
.form_input
{
	font-size: 1.5rem;
	background-color: #ffffff;
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 5px;
	border: none;
	width: 80%;
	padding: 1px 15px;
}
.form_input_2
{
	width: 100%;
}
.logo__
{
	max-width: 300px;
	width: 100%;
}
.trans-bg
{
	background-color: rgba(255, 255, 255, 0.5);
}
.trans-bg2
{
	background-color: rgba(0, 0, 0, 0.5);
}
.snas
{
	padding-top: 10px;
	padding-bottom: 10px;
	text-indent: 20px;
}
.set_calendar
{
	color: #ffffff;
	margin-top: 7%;
	margin-left:20px;
	font-size: 1.5rem;
	font-weight: bold;
}
.p_utama
{
	margin-left: 0%;
	font-size: 1.2rem;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
}
.p_utama2
{
	margin-left: 5%;
	font-size: 1.5rem;
	color: #333333;

	width: 80%;
}
.utama_h1
{
	margin-top: 8%;
	margin-left: 5%;
	font-size: 3rem;
	color: #ffffff;
	letter-spacing: 1rem;;
}
.btn-join
{
	margin-left: 5%;
}
.segment-nongkrong
{
	background: url('../img/bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 600px;
	background-position: top center;
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.nopadding
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.btn-register
{
	border-radius:7px;
	padding: 5px 20px;
	margin-top: 5px;
	cursor: pointer;
}

.numar
{
	max-width:350px;
}
.slider_
{
	max-width: 100%;
}
a,a:hover
{
	color:#ffffff;
}
.text-utama
{
	font-size: 1.4rem;
	color: #ffffff;
}

.copyright
{
	color: #ffffff;
	font-size: 0.9rem;
	margin-top: 30px;
}
.menu_utama
{
	position: absolute;
	top: 40px;
	left: 0px;
	width: 100%;
	z-index: 1000;
}
.meka
{
	max-width: 100%;
	padding-left:0px;
	padding-right:0px;
}
.img-load
{
	width: 80%;
}
.mkanisme-row
{
	margin-top: 40px;
	margin-left: 0px;
	margin-right: 0px;
}
.next-gen
{
	padding-left: 0px !important;
	padding-right: 0px !important;
}
.imgae_mcsa
{
	margin-top:50px;
	max-width: 1000px;
	width:100%;
}
.imgae_mcsa_1
{
	margin-top:50px;
	max-width: 900px;
	width:100%;
}
.mecanism
{
	background: url('../upload/bg_.png');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 400px;
	background-position: top center;


	opacity: 0.9; 

}
.no-gutter.row,
.no-gutter.container,
.no-gutter.container-fluid{
	margin-left: 0;
	margin-right: 0;
}

.no-gutter>[class^="col-"]{
	padding-left: 0;
	padding-right: 0;
}

/*TNC*/
.row-tnc
{
	color: #ffffff;
	font-size: 1.2rem;

}
.img-bbg
{
	padding-top: 200px;
}
.cont-tnc
{
	
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 800px;
}
.ultnc
{
	list-style-type:decimal;
}
.img-whatson {
	max-width: 50%;
	height: auto;
}
/*=*/
@media only screen and (max-width: 480px) {

	.img-pilsener {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50% !important;
		float: none;
	}
	.img-whatson {
		max-width: 50%;
		height: auto;
	}
.set_calendar{
	margin-left: 31% !important;
}
.btn-join{
margin-right: 13% !important;
}

}
@media only screen and (min-width: 800px) {
	
	.text-utama
	{
		padding-top:40px;
	}
	.imgae_mcsa
	{
		margin-top:50px;
		max-width: 1000px;
	}
}


.bg-red {

	background: url('../img/bgmenu.png') !important;
}

.bg-white {

	background-color: #ffffff;
}

/*image calendar style */
.center-block {
	margin-left:auto;
	margin-right:auto;
	display:block;
}
.img__wrap {
	position: relative;

	overflow: hidden;

}
.toppper
{
	margin: 50px;
}
.masxi
{
	max-width: 1320px;
}
.navbar {
	transition: top 0.5s ease;
}

.navbar-hide {
	top: -356px;
}

/*footer*/

.img-pilsener
{
	margin-top:50px;
	max-width: 259px;
	float: right;
	width: 100%;
}
.ul_sans
{
	color: #ffffff;
	list-style-type: none;
	text-align: left;
	margin-top:70px;
	float: right;


}
.ul_sans_left
{
	color: #ffffff;
	list-style-type: none;
	text-align: left;
	margin-top:70px;
	float: left;

}

.row_footer
{
	border-top:3px #b00606 solid;
	min-height: 200px;


}
.segment-footer
{
	background-color: #000000;
	min-height: 50px;;

}
/*endfooer*/

/*AGE LIMITER */
.text-age
{
	color: #ffffff;
	padding-top: 30px;

}
input[type='number'] {
	-moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
}
.btn-input
{
	background-color: #ffffff;
	color: #b00606;
	margin-top:40px;
	font-weight: bolder !important;
}
.btn-awal
{

	margin-top:40px;
	font-weight: bolder !important;
}
.uij
{
	max-width: 70px;
	margin-top: 40px;
}
.tanggal_age
{

	font-size: 5rem;
	color: #ffffff;
	background: transparent;
	text-align: center;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	width: 6rem;
	margin-left:10px;
	margin-right:10px;
}
.tahun_age
{

	font-size: 5rem;
	color: #ffffff;
	background: transparent;
	text-align: center;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	width: 10rem;
	margin-left:10px;
	margin-right:10px;
}
.h-100-bintang
{
	height: 100vh;
	width: 100%;
}
.bg_age
{
	background-color: none;
}
/*END AGE LIMITER */




/* VOTE */
.general_container
{
	min-height: 80vh;
}
/*END VOTE*/


.img__description_layer {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(255, 0, 0, 0.7);
	color: #fff;
	visibility: hidden;
	opacity: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 1.5rem;

	/* transition effect. not necessary */
	transition: opacity .2s, visibility .2s;
}
.fluida
{
	max-width: 1920px !important;
}
.img__wrap:hover .img__description_layer {
	visibility: visible;
	opacity: 1;
}

.img__description {
	transition: .2s;
	transform: translateY(1em);
}

.img__wrap:hover .img__description {
	transform: translateY(0);
}
/* end image style */

/*nav utama*/

.nav .navbar-nav li a{
	color: white !important;
	font-weight: 500;
	font-size: 1.2rem;


}
.nav .navbar-nav li a:hover{

	font-weight: 500;
	font-size: 1.2rem;


}
.navbar {
	background: rgba(255, 255, 255, 0);
	z-index: 1000;
}
@media only screen and (max-width: 800px) {
	.py-5 {
		padding-top: 0rem!important; 
   }
	.img__description
	{
		font-size: 1rem;
	}
	.numar
	{
		width:170px;
	}
	.logo_nav
	{
		width:30px;
	}
	.ul_sans
	{
		color: #ffffff;
		list-style-type: none;
		text-align: center;
		margin-top:20px;
		float: none;
		padding: 0px;

	}
	.ul_sans_left
	{
		color: #ffffff;
		list-style-type: none;
		text-align: center;
		margin-top:20px;
		float: none;
		padding: 0px;
	}

}
@media only screen and (max-width: 601px) {
	.image-download
{
	width: 70%;
}
	.segment-second-s
{
	padding-right: 0px !important;
	padding-left: 0px !important;
	min-height: 80vh !important;
	background: url(../img/sob/bg1.jpg) no-repeat top center ; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	

}
	.reposito
	{
	  max-width: 100%;
	}
	.social-media
{
  position: relative;
  float: none;
  right: 5%;
}
	.p-5 {
		padding: 1rem!important;
	}
	.slider {
		width: 80%;
		margin: 100px auto;
	}
	.form_input
	{
		font-size: 1.5rem;
		background-color: #ffffff;
		color: black;
		border-radius: 5px;
		border: none;
		width: 100%;
	}
	.form_input_2
	{
		margin-left: 5%;
		width: 80%;
	}
	.form_label
	{
		margin-left: 5%;
		width: 80%;
	}
	.imgae_mcsa_1
	{
		margin-top:10px;
		max-width: 900px;
		width:100%;
	}
	.img-pilsener
	{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 70%;
		float: none;
	}
	.copyright
	{
		margin-bottom: 50px;
		font-size: 0.7rem;
	}

}
/*END NAV */



/*BACK TO TOP*/
#return-to-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: rgb(255, 0, 0);
	background: rgba(255, 0, 0, 0.7);
	width: 50px;
	height: 50px;
	display: block;
	text-decoration: none;
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
	border-radius: 35px;
	display: none;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top i {
	color: #fff;
	margin: 0;
	position: relative;
	left: 16px;
	top: 13px;
	font-size: 19px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
#return-to-top:hover {
	background: rgba(255, 0, 0, 0.9);
}
#return-to-top:hover i {
	color: #fff;
	top: 3px;
}

@media only screen and (min-width: 800px) {
	.button_down
	{
		position: fixed;
		bottom: 20px;
		right:50%;
		background-color: rgba(0, 0, 0, 0.8);
		border: none;
		border-radius: 25px;
		font-size: 2rem;
		color: #ffffff;
		text-align: center;

	}
}
@media only screen and (max-width: 1025px) {
	.button_down
	{
		display: none;

	}
}
.custom-toggler.navbar-toggler {
	border-color: rgb(255,0,0);
}
.custom-toggler .navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,0,0, 0.7)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}
/*VOTE*/
@media only screen and (max-width: 480px) {
	.vote-container
	{
		background: url('../upload/img/l-bg.png') !important;
		background-position: bottom left !important;
		background-repeat: no-repeat !important;

	}
	.nongkrong_landing h2{
		font-size: 15px;
		padding-bottom:14%;
	}
	.logo__ {
		max-width: 250px;
		width: 100%;
	}
	.img-star
	{
		max-width:56px;
	}
	.h1-vote {
		font-size: 2rem !important;
		font-weight: bolder;
		color: #ffffff;
		top: 10px;
	}
}

.row-vote
{
	padding-top:150px;

	/* background-color: aqua;*/
}
.normal-text
{
	color: #ffffff;
}
.lope_lope
{
	color: #b00606;
}
.h1-vote
{
	font-size: 3rem;
	font-weight: bolder;
	color:#ffffff;
	top:10px;
}
.row-vote-video
{
	padding-top: 30px;
	padding-bottom: 20px;
	color:#ffffff;
}
.p-vote
{
	color:#ffffff;
	font-weight: bold;
	padding-top:10px;
}
.vote-container
{
	background: url('../upload/img/l-bg.png'),url('../upload/img/r-bg.png');
	background-position: bottom left,top right;
	background-repeat: no-repeat;

}
.love_you
{
	position: absolute;;
	top:30%;

	width: 100%;
	/*background-color: #b00606;*/
	min-height: 100px;
	z-index: 1000;
	display: none;

}
.col-video
{
	margin-top:10px;
	margin-bottom:10px;
}
.input-register
{
	width:100%;
	margin-top: 15px;
	font-size: 1.3rem;
	border-radius: 5px;
	border:none;
	padding-left:10px;
	font-weight: bold;
}
.form-fluid 
{
	width:100%;
}
.btn-danger
{
	font-weight: bold;
	background-color: #b00606;
}
.m-top
{
	margin-top:20px;
}
.big_size
{
	font-weight: bold;
	color: #b00606;
	font-size: 5rem;
	opacity: 0.8;

}

/*ARTIKEL */
.p-artikel
{
	max-width:200px;
	background-color: rgba(255, 0, 0, 0.7);
}
.btm_left
{
	position: absolute;
	bottom: 8px;
	left: 16px;
	padding-left: 15%;
	padding-right: 15%;
	/*color:#ffffff;*/
	color: #b00606 !important;
	font-size:2rem;
	text-align: left;
}
.btm_left>a,.btm_left>a:hover
{
	color: #dedede !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px #000;

	font-weight: bold;


}
.img-articke
{
	width:100%;
}
.m-top-400
{
	padding-top: 400px !important;
}
.m-top-100
{
	padding-top: 100px !important;
}
.m-top-20
{
	padding-top: 20px !important;
}
.m-top-200
{
	padding-top: 150px !important;
}
.artikel_content_bottom
{
	background-color:#ffffff ;
}

.artikel_detail_bottom
{

	background-color:#ffffff ;
}
.color-red
{
	color: #b00606;
}
.color-white
{
	color:#ffffff ;
}
.judul_artikel
{
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 50%;
}

@media only screen and (max-width: 680px) {
	.durjana
	{
		padding-top:20px;
	}
	.btm_left
	{
		font-size: 1rem;
		padding-left: 10%;
		padding-right: 10%;
	}
	.judul_artikel
	{
		padding: 20px;
		padding-top: 0%;

	}
}

@media only screen and (max-width: 801px) {
	.durjana
	{
		padding-top:20px;
	}
	.btm_left
	{
		font-size: 1rem;
		padding-left: 10%;
		padding-right: 10%;
	}
	.nav-item
	{

		padding-left: 20px;
		padding-right: 20px;
	}
	.nav-item-no-kanan
	{

		padding-left: 20px;
		padding-right: 20px;
	}
}


.nav-link
{
	font-weight: bolder !important;
	/*color: #ffffff !important;*/
	font-size: 1.5rem;

}
.red-color
{
	color: #a50000 !important;
}

@media only screen and (max-width: 1024px) {
	.image_hadiah
	{
		width:98%;
		max-width: 1200px;
	}
	.btm_left
	{
		font-size: 0.8rem;
		padding-left: 10%;
		padding-right: 10%;
	}
}
.nav-item
{

	padding-left: 20px;
	padding-right: 20px;
}
.nav-item-no-kanan
{

	padding-left: 20px;
	padding-right: 20px;
}

.nongkrong_landing{
	
}
	.nongkrong_landing .nongkrong_title{
		font-size: 32px;
	}
	
	.nongkrong_landing h2{
		font-size: 15px;
	}
	
.nongkrong_home{
	
}
	.nongkrong_home .nongkrong_title{
		font-size: 45px;
	}
	
	.nongkrong_home h2{
		font-size: 30px;
	}