body {
  font-family: "rubik", sans-serif;
}

.rubik-<uniquifier> {
  font-family: "Rubik", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}
.navbar-default .navbar-nav > li.clr1 a{
		color:#ffffff;
}
.navbar-default .navbar-nav > li.clr2 a{
	color: #FFEB3B;
}
.navbar-default .navbar-nav > li.clr3 a{
	color: #B5FDFF;
}
.navbar-default .navbar-nav > li.clr4 a{
	color: #29AAE2;
}
.navbar-default .navbar-nav > li.clr1 a:hover, .navbar-default .navbar-nav > li.clr1.active a{
	color:#F3FF00; background:#206495;
}
.navbar-default .navbar-nav > li.clr2 a:hover, .navbar-default .navbar-nav > li.clr2.active a{
	color: #F3FF00; background:#206495;   
}
.navbar-default .navbar-nav > li.clr3 a:hover, .navbar-default .navbar-nav > li.clr3.active a{
	color: #F3FF00; background:#FE4747;
}
.navbar-default .navbar-nav > li.clr4 a:hover, .navbar-default .navbar-nav > li.clr4.active a{
	color: #F3FF00; background:#206495;
}
.navbar-default{
	background:#1666A1;border-bottom:1px solid #fff;border-top:1px solid #fff;
     background:-webkit-linear-gradient(top,#1666A1 0%,#4392CC 75%);
     background:-moz-linear-gradient(top,#1666A1 0%,#4392CC 75%);
     background:-o-linear-gradient(top,#1666A1 0%,#4392CC 75%);
     background:-ms-linear-gradient(top,#1666A1 0%,#4392CC 75%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1666A1',endColorstr='#4392CC',GradientType=0);
     box-shadow: 0px 2px 3px #434666;
	font-size:16px;
}
.navbar-default .navbar-brand {
	color: #ffffff;
	font-weight:bold;
}
.navbar-default .navbar-text {
	color:#ffffff;
}
a{color: #74A308;text-decoration: none;}

.footer-bottom {
background:#4490c8;border-bottom:0px solid #fff;border-top:1px solid #434666;
     background:-webkit-linear-gradient(top,#4490c8 0%,#4392CC 75%);
     background:-moz-linear-gradient(top,#4490c8 0%,#4392CC 75%);
     background:-o-linear-gradient(top,#4490c8 0%,#4392CC 75%);
     background:-ms-linear-gradient(top,#4490c8 0%,#4392CC 75%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4490c8',endColorstr='#4392CC',GradientType=0);
     box-shadow: 0px 2px 3px #434666;
bottom:0;
color:#fff;
padding-top:15px;
padding-bottom:2px;
}

/*--------------Popup Bayar-------------------*/
@-webkit-keyframes autopopup {
		from {opacity: 0;margin-top:-200px;}
		to {opacity: 1;}
	}
	@-moz-keyframes autopopup {
		from {opacity: 0;margin-top:-200px;}
		to {opacity: 1;}
	}
	@keyframes autopopup {
		from {opacity: 0;margin-top:-200px;}
		to {opacity: 1;}
	}
	/*style untuk popup */	
	#popup {
		visibility: hidden;
		opacity: 0;
		margin-top: -200px;
	}
	#popup:target {
		visibility:visible;
		opacity: 1;
		background-color: rgba(0,0,0,0.4);
		position: fixed;
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:0;
		z-index: 99999999999;
		-webkit-transition:all 1s;
		-moz-transition:all 1s;
		transition:all 1s;
	}

	@media (min-width: 768px){
		.popup-container {
			width:500px;
		}
	}
	@media (max-width: 767px){
		.popup-container {
			width:100%;
		}
	}
	.popup-container {
		position: relative;
		margin:7% auto;
		padding:10px 10px;
		background-color: #fafafa;
		color:#333;
		border-radius: 5px;border:2px solid #777;
	}

	a.popup-close {
		position: absolute;
		top:3px;
		right:3px;
		background-color: #eee;
		padding:3px 5px;
		font-size: 12px;
		text-decoration: none;
		line-height: 1;
		color:#000;
	}

	/* style untuk isi popup */
	.popup-form {
		margin:10px auto;
	}
		.popup-form h2 {
			margin-bottom: 5px;
			font-size: 37px;
			text-transform: uppercase;
		}
		.popup-form .input-group {
			margin:10px auto;
		}
			.popup-form .input-group input {
				padding:17px;
				text-align: center;
				margin-bottom: 10px;
				border-radius:3px;
				font-size: 16px; 
				display: block;
				width: 100%;
			}
			.popup-form .input-group input:focus {
				outline-color:#FB8833; 
			}
			.popup-form .input-group input[type="email"] {
				border:0px;
				position: relative;
			}
			.popup-form .input-group input[type="submit"] {
				background-color: #FB8833;
				color: #fff;
				border: 0;
				cursor: pointer;
			}
			.popup-form .input-group input[type="submit"]:focus {
				box-shadow: inset 0 3px 7px 3px #ea7722;
			}
.sukses{
color:#43A800;font-family
}
.gagal{
color:#E05034;font-family: 'Open Sans', sans-serif; }



/* style screen1 */

#all {
 top:0;
 right:0;
 bottom:0;
 left:0;
 position:absolute;
 z-index:1;
}

#screen {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1000;
 background:;
 color:#000;
 padding-top:100px;
 text-align:center;
}

/* style screen2 */

#all {
 top:0;
 right:0;
 bottom:0;
 left:0;
 position:absolute;
 z-index:1;
}

#screen2 {
 position:fixed;
 top:0;
 right:0;
 bottom:0;
 left:0;
 z-index:1000;
 background:;
 color:#2C4C85;
 padding-top:100px;
 text-align:center;
}