button:active,button:hover{background:#eee;}
h3,small{color:#555}
.ey_link,button{text-decoration:none;}
hr{color:#fff;}
body,html{min-height:100%}
body{font-family:arial,sans-serif;font-size:13px}
p{margin-bottom:5px;line-height:1.5em}
a{color:#2F4F4F;font-weight:bold;text-decoration: none;}
h3{margin-top:0;margin-bottom:0;font-size:14px;padding:10px 0;text-transform:uppercase}
button{font-size:1em;padding:10px;color:#111;border:2px solid #06D85F;cursor:pointer;transition:all .3s ease-out}
button:active{color:#fff}
input,select,textarea{background-color:#fff;border:1px solid #ccc;border-radius:0;margin:1px;text-align:center;font-size:16px;color:#222;outline:0;width:100%;height:30px}
.ey_login{background-color:#fff;border:1px solid #ccc;border-radius:0;text-align:center;font-size:16px;color:#222;outline:0;width:98%;height:30px}
.ey_logos{background:transparent;text-align:center;}
.ey_logo{padding:10px;}
.ey_body {background:#052846 linear-gradient(to bottom, #052846, #357ae8);background-image: url('/img/bg.png');background-position: center center;background-repeat:  repeat;background-attachment: fixed;}
.ey_body2{background-color:#efefef;background-position:center center;background-repeat:no-repeat;background-attachment:fixed;background-size:cover}
.ey_link{color:#008CCA;font-weight:700;padding:5px}
.ey_link:hover{color:#555;padding:5px}
.ey_konten{position:relative;width:33%;margin-top:1%;margin-left:auto;margin-right:auto;background-color:none;overflow:hidden;}
.ey_konten_1{}
.ey_konten_1_isi{width:100%;background:#fff;padding:0px;border:0 solid #ccc;margin:0 auto;}
.ey_bawah{clear:both;padding:10px;margin:5px;text-align:center}
.ey_bawah a,.ey_bawah b,.ey_bawah i{color:#fff}
.ey_detail,.ey_status{position:relative;width:100%;padding:0px;border:0 solid #ccc;margin:0 auto;}
.ey_status_1{padding-top:0;background:#fff;}
.ey_isi{background:#fff;padding:10px;border:0 solid #ccc;}
.ey_detail{background:#fff;padding:10px;border:0 solid #ccc;}
.ey_btn_a,.ey_btn_b,.ey_btn_c{width:99%;color:#fff;text-align:center;display:inline-block;margin:10px 0px;height:35px;cursor:pointer;font-size:16px;font-weight:700;text-decoration:none}
.ey_btn_a{background-color:#800000;border:1px solid #ccc}
.ey_btn_a:hover{background-color:#555}
.ey_btn_b{background-color:#2F4F4F;border:1px solid #efefef}
.ey_btn_b:hover{background-color:#555}
.ey_btn_c{background-color:#696969;border:1px solid #efefef}
.ey_btn_c:hover{background-color:#555}
div.ey_tab{overflow:hidden;background-color:#f1f1f1;width:100%;margin-left:auto;margin-right:auto;border-bottom:2px solid #111}
div.ey_tab button{background-color:inherit;float:left;border:none;outline:0;cursor:pointer;padding:15px;transition:.3s;font-weight:700;font-size:14px;width:50%}
div.ey_tab button:hover{background-color:#ddd}
div.ey_tab button.active{background-color:#2F4F4F;color:#FFF}
.ey_tabcontent{display:none;border-top:none;padding-top:15px}
table.ey_tpaketwifi td,table.ey_tstatus td{padding:5px;border:1px solid #666}
table.ey_tstatus{width:100%;border-collapse:collapse;background-color:transparent;color:#555}
table.ey_tstatus a{color:#fff000;text-decoration:none}table.ey_tstatus tr:nth-of-type(odd){background:0 0}
table.ey_tpaketwifi{border-collapse:collapse;background-color:transparent;width:100%;color:#555}
table.ey_tpaketwifi th{border:1px solid #666;padding:10px 5px;font-weight:700;font-size:14px;text-align:left}
table.ey_tpaketwifi tr:first-child{background:0 0;font-weight:700;color:#555}
table.ey_tpaketwifi tr:nth-child(even){background-color:transparent}

.ey_overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0;z-index:100;}
.ey_overlay:target{visibility:visible;opacity:1}
.ey_alert{background:#fff;color:#555;padding:10px;text-align:center}
.ey_popup{margin:50px auto;padding:10px;background:#fff;border:0px solid #efefef;width:50%;position:relative;transition:all 1s ease-in-out}
.ey_popup h2{margin-top:0;color:#333;font-family:Arial,sans-serif}
.ey_popup .ey_close{position:absolute;top:5px;right:10px;transition:all .1s;font-size:30px;font-weight:700;text-decoration:none;color:#333}
.ey_popup .ey_close:hover{color:#111}

@media screen and (max-width:1100px){.ey_konten{width:70%}.ey_bawah{text-align:center}.ey_konten_1,.ey_konten_2{width:auto;float:none}.ey_detail,.ey_status{width:80%;float:none}table.ey_tpaketwifi{width:100%}
.ey_popup{width: 70%;}}
@media screen and (max-width:860px){.ey_konten{width:80%}.ey_bawah{text-align:center}.ey_konten_1,.ey_konten_2{width:auto;float:none}.ey_detail,.ey_status{width:80%;float:none}table.ey_tpaketwifi{width:100%}
.ey_popup{width: 70%;}}
@media screen and (max-width:600px){.ey_konten{width:100%}.ey_bawah{text-align:center}.ey_konten_1,.ey_konten_2{width:auto;float:none}.ey_detail,.ey_status{width:80%;float:none}table.ey_tpaketwifi{width:100%}
.ey_popup{width: 70%;}}

/** GRID */
.ey_10{width:10%;}
.ey_20{width:20%;}
.ey_30{width:30%;}
.ey_40{width:40%;}
.ey_50{width:50%;}
.ey_60{width:60%;}
.ey_70{width:70%;}
.ey_80{width:80%;}
.ey_90{width:90%;}
.ey_100{width:100%;}

.ey_warna{
height: 5px;
border-top: 0;
background: #2F4F4F;
background-image: none;
border-radius: 0;
background-image: -webkit-linear-gradient(left,#2F4F4F,#2F4F4F 12.5%,#fff 12.5%,#fff 25%,#2F4F4F 25%,#2F4F4F 37.5%,#fff 37.5%,#fff 50%,#2F4F4F 50%,#2F4F4F 62.5%,#fff 62.5%,#fff 75%,#2F4F4F 75%,#2F4F4F 87.5%,#fff 87.5%,#fff);
background-image: -moz-linear-gradient(left,#2F4F4F,#2F4F4F 12.5%,#fff 12.5%,#fff 25%,#2F4F4F 25%,#2F4F4F 37.5%,#fff 37.5%,#fff 50%,#2F4F4F 50%,#2F4F4F 62.5%,#fff 62.5%,#fff 75%,#2F4F4F 75%,#2F4F4F 87.5%,#fff 87.5%,#fff);
background-image: -o-linear-gradient(left,#2F4F4F,#2F4F4F 12.5%,#fff 12.5%,#fff 25%,#2F4F4F 25%,#2F4F4F 37.5%,#fff 37.5%,#fff 50%,#2F4F4F 50%,#2F4F4F 62.5%,#fff 62.5%,#fff 75%,#2F4F4F 75%,#2F4F4F 87.5%,#fff 87.5%,#fff);
background-image: linear-gradient(to right,#2F4F4F,#2F4F4F 12.5%,#fff 12.5%,#fff 25%,#2F4F4F 25%,#2F4F4F 37.5%,#fff 37.5%,#fff 50%,#2F4F4F 50%,#2F4F4F 62.5%,#fff 62.5%,#fff 75%,#2F4F4F 75%,#2F4F4F 87.5%,#fff 87.5%,#fff);}
.ey_clear{clear:both;}

.ey_loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


/** SLIDER **/
.fling-minislide {width:100%; height:250px; overflow:hidden; position:relative;background:#111;z-index:99; }
.fling-minislide a{ position:absolute; animation:fling-minislide 10s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide {10%{opacity:1;} 40%{opacity:0.1;}}
.fling-minislide a:nth-child(1){animation-delay:0s;}
.fling-minislide a:nth-child(2){animation-delay:5s;}


@media screen and (max-width:780px){
.fling-minislide {width:100%; height:250px; overflow:hidden; position:relative;background:#111; }
.fling-minislide img{ position:absolute; animation:fling-minislide 10s infinite; opacity:0; width: 100%; height: auto;}

@keyframes fling-minislide {10%{opacity:1;} 40%{opacity:0.1;}}
.fling-minislide img:nth-child(1){animation-delay:0s;}
.fling-minislide img:nth-child(2){animation-delay:5s;}
}