.marginBottom-0 {margin-bottom:0;}

.dropdown-submenu{position:relative;}

.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}







ul.list li{
	margin: 1px;
	margin-left:60px;
	margin-top:8px;
    list-style: none;
    padding: 0px 3px 0px 15px;
	font-size:12px;
    background: url(https://cyberskullz.com/images/dot.png) 4px 5px no-repeat;
}

.img-utama {
	margin: 10px;
}

label:hover, label:active, input:hover+label, input:active+label {
    color:#000;
	text-decoration:none;
	cursor:pointer;
	filter:alpha(opacity=50);
	opacity:.5
}

label > input{ /* HIDE RADIO */
  visibility: hidden; /* Makes input not-clickable */
  position: absolute; /* Remove input from document flow */
}

label > input + img{ /* IMAGE STYLES */
  cursor:pointer;
  border:2px solid transparent;
}

label > input:checked + img{ /* (RADIO CHECKED) IMAGE STYLES */
  border:2px solid #f00;
}



.container .quiz{
	padding-top:160px;
	left: 45%;
	position: absolute; }

@media (max-width:767px) {
	.container .quiz{
	padding-top:160px;
	left: 37%;
	position: absolute; }
}


@media (max-width:350px) {
	.container .quiz{
	padding-top:400px;
	left: 47%;
	position: absolute; }
}