.a1 {cursor:pointer;padding:10px;color:#fff;background:blue;padding:5px 10px;}
.a1:visited {color:#fff;background:blue;}
.a1:hover {background:#eee;color:blue;}

.konten {column-count: 3;column-gap: 40px;column-rule-style: dashed;margin-bottom:30px;}
.judul {font-size:1.2em;color:#71B908;margin-bottom:20px;margin-top:20px;}
.judulx {font-size:2.5em;color:#71B908;}
.judul .fa {color:orange;}
.loader1 {width:300px;position:fixed;background:blue;left:50%;margin-left:-150px;top:48%;color:#fff;border-radius:1px;}
.textx {width: 92%;margin:10px auto;overflow: hidden;position:relative;}
.loader {height: 12px;width: 92%;margin:10px auto;overflow: hidden;position:relative;background-color: #3366CC;}
.loader:before{display: block;position: absolute;content: "";left: -100px;width: 100px;height: 12px;background-color: #fff;animation: loading 0.7s linear infinite;}
ol li {margin-left:20px;}
.contact-form{-moz-animation-name: jatuh;-moz-animation-iteration-count: 1;-moz-animation-timing-function: ease-in;-moz-animation-duration: 0.3s;    -webkit-animation-name: jatuh;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease-in;-webkit-animation-duration: 0.3s;animation-name: jatuh;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 0.3s;}@keyframes fadeInLoad {from {opacity:0;}to {opacity:1;}}@-moz-keyframes jatuh1 {0% {-moz-transform: translateX(100%);}100% {-moz-transform: translateX(0);}}@-webkit-keyframes jatuh1 {0% {-webkit-transform: translateX(100%);}100% {-webkit-transform: translateX(0);}}@keyframes jatuh1 {0% {transform: translateX(100%);}100% {transform: translateX(0);}}@-moz-keyframes jatuh2 {0% {-moz-transform: translateX(0);}100% {-moz-transform: translateX(100%);}}@-webkit-keyframes jatuh2 {0% {-webkit-transform: translateX(0);}100% {-webkit-transform: translateX(100%);}}@keyframes jatuh2 {0% {transform: translateX(0);}100% {transform: translateX(100%);}}@-moz-keyframes jatuh {0% {-moz-transform: translateY(-100%);}100% {-moz-transform: translateY(0);}}@-webkit-keyframes jatuh {0% {-webkit-transform: translateY(-100%);}100% {-webkit-transform: translateY(0);}}@keyframes jatuh {0% {transform: translateY(-100%);}100% {transform: translateY(0);}}

@keyframes loading {
from {left: -100px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
.loaderx {height:1px;position:fixed;width: 100%;top:0;left:0;right:0;overflow: hidden;background-color: #000;}
.loaderx:before{display: block;position: absolute;content: "";left: -100px;width: 100px;height: 1px;background-color: cyan;animation: loadingx 0.7s linear infinite;}
@keyframes loadingx {
from {left: -100px; width: 30%;}
50% {width: 30%;}
70% {width: 70%;}
80% { left: 50%;}
95% {left: 120%;}
to {left: 100%;}
}
.loader2 {position:fixed;z-index:999999999;width:150px;height:150px;left:50%;margin-left:-75px;top:50%;margin-top:-75px;}
table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%;		background: transparent;}table {border-spacing: 0;margin:10px auto }table a:link {	color: #666666;	font-weight: bold;	text-decoration:none;}table a:visited {	color: #999;	font-weight:bold;text-decoration:none;}table a:active,table a:hover {	color: #bd5a35;	text-decoration:underline;}table {	font-family:Arial, Helvetica, sans-serif;color:#666;background:orange;	margin:5px auto;}table th {	padding:4px;	border-top:1px solid #ddd;	border-bottom:1px solid #e0e0e0;	text-align:left;	background: #ededed;	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);}table tr:first-child th:first-child{	-moz-border-radius-topleft:3px;	-webkit-border-top-left-radius:3px;	border-top-left-radius:3px;}table tr:first-child th:last-child{	-moz-border-radius-topright:3px;	-webkit-border-top-right-radius:3px;border-top-right-radius:3px;}table tr{background:#fff;color:#000;	}table tr td:first-child{border-left: 0;}table tr td {	padding-top:2px;padding-bottom:2px;	border-color: #eee;	background: #fff;	color:#000;}table tr.even td{background: #f6f6f6;}table tr:last-child td{border-bottom:0;}
.mn1 {cursor:pointer;}
@media(max-width:1000px){
.konten {column-count: 2;column-gap: 40px;column-rule-style: dashed;}
}
@media(max-width:600px){
.konten {column-count: 1;column-gap: 0;column-rule-style: none;}
}


