
<!DOCTYPE html>
<html dir='ltr' lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='https://www.blogger.com/static/v1/widgets/55013136-widget_css_bundle.css' rel='stylesheet' type='text/css'/>
<script crossorigin='anonymous' src='https://kit.fontawesome.com/5c39591d71.js'></script>
<link href='https://www.stisitelkom.ac.id/favicon.ico' rel='icon' type='image/x-icon'/>
<link crossorigin='anonymous' href='https://use.fontawesome.com/releases/v5.3.1/css/all.css' integrity='sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU' rel='stylesheet'/>
<link href='https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css' rel='stylesheet'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js'></script>
<script src='https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js'></script>
<link href='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css' rel='stylesheet'/>
<script src='https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js'></script>
<link href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css' rel='stylesheet'/>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<link href='https://fonts.googleapis.com/css?family=Allerta+Stencil|Anton|Archivo+Black|Arima+Madurai|Bad+Script|Bangers|Berkshire+Swash|Bubblegum+Sans|Spectral|Cookie|Hahmlet|Dynalight|Encode+Sans+Semi+Expanded|Farsan|Grand+Hotel|Inconsolata|Just+Me+Again+Down+Here|Kelly+Slab|Kite+One|Kranky|Lekton|Metal+Mania|Oleo+Script+Swash+Caps|Passero+One|Pattaya|Rancho|Reem+Kufi|Russo+One|Sail|Seaweed+Script|Oxygen|Sofia|Special+Elite|Stardos+Stencil|Viga|Roboto:400,500,600,700|Droid+Sans|Lato|Roboto+Condensed|Playfair+Display|Merriweather|Rubik|Raleway|Work+Sans|Asap|Baloo+Bhai|Bangers|Cairo|Crete+Round|Dancing+Script|EB+Garamond|Francois+One|Great+Vibes|Kaushan+Script|Merriweather+Sans|Poppins:400,500,600,700|Montserrat:400,500,600,700|PT+Sans|Prata|Quicksand:400,500,600,700|Shadows+Into+Light|Signika+Negative|Slabo+27px|Vidaloka|Manrope:400,500,600,700|Nunito+Sans:400,500,600,700|Marcellus:400|Corinthia:700' rel='stylesheet'/>
<meta content='width=device-width, initial-scale=1.0, user-scalable=1.0, minimum-scale=1.0, maximum-scale=9.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<title>STISI TELKOM</title>
<meta content='index/follow' name='robots'/>
<meta content='index/follow' name='googlebot'/>
<meta content='blogger' name='generator'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link href='https://www.stisitelkom.ac.id/' rel='openid.delegate'/>
<link href='https://www.stisitelkom.ac.id/' rel='canonical'/>
<link href='https://www.stisitelkom.ac.id/feeds/posts/default' rel='alternate' title='STISI TELKOM - Atom' type='application/atom+xml'/>
<link href='https://www.stisitelkom.ac.id/feeds/posts/default?alt=rss' rel='alternate' title='STISI TELKOM - RSS' type='application/rss+xml'/>
<link href='https://www.blogger.com/feeds/414308150541503240/posts/default' rel='alternate' title='STISI TELKOM - Atom' type='application/atom+xml'/>
<meta content='https://www.stisitelkom.ac.id/sitemap.xml' name='sitemap'/>
<meta content='' name='description'/>
<meta content='STISI TELKOM' name='keywords'/>
<link href='https://www.stisitelkom.ac.id/' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<!-- Open Graph -->
<meta content='STISI TELKOM' property='og:title'/>
<meta content='website' property='og:type'/>
<meta content='https://www.stisitelkom.ac.id/' property='og:url'/>
<meta content='https://1.bp.blogspot.com/-JuBNZhXXzzI/X3Yt-h66m2I/AAAAAAAAEDs/L2miXSbnNh8tqxDiWTgtzcBKSqhmCP7ugCNcBGAsYHQ/s678/produk.png' property='og:image'/>
<meta content='' property='og:description'/>
<meta content='STISI TELKOM' property='og:site_name'/>
<meta content='id' name='geo.country'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<meta content='STISI TELKOM' property='og:image:alt'/>
<meta content='STISI TELKOM' name='twitter:site'/>
<meta content='IE=edge,chrome=1' http-equiv='X-UA-Compatible'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<link href='https://www.stisitelkom.ac.id/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://www.stisitelkom.ac.id/' rel='canonical'/>
<link rel="alternate" type="application/atom+xml" title="STISI TELKOM - Atom" href="https://www.stisitelkom.ac.id/feeds/posts/default" />
<link rel="alternate" type="application/rss+xml" title="STISI TELKOM - RSS" href="https://www.stisitelkom.ac.id/feeds/posts/default?alt=rss" />
<link rel="service.post" type="application/atom+xml" title="STISI TELKOM - Atom" href="https://www.blogger.com/feeds/414308150541503240/posts/default" />
<!--Can't find substitution for tag [blog.ieCssRetrofitLinks]-->
<meta content='https://www.stisitelkom.ac.id/' property='og:url'/>
<meta content='STISI TELKOM' property='og:title'/>
<meta content='' property='og:description'/>
<style id='page-skin-1' type='text/css'><!--
----------------------------------------------- */
/* Variable definitions
====================
<Group description="Pengaturan Body" selector=".konten">
<Variable name="content.width" description="Lebar Halaman" type="length" default="1200px" min="480px" max="1920px"/>
<Variable name="body.background1" description="Warna Background Atas Kiri" type="color" default="#f59c00"/>
<Variable name="body.background2" description="Warna Background Atas Kanan" type="color" default="#ff3000"/>
<Variable name="wrapper.background" description="Warna Background Utama" type="color" default="#f3f6fd"/>
<Variable name="body.sp" description="Posisi Bayangan" type="length" default="10px" min="0" max="40px"/>
<Variable name="body.sl" description="Blur Bayangan" type="length" default="3px" min="0" max="40px"/>
<Variable name="body.sc" description="Warna Bayangan" type="color" default="#dae5fe"/>
<Variable name="body.sb" description="Besar Bayangan" type="length" default="1px" min="0" max="100px"/>
</Group>
<Group description="Pengaturan Link" selector="a">
<Variable name="a.link" description="Warna Link" type="color" default="#0047b2"/>
<Variable name="a.hover" description="Wana Link Hover" type="color" default="#0088ff"/>
</Group>
<Group description="Pengaturan Menu Melayang" selector=".headermenu">
<Variable name="nav.bg" description="Background" type="color" default="#222222"/>
<Variable name="nav.hover" description="Background Hover" type="color" default="#000000"/>
<Variable name="nav.color" description="Wana Teks" type="color" default="#ffffff"/>
<Variable name="scroll.nav.bg" description="Background Scroll" type="color" default="#ffffff"/>
<Variable name="scroll.nav.hover" description="Background Hover  Scroll" type="color" default="#e7e7e7"/>
<Variable name="scroll.nav.color" description="Wana Teks  Scroll" type="color" default="#222222"/>
</Group>
<Group description="Pengaturan Post" selector="body">
<Variable name="body.font" description="Font" type="font" default="small Arial,Geneva,sans-serif"/>
<Variable name="post.color" description="Warna Teks" type="color" default="#222222"/>
<Variable name="post.background" description="Warna Background" type="color" default="#ffffff"/>
<Variable name="post.radius" description="Border Radius" type="length" default="20px" min="0" max="100px"/>
</Group>
<Group description="Pengaturan Sidebar" selector="#right-bar">
<Variable name="side.font" description="Ukuran Judul" type="length" default="18px" min="0" max="100px"/>
<Variable name="side.color" description="Warna Judul" type="color" default="#292929"/>
<Variable name="side.background" description="Warna Background" type="color" default="#ffffff"/>
<Variable name="side.radius" description="Border Radius" type="length" default="8px" min="0" max="100px"/>
<Variable name="side.content" description="Warna Teks" type="color" default="#222222"/>
<Variable name="side.hover" description="Warna Teks hover" type="color" default="#00a2ff"/>
</Group>
<Group description="Pengaturan Footer" selector="#copyright">
<Variable name="copyright.color" description="Warna Teks Copyright" type="color" default="#ffffff"/>
<Variable name="copyright.background" description="Warna Background Copyright" type="color" default="#000000"/>
<Variable name="bg.totop" description="Warna Back to Top" type="color" default="#2679ec"/>
</Group>
<Group description="Pengaturan Mode Gelap" selector=".Night">
<Variable name="night.bg" description="Warna Background Atas" type="color" default="#000000"/>
<Variable name="night.bg1" description="Warna Background Utama" type="color" default="#090f14"/>
<Variable name="night.bg2" description="Warna Background Postingan" type="color" default="#131c25"/>
<Variable name="night.color" description="Warna Teks" type="color" default="#d5d9dd"/>
<Variable name="night.a" description="Warna Link" type="color" default="#ffffff"/>
<Variable name="night.hover" description="Warna Link Hover" type="color" default="#ffba00"/>
</Group>
*/
#layout:before{content:'Blogspot Landing Page Builder 3.0.1';position:absolute;top:20px;left:5px;right:5px;height:1px;text-align:center}
#layout #outer-wrapper{width:100%;}
#layout #left-side{width:70%;float:left;overflow:hidden;}
#layout #right-bar{overflow:hidden;}
#layout #right-bar .widget-content{margin-bottom:0}
#layout #footer-wrapper{overflow:hidden;}
.search-result img{margin-bottom:10px;border-radius:8px 8px 0 0}
.post-body img{border-radius:6px 6px 0 0}
a{color:#0047b2;transition:all .5s ease 50ms;text-decoration:none}
a:hover{color:#0088ff;text-decoration:none;transition:all .5s ease 50ms;}
.Night a{color:#ffffff!important;transition:all .5s ease 50ms;text-decoration:none}
.Night a:hover{color:#ffba00!important;transition:all .5s ease 50ms;text-decoration:none}
#right-bar h3.title{padding:0; margin:15px 0 10px 0;font-size:18px;font-weight:600;color:#000000}
#right-bar .LinkList .widget-content,#right-bar .PopularPosts .post-content,#right-bar  .Label li, #ArchiveList,#right-bar .TextList .widget-content li{background:#FFFFFF;color:#292929;box-shadow:1px 1px 3px 1px #dae5fe;transition: all .3s ease-out;}
#right-bar .LinkList .widget-content a, .PopularPosts .post-content a,#right-bar  .Label li a, #ArchiveList a{color:#292929}
#right-bar .LinkList .widget-content a:hover,#right-bar .PopularPosts .post-content a:hover,#right-bar .Label li a:hover, #ArchiveList a:hover,#right-bar .HTML .widget-content a:hover{color:#0864ee}
#right-bar .widget-content{margin-bottom:30px}
#right-bar .HTML .widget-content{background-color:#FFFFFF;color:#292929;box-shadow:1px 1px 3px 1px #dae5fe;transition: all .3s ease-out;}
#right-bar .tagpost_thumb{box-shadow:1px 1px 3px 1px #dae5fe;transition: all .3s ease-out;}
ul#related-summary li img{border-radius:6px;}
body{font:normal normal 16px Poppins;background:linear-gradient(to top right, #000000, #0088ff);color:#292929}
#wrapper{;background: #f3f6fd}
#left-side,.post-outer{background: #ffffff;border-radius:8px;box-shadow:1px 1px 3px 1px #dae5fe;transition: all .3s ease-out;}
.BlogSearch .widget-content{padding:7px 0 0 7px;border-radius:6px;background:#FFFFFF;box-shadow:1px 1px 3px 1px #dae5fe;}
.Night .BlogSearch .widget-content{background:#131c25;padding:7px 0 0 7px;box-shadow:none}
.search-input{width:calc(100% - 45px);float:left;background:#ffffff;border: 0;border-radius:6px;}
.search-input input{margin-left: 0px;width:100%;float:left;border-radius:6px;background:#ffffff;border: 1px solid #f1f3f6;font-size: 14px;padding:3px 5px 3px 15px;letter-spacing:1px;box-shadow:0 0 2px 0 #f1f3f6 inset;}
.Night .search-input input,.Night .search-input input:focus{background:#131c25;color:#d5d9dd}
.search-input input:focus {background:#FFFFFF;border: 0 solid #b1b1b1;border-radius:6px;width: 100%;box-shadow:0 2px 8px rgba(0,0,0,0.2);}
.search-action{overflow:hidden;background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXqaxI94Qvbj2x3MhrhbEGd-5tFZ1gPKBEIs2V0uVC6gcK0JL7lfeu8sXvwHt2xBNDnbfZ66klvMLJ6IDDEuBEb4UcSpWYRc4D5ahDKO_YcFVNIsQqG1eXfTTMgfVinrt5jxvGsIdqI_l_haFEWtT1Gk0054sbYcacsOzLKW6L3d5WjmshOrFQc9_5/s1600/cari.png) no-repeat;margin-left: 2px;margin-top:-3px;border-width: 0px;width: 43px;height: 45px;text-indent:0px;font-size:1px;overflow:hidden;}
.Night .search-action{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYxdPSajj7Xyz09wFtEq4tXqnD1x2SqnvX0QEOSG_MaWeDP2ka0kRsDqwlnt8iukjfJ54ljLraS2iQNgWtoVKYZzr52Y3Z6QlpcxNfCh3m9sRwIpqBu5mEh0Dy2cglDLxr-FrGiKGUo3M_8iF1qy90bsfxcX9qxt0NpSbqSJG6t9hrO4pNiygd7G5p/s1600/cari-putih.png) no-repeat;}
.PopularPosts .item-snippet {font-size: 14px;line-height:1.2em}
.PopularPosts .post-content{padding:15px 8px 12px 15px;background:#FFFFFF;margin-bottom:15px;border-radius:6px;word-wrap:break-word;display:flex; display:-webkit-flex;  flex-wrap:wrap; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;justify-content:space-between;align-items:center;}
.PopularPosts .post-content h3{font:normal normal 16px Poppins;margin:0;font-weight:400;width:calc(100% - 80px);text-align:left;padding:0;margin:0;line-height:normal;}
.PopularPosts .post-content h3.post-title a{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.PopularPosts .post-content .item-thumbnail {overflow:hidden;}
.PopularPosts .post-content .item-thumbnail img{margin-right:0;padding-right:0;object-fit:cover;border-radius:6px;}
.Label ul {margin-left:-37px;}
.Label li {display:inline-block;list-style:none;margin:0px 5px 12px 0px;padding:4px 12px;width:auto;font:normal normal 16px Poppins;border-radius:6px;}
.FeaturedPost h3 {font-size: 18px;line-height:1.5em;margin-top:-10px}
.FeaturedPost .post-snippet {font-size: 15px;line-height:1.5em;float:left;height:72px;max-height:72px;overflow:hidden;max-width:calc(100% - 75px)}
.FeaturedPost .item-thumbnail {float:right;overflow:hidden;}
.FeaturedPost{padding-bottom:20px;clear:both}
.status-msg-border{border-radius:8px;}
#right-bar .HTML .widget-content{border-radius:6px;padding:0;font:normal normal 16px Poppins}
#right-bar .HTML img{border-radius:6px}
#right-bar .HTML .title{ display: block; }
#right-bar .contact-form-widget{padding:0 10px;font:normal normal 16px Poppins;}
.BlogArchive li {font:normal normal 16px Poppins;}
#ArchiveList {overflow:auto; width:auto; max-height:300px; border-radius:6px; padding:20px;margin-top:0;}
#ArchiveList .post-count{display:none}
.jump-link a{background:#0047b2;padding:8px 13px;border-radius:8px;color:#f3f6fd;font-size:13px}
.jump-link a:hover{background:#0088ff;}
.Night .jump-link a{background:#ffffff;color:#090f14!important;font-size:13px}
.Night .jump-link a:hover{background:#ffba00;}
.LinkList .widget-content {padding:15px;background:#ffffff;border-radius:6px;margin-top:0}
.LinkList .widget-content li{list-style:none;margin:3px 0 5px -35px;font:normal normal 16px Poppins;padding-bottom:10px}
.TextList .widget-content li{list-style:none;margin:5px 0 15px -40px;background:#FFFFFF;padding:8px 10px 8px 15px; border-radius:6px;font:normal normal 16px Poppins;box-shadow:1px 1px 3px 1px #dae5fe;transition: all .5s ease-out;}
.TextList .widget-content li:hover{transform:translateX(10px);transition:all .5s ease-out;z-index:-1}
.Night #left-side,.Night #right-bar .LinkList .widget-content, .Night #right-bar .PopularPosts .post-content, .Night #right-bar .Label li, .Night #ArchiveList,.Night #right-bar .HTML .widget-content,.Night #right-bar .TextList .widget-content li,.Night #right-bar .tagpost_thumb{box-shadow:none;}
.TextList .widget-content li:before{content: "";font-style: normal;font-weight: normal;}
#feed-container li{border-radius:8px;background:#ffffff}
#feed-container li img{border-radius:6px 6px 0 0;}
.comments-content {overflow:auto; width:auto; max-height:400px; padding:3px;border-radius:6px}
.blogger-comment-from-post,.blogger-iframe-colorize{border-radius:6px}
.comments h4 {font-size: 15px;}
.comments .avatar-image-container {max-height: 50px;width: 50px;}
.comments .avatar-image-container img {border-radius: 50px;border:3px solid #f5f5f5;width: 40px;height: 40px;margin-right: 50px;max-width: 50px;}
.comments .comment-block{
border: 1px solid transparent;background: transparent;padding: 5px;font-size: 12px;border-radius: 6px;margin-left: 50px;}
.comments .comment-block::after {content: &#39; &#39;;position: absolute;width: 0;height: 0;left: -14px;top: 16px;border: 7px solid;border-color: transparent transparent transparent transparent;}
.comments .comment-block::before {content: &#39; &#39;;position: absolute;width: 0;height: 0;top: 15px;left: -16px;border: 8px solid;border-color: transparent transparent transparent transparent;}
.comments .comment-header,.comments .comments-content .comment-thread,.comments .continue a {font-size: 12px;}
.comments .comment-header {color: #21b6fc;padding: 3px;border-radius: 4px;line-height:1.3em;}
.comments .comment-content {font-size: 13px;padding: 3px;line-height:1.4em;}
.comments .comments-content .comment-content {margin-bottom: 10px;}
.comments .comments-content .datetime{display: none;}
.comments .comments-content .user {font-style:normal;font-weight:normal;font-size: 15px;}
.comments .comment .comment-actions a {margin-top: 30px;background: transparent;color: grey;padding: 3px;margin: 3px;border-radius: 4px;border:1px solid #dadada}
.comments .continue a {display:inline;background: transparent;color: grey;padding: 3px;text-align: center;font-weight: normal;border-radius: 4px;border:1px solid #dadada}
.comments .continue a:hover {text-decoration: none;background: transparent;border:1px solid #dadada}
.comments .comment .comment-actions a:hover{text-decoration: none;background: transparent;border:1px solid #dadada}
#copyright{background:#000;padding:20px 10px;text-align:center;font:normal normal 16px Poppins;color:#ffffff}
#copyright a{color:#ffffff}#copyright a:hover{color:#0088ff}
.Night #copyright{background:#131c25;color:#d5d9dd}
.Night #copyright a{color:#d5d9dd}#copyright a:hover{color:#0088ff}
.headermenu{position: fixed;top:0; left:0; right: 0;z-index: 1000;background:#fff;box-shadow:0 .5rem 1.5rem rgba(0,0,0,.1);display: flex;align-items: center;justify-content: space-between;padding:0 6%;font:normal normal 16px Poppins;line-height:2em;transition: all .3s ease-out; height:70px}
.headermenu.discroll{background:#ffffff;}
.headermenu .logos{margin: 0;font-size: 2.5rem;color:#ffffff;font-weight: bolder;}
.headermenu.discroll .logos{color:#222222}
.headermenu .logos img{max-height:50px;}
.headermenu .navbar{margin:0;transition: all .3s ease-out;padding:1.5rem 0rem 1.5rem 2rem;}
.headermenu .navbar a{font-size: 1.6rem;color: #222;padding:2rem 1.5rem;transition: all .3s ease-out;}
.headermenu.discroll .navbar a{color: #222222}
.headermenu .navbar a:hover{color:#222;background: transparent;transition: all .3s ease-out;}
.headermenu.discroll .navbar a:hover{color:#222222;background: #e7e7e7}
#menu-btn{cursor: pointer;font-size: 2.5rem;padding:.3rem .7rem;border-radius: .5rem;color: #ffffff;background: rgba(0,0,0,.3);display: none;transition: all .3s ease-out;}
#menu-btn:hover{color: #ffffff;background: rgba(0,0,0,.3);transition: all .3s ease-out;}
.headermenu.discroll #menu-btn{color: #222222;background: #e7e7e7;transition: all .3s ease-out;}
.headermenu.discroll #menu-btn:hover{color: #222222;background: #e7e7e7;transition: all .3s ease-out;}
.headermenu .dropbtn {background:transparent;color:#ffffff;cursor:pointer}
.headermenu.discroll .dropbtn {background:#ffffff;color:#222222}
.headermenu .dropdown {position: relative;display: inline-block;}
.headermenu .dropdown-content {display: none;position: absolute;background:#ffffff;min-width: 28rem;box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);z-index: 1;border-radius: .5rem;color:#222222}
.headermenu.discroll .dropdown-content {background:#ffffff;}
.headermenu .dropdown-content a{text-decoration: none;display: block;background:transparent;color:#222222}
.headermenu .navbar .dropdown-content a{padding:1rem 1.5rem}
.headermenu .dropdown-content a:hover {background: #e7e7e7;border-radius: .5rem;color:#222222}
.headermenu.discroll .dropdown-content a:hover {background: #e7e7e7}
.headermenu .dropdown:hover .dropdown-content {display: block;border-radius: .5rem;}
.headermenu .dropdown:hover .dropbtn {background:transparent}
.headermenu.discroll .dropdown:hover .dropbtn {background:#e7e7e7}
.Night .headermenu .dropbtn {background:#131c25}
.Night .headermenu .dropdown:hover .dropbtn,.Night .headermenu.discroll .dropdown:hover .dropbtn {background:#090f14}
.Night .headermenu,.Night .dropdown-content{background:#131c25;transition: all .3s ease-out;}
.Night .headermenu .logos,.Night .headermenu .navbar a{color:#d5d9dd}
.Night .headermenu .navbar a:hover{color:#d5d9dd;background: #090f14;transition: all .3s ease-out;}
.Night #menu-btn{color: #131c25;background: #d5d9dd;transition: all .3s ease-out;}
.Night #menu-btn:hover{color: #090f14;background: #d5d9dd;transition: all .3s ease-out;}
.Night .headermenu.discroll .dropdown-content {background:#131c25;}
.Night .headermenu.discroll .dropbtn {background:#131c25;color:#d5d9dd}
.Night .headermenu.discroll .dropbtn:hover {background:#131c25}
.post-body pre{background-color:#292929;border:none;border-left:5px solid #0088ff;padding:15px 10px;margin:1em auto;color:#ffffff;}
.Night .post-body pre{background-color:#090f14;border-left:5px solid #000000;padding:15px 10px;margin:1em auto;color:#d5d9dd;}
.Night #related-post h4{color: #d5d9dd}
#outer-wrapper{width:1200px;}
h1.post-title.entry-title,h1.post-title.entry-title a {text-align:left;font-weight:600;color:#292929}
h1.post-title.entry-title a:hover{color:#0088ff;text-decoration:none}
h1 {font-size:32px;line-height:1.3em;padding:5px 0;margin:5px 0}
h2 {font-size:32px;line-height:1.3em;padding:5px 0;margin:5px 0}
h3 {font-size:32px;line-height:1.3em;padding:5px 0;margin:5px 0}
h4 {font-size:26px;line-height:1.3em;padding:5px 0;margin:5px 0}
h5 {font-size:22px;padding:5px 0;line-height:1.3em;margin:5px 0}
h6 {font-size:18px;padding:5px 0;line-height:1.3em;margin:5px 0}
.kol2,.kol-2,.kol-12{padding:0;float:left;width:calc(100% / 2);transition:all .5s ease 50ms;}
.kol3,.kol-3,.kol-13{padding:0;float:left;width:calc(100% / 3);transition:all .5s ease 50ms;}
.kol4,.kol-4,.kol-14,.kol14,.kolom-4{padding:0;float:left;width:calc(100% / 4);transition:all .5s ease 50ms;}
.kol5,.kol-5,.kol-15,.kol15{padding:0;float:left;width:calc(100% / 5);transition:all .5s ease 50ms;}
.kol6,.kol-6,.kol-16{padding:0;float:left;width:calc(100% / 6);transition:all .5s ease 50ms;}
.kol23,.kol-23,.kol-123{padding-bottom:0;float:left;width:calc((100% * 2) / 3);transition:all .5s ease 50ms; padding-top:30px}
.kol-60{padding:0;float:left;width:calc((100% / 10) * 6);transition:all 1s ease 50ms;}
.kol-40{padding:0;float:left;width:calc((100% / 10) * 4);transition:all 1s ease 50ms;}
.konten {margin:0px auto;padding-right:0;padding-left:0;max-width:1200px}
.group:after {content: "";display: table;clear: both;}
.konten:after{content:"";display:table;clear:both}
.grid{display:flex;  display:-webkit-flex;  flex-wrap:wrap;  -webkit-flex-wrap:wrap;  -ms-flex-wrap:wrap;justify-content: center;}
.flip,.tukar{flex-direction: row-reverse}
.style1 {font-family:'Anton', sans-serif;line-height:1.4em}
.style2 {font-family:'Russo One', sans-serif;line-height:1.2em}
.style3 {font-family:'Archivo Black', sans-serif;line-height:1.2em}
.style4 {font-family:'Open Sans', sans-serif;line-height:1.4em}
.style5 {font-family:'Roboto', sans-serif;line-height:1.2em}
.style6 {font-family:'lato', sans-serif;line-height:1.2em}
.style7 {font-family:'Bangers', cursive;line-height:1.2em}
.style8 {font-family:'Viga', sans-serif;line-height:1.2em}
.style9 {font-family:'Oxygen', sans-serif;line-height:1.3em}
.style10 {font-family:'Kite One', sans-serif;line-height:1.4em}
.style11 {font-family:'Pattaya', sans-serif;line-height:1.2em}
.style12 {font-family:'Spectral', cursive;line-height:1.3em}
.style13 {font-family:'Allerta Stencil', sans-serif;line-height:1.2em}
.style14 {font-family:'Encode Sans Semi Expanded', sans-serif;line-height:1.3em}
.style15 {font-family:'Special Elite', cursive;line-height:1.3em}
.style16 {font-family:'Reem Kufi', sans-serif;line-height:1.2em}
.style17 {font-family:'Arima Madurai', cursive;line-height:1.3em}
.style18 {font-family:'Bubblegum Sans', cursive;line-height:1.2em}
.style19 {font-family:'Kelly Slab', cursive;line-height:1.2em}
.style20 {font-family:'Lekton', sans-serif; line-height:1.3em}
.style21 {font-family:'Oleo Script Swash Caps', cursive;line-height:1.2em}
.style22 {font-family:'Stardos Stencil', cursive;line-height:1.2em}
.style23 {font-family:'Kranky', cursive;line-height:1.2em}
.style24 {font-family:'Seaweed Script', cursive;line-height:1.2em}
.style25 {font-family:'Sail', cursive;line-height:1.2em}
.style26 {font-family:'Dynalight', cursive;line-height:1.2em}
.style27 {font-family:'Berkshire Swash', cursive;line-height:1.2em}
.style28 {font-family:'Farsan', cursive;line-height:1.2em}
.style29 {font-family:'Cookie', cursive;line-height:1.3em}
.style30 {font-family:'Passero One', cursive;line-height:1.3em}
.style31 {font-family:'Bad Script', cursive;line-height:1.5em}
.style32 {font-family:'Grand Hotel', cursive;line-height:1.3em}
.style33 {font-family:'Metal Mania', cursive;line-height:1.3em}
.style34 {font-family:'Hahmlet', serif;line-height:1.3em}
.style35 {font-family:'Inconsolata', monospace;line-height:1.2em}
.style36 {font-family:'Sofia', cursive;line-height:1.3em}
.style37 {font-family:'Just Me Again Down Here', cursive;line-height:1.2em}
.style38 {font-family:'Rancho', cursive;line-height:1.2em}
.style39 {font-family:'Rubik', sans-serif;line-height:1.2em}
.style40 {font-family:'Merriweather', serif;line-height:1.2em}
.style41 {font-family:'Raleway', sans-serif;line-height:1.2em}
.style42 {font-family:'Playfair Display', serif;line-height:1.3em}
.style43 {font-family:'Montserrat', sans-serif;line-height:1.2em}
.style44 {font-family:'PT Sans', sans-serif;line-height:1.2em}
.style45 {font-family:'Slabo 27px', serif;line-height:1.2em}
.style46 {font-family:'Baloo Bhai', cursive;line-height:1.2em}
.style47 {font-family:'Quicksand', sans-serif;line-height:1.5em}
.style48 {font-family:'Merriweather Sans', sans-serif;line-height:1.2em}
.style49 {font-family:'Dancing Script', cursive;line-height:1.2em}
.style50 {font-family:'Shadows Into Light', cursive;line-height:1.2em}
.style51 {font-family:'Asap', sans-serif;line-height:1.2em}
.style52 {font-family:'Work Sans', sans-serif;line-height:1.4em}
.style53 {font-family:'Cairo', sans-serif;line-height:1.2em}
.style54 {font-family:'Francois One', sans-serif;line-height:1.2em}
.style55 {font-family:'Crete Round', serif;line-height:1.2em}
.style56 {font-family:'EB Garamond', serif;line-height:1.2em}
.style57 {font-family:'Great Vibes', cursive;line-height:1.2em}
.style58 {font-family:'Kaushan Script', cursive;line-height:1.2em}
.style59 {font-family:'Bangers', cursive;line-height:1.2em}
.style60 {font-family:'Signika Negative', sans-serif;line-height:1.2em}
.style61 {font-family:'Vidaloka', serif;line-height:1.2em}
.style62 {font-family:'Prata', serif;line-height:1.4em}
.style63 {font-family:'Poppins', serif;line-height:1.4em}
.style64 {font-family:'Manrope', serif;line-height:1.4em}
.style65 {font-family:'Marcellus', serif;line-height:1.4em}
.style66 {font-family:'Corinthia', cursive;line-height:1.4em}
.btn {font-size:17px;border: none;color: white;margin:3px;padding: 6px 20px;cursor: pointer;display:inline-block;  -webkit-transition-duration: 0.4s;transition-duration: 0.4s;} .btn:hover {background-color: #ffffff;color: black;}
.btn1 {font-size:17px;margin:3px;border: none;color: white;padding: 6px 20px;cursor: pointer;display:inline-block;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;border-radius:6px;} .btn1:hover {background-color: #ffffff;color: black;}
.btn2 {font-size:17px;margin:3px;border: none;color: white;padding: 6px 20px;cursor: pointer;display:inline-block;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;border-radius:50px;} .btn2:hover {background-color: #ffffff; color: black;}
.btn3 {font-size:17px;margin:3px;padding: 6px 20px;cursor: pointer;display:inline-block; border-radius:6px;background-color: transparent} .btn3:hover {opacity: 0.6;}
.btn-menu {margin:0px;border: none;padding: 0px 10px!important;cursor: pointer;display:inline-block;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;border-radius:50px;}
.btn-menu:hover {background-color: #ffffff!important; color: red!important;}
.btn-order,.btn-x-besar{padding:14px 26px;text-decoration:none;font-size:26px}
.btn-besar {font-size:20px;padding: 10px 24px;}
.btn-kecil {font-size:14px;padding: 3px 13px;}
.btn-hijau {background-color: #2ecc71;border: 2px solid #2ecc71}
.btn-hijautua {background-color: #049c2f;border: 2px solid #049c2f}
.btn-biru {background-color: #1564C0;border: 2px solid #1564C0}
.btn-birutua {background-color: #003692;border: 2px solid #003692}
.btn-orange {background-color: #ff6600;border: 2px solid #ff6600}
.btn-merah {background-color: #e12d1a;border: 2px solid #e12d1a}
.btn-merahtua {background-color: #b2291b;border: 2px solid #b2291b}
.btn-kuning {background-color: #f4c712;border: 2px solid #f4c712}
.btn-ungu {background-color: #5526ee;border: 2px solid #5526ee}
.btn-hitam {background-color: #222222;border: 2px solid #222222}
.btn-hitampekat {background-color: #000000;border: 2px solid #000000}
.btn-abuabu {background-color: #7b8691; color: white; border: 2px solid #7b8691}
.btn-abumuda {background-color: #c3c3c3; color: black; border: 2px solid #c3c3c3}
.btn-merahmuda{background:#e53177;border: 2px solid #e53177}
.btn-hijaumuda{background:#9ec502;border: 2px solid #9ec502}
.btn-hijautoska{background:#4adc8f;border: 2px solid #4adc8f}
.btn-birumuda{background:#21b6fc;border: 2px solid #21b6fc}
.btn-birutoska{background:#1de1df;border: 2px solid #1de1df}
.btn-ungumuda{background:#e442f8;border: 2px solid #e442f8}
.btn-ungutua{background:#7c0ab7;border: 2px solid #7c0ab7}
.btn-kuningtua{background:#edbe03;border: 2px solid #edbe03}
.btn-kuningmuda{background:#ffd905;border: 2px solid #ffd905;color: #222222;}
.btn-putih{background:#ffffff;color:#2679ec;border: 2px solid #ffffff}
.btn-putih:hover{background:transparent;color:white;border: 2px solid #ffffff}
.btn-hijau:hover{color: #2ecc71;border: 2px solid #2ecc71}
.btn-hijautua:hover{color: #049c2f;border: 2px solid #049c2f}
.btn-biru:hover{color: #2679ec;border: 2px solid #2679ec}
.btn-birutua:hover{color: #003692;border: 2px solid #003692}
.btn-orange:hover{color: #ff6600;border: 2px solid #ff6600}
.btn-merah:hover{color: #e12d1a;border: 2px solid #e12d1a}
.btn-merahtua:hover{color: #b2291b;border: 2px solid #b2291b}
.btn-kuning:hover{color: #f4c712;border: 2px solid #f4c712}
.btn-ungu:hover{color: #5526ee;border: 2px solid #5526ee}
.btn-hitam:hover{color: #222222;border: 2px solid #222222}
.btn-hitampekat:hover{color: #000000;border: 2px solid #000000}
.btn-abuabu:hover{color: #7b8691; border: 2px solid #7b8691}
.btn-abumuda:hover{color: #c3c3c3; border: 2px solid #c3c3c3}
.btn-merahmuda:hover{color:#e53177;border: 2px solid #e53177}
.btn-hijaumuda:hover{color:#9ec502;border: 2px solid #9ec502}
.btn-hijautoska:hover{color:#4adc8f;border: 2px solid #4adc8f}
.btn-birumuda:hover{color:#21b6fc;border: 2px solid #21b6fc}
.btn-birutoska:hover{color:#1de1df;border: 2px solid #1de1df}
.btn-ungumuda:hover{color:#e442f8;border: 2px solid #e442f8}
.btn-ungutua:hover{color:#7c0ab7;border: 2px solid #7c0ab7}
.btn-kuningtua:hover{color:#edbe03;border: 2px solid #edbe03}
.btn-kuningmuda:hover{color:#ffd905;border: 2px solid #ffd905;}
.btn3-hijau {color: #2ecc71;border: 2px solid #2ecc71}
.btn3-hijautua {color: #049c2f;border: 2px solid #049c2f}
.btn3-biru {color: #1564C0;border: 2px solid #1564C0}
.btn3-birutua {color: #003692;border: 2px solid #003692}
.btn3-orange {color: #ff6600;border: 2px solid #ff6600}
.btn3-merah {color: #e12d1a;border: 2px solid #e12d1a}
.btn3-merahtua {color: #b2291b;border: 2px solid #b2291b}
.btn3-kuning {color: #f4c712;border: 2px solid #f4c712}
.btn3-ungu {color: #5526ee;border: 2px solid #5526ee}
.btn3-hitam {color: #222222;border: 2px solid #222222}
.btn3-hitampekat {color: #000000;border: 2px solid #000000}
.btn3-abuabu {color: #7b8691; border: 2px solid #7b8691}
.btn3-abumuda {color: #c3c3c3; border: 2px solid #c3c3c3}
.btn3-merahmuda{color: #e53177;border: 2px solid #e53177}
.btn3-hijaumuda{color: #9ec502;border: 2px solid #9ec502}
.btn3-hijautoska{color: #4adc8f;border: 2px solid #4adc8f}
.btn3-birumuda{color: #21b6fc;border: 2px solid #21b6fc}
.btn3-birutoska{color: #1de1df;border: 2px solid #1de1df}
.btn3-ungutua{color: #7c0ab7;border: 2px solid #7c0ab7}
.btn3-ungumuda{color: #e442f8;border: 2px solid #e442f8}
.btn3-kuningtua{color: #edbe03;border: 2px solid #edbe03}
.btn3-kuningmuda{color: #ffd905;border: 2px solid #ffd905}
.btn3-putih{color: #ffffff;border: 2px solid #ffffff}
.btn3-putih:hover{border: 2px solid #ffffff;}
.btn3-hijau:hover{color:#ffffff; background: #2ecc71;border: 2px solid #2ecc71}
.btn3-hijautua:hover{color:#ffffff; background: #049c2f;border: 2px solid #049c2f}
.btn3-biru:hover{color:#ffffff; background: #2679ec;border: 2px solid #2679ec}
.btn3-birutua:hover{color:#ffffff; background: #131168;border: 2px solid #131168}
.btn3-orange:hover{color:#ffffff; background: #ff6600;border: 2px solid #ff6600}
.btn3-merah:hover{color:#ffffff; background: #e12d1a;border: 2px solid #e12d1a}
.btn3-merahtua:hover{color:#ffffff; background: #b2291b;border: 2px solid #b2291b}
.btn3-kuning:hover{color:#ffffff; background: #f4c712;border: 2px solid #f4c712}
.btn3-ungu:hover{color:#ffffff; background: #5526ee;border: 2px solid #5526ee}
.btn3-hitam:hover{color:#ffffff; background: #222222;border: 2px solid #222222}
.btn3-hitampekat:hover{color:#ffffff; background: #000000;border: 2px solid #000000}
.btn3-abuabu:hover{color:#ffffff; background: #7b8691; border: 2px solid #7b8691}
.btn3-abumuda:hover{color:#ffffff; background: #c3c3c3; border: 2px solid #c3c3c3}
.btn3-merahmuda:hover{color:#ffffff; background: #e53177;border: 2px solid #e53177}
.btn3-hijaumuda:hover{color:#ffffff; background: #9ec502;border: 2px solid #9ec502}
.btn3-hijautoska:hover{color:#ffffff; background: #4adc8f;border: 2px solid #4adc8f}
.btn3-birumuda:hover{color:#ffffff; background: #21b6fc;border: 2px solid #21b6fc}
.btn3-birutoska:hover{color:#ffffff; background: #1de1df;border: 2px solid #1de1df}
.btn3-ungutua:hover{color:#ffffff; background: #7c0ab7;border: 2px solid #7c0ab7}
.btn3-ungumuda:hover{color:#ffffff; background: #e442f8;border: 2px solid #e442f8}
.btn3-kuningtua:hover{color:#ffffff; background: #edbe03;border: 2px solid #edbe03}
.btn3-kuningmuda:hover{color:#ffffff; background: #ffd905;border: 2px solid #ffd905}
.img-btn{width:40px;height:40px;float:left;background-color:#fff;border-radius:50%!important;text-align:center;margin-right:10px!important}
.btn-full{width:calc(100% - 6px)}
.btn-animasi1,.btn-animasi2,.btn-animasi3,.btn-animasi4,.btn-animasi5{font-size:19px;line-height:2em;color:#333;border:2px solid #fff;background-color:#fff;margin:3px;padding: 6px 20px 6px 6px;cursor: pointer;display:inline-block;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;border-radius:50px;text-align:left}
.btn-animasi1:hover{border:2px solid red;color:#fff;background:red;background:-webkit-linear-gradient(to left,red,#6284ff);background:linear-gradient(to left,red,#6284ff);animation:slidebg 5s linear infinite}
.btn-animasi2:hover{background:#cc5333;color:#fff;background:-webkit-linear-gradient(to left,#23074d,#cc5333);background:linear-gradient(to left,#23074d,#cc5333);animation:slidebg 5s linear infinite;border:2px solid #23074d}
.btn-animasi3:hover{border:2px solid #0d7fc8;color:#fff;background:red;background:-webkit-linear-gradient(to left,#0d7fc8,#01c458);background:linear-gradient(to left,#0d7fc8,#01c458);animation:slidebg 5s linear infinite}
.btn-animasi4:hover{border:2px solid #5526ee;color:#fff;background:red;background:-webkit-linear-gradient(to left,#5526ee,#2679ec);background:linear-gradient(to left,#5526ee,#2679ec);animation:slidebg 5s linear infinite}
.btn-animasi5:hover{border:2px solid #ff6600;color:#333;background:red;background:-webkit-linear-gradient(to left,#ff6600,yellow);background:linear-gradient(to left,#ff6600,yellow);animation:slidebg 5s linear infinite}
.btn-transform-putih:hover {background-color: transparent; color: white;border:2px solid white;border-radius:0;}
.btn-transform-hitam:hover {background-color: transparent; color: black;border:2px solid black;border-radius:0;}
.btn-transform-biru:hover {background-color: transparent; color: blue;border:2px solid blue;border-radius:0;}
.btn-transform-birumuda:hover {background-color: transparent; color: dodgerblue;border:2px solid dodgerblue;border-radius:0;}
.btn-transform-kuning:hover {background-color: transparent; color: yellow;border:2px solid yellow;border-radius:0;}
.btn-transform-hijau:hover {background-color: transparent; color: green;border:2px solid green;border-radius:0;}
.btn-transform-orange:hover {background-color: transparent; color: #ff6600;border:2px solid #ff6600;border-radius:0;}
.btn-transform-merah:hover {background-color: transparent; color: red;border:2px solid red;border-radius:0;}
.btn-transform-ungu:hover {background-color: transparent; color: blueviolet;border:2px solid blueviolet;border-radius:0;}
@keyframes slidebg{to{background-position:80vw;transform:translate3d(0,0,0)}}
.btn-papayawhip {background:papayawhip;border: 2px solid papayawhip}.btn-moccasin {background:moccasin;border: 2px solid moccasin}.btn-peachpuff {background:peachpuff;border: 2px solid peachpuff}.btn-palegoldenrod {background:palegoldenrod;border: 2px solid palegoldenrod}.btn-khaki {background:khaki;border: 2px solid khaki}.btn-darkkhaki {background:darkkhaki;border: 2px solid darkkhaki}.btn-yellow {background:yellow;border: 2px solid yellow}.btn-lawngreen {background:lawngreen;border: 2px solid lawngreen}.btn-chartreuse {background:chartreuse;border: 2px solid chartreuse}.btn-limegreen {background:limegreen;border: 2px solid limegreen}.btn-lime {background:lime;border: 2px solid lime}.btn-forestgreen {background:forestgreen;border: 2px solid forestgreen}.btn-green {background:green;border: 2px solid green}.btn-darkgreen {background:darkgreen;border: 2px solid darkgreen}.btn-greenyellow {background:greenyellow;border: 2px solid greenyellow}.btn-yellowgreen {background:yellowgreen;border: 2px solid yellowgreen}.btn-springgreen {background:springgreen;border: 2px solid springgreen}.btn-mediumspringgreen {background:mediumspringgreen;border: 2px solid mediumspringgreen}.btn-lightgreen {background:lightgreen;border: 2px solid lightgreen}.btn-palegreen {background:palegreen;border: 2px solid palegreen}.btn-darkseagreen {background:darkseagreen;border: 2px solid darkseagreen}.btn-mediumseagreen {background:mediumseagreen;border: 2px solid mediumseagreen}.btn-seagreen {background:seagreen;border: 2px solid seagreen}.btn-olive {background:olive;border: 2px solid olive}.btn-darkolivegreen {background:darkolivegreen;border: 2px solid darkolivegreen}.btn-olivedrab {background:olivedrab;border: 2px solid olivedrab}.btn-lightcyan {background:lightcyan;border: 2px solid lightcyan}.btn-cyan {background:cyan;border: 2px solid cyan}.btn-aqua {background:aqua;border: 2px solid aqua}.btn-aquamarine {background:aquamarine;border: 2px solid aquamarine}.btn-mediumaquamarine {background:mediumaquamarine;border: 2px solid mediumaquamarine}.btn-paleturquoise {background:paleturquoise;border: 2px solid paleturquoise}.btn-turquoise {background:turquoise;border: 2px solid turquoise}.btn-mediumturquoise {background:mediumturquoise;border: 2px solid mediumturquoise}.btn-darkturquoise {background:darkturquoise;border: 2px solid darkturquoise}.btn-lightseagreen {background:lightseagreen;border: 2px solid lightseagreen}.btn-cadetblue {background:cadetblue;border: 2px solid cadetblue}.btn-darkcyan {background:darkcyan;border: 2px solid darkcyan}.btn-teal {background:teal;border: 2px solid teal}.btn-powderblue {background:powderblue;border: 2px solid powderblue}.btn-lightblue {background:lightblue;border: 2px solid lightblue}.btn-lightskyblue {background:lightskyblue;border: 2px solid lightskyblue}.btn-skyblue {background:skyblue;border: 2px solid skyblue}.btn-deepskyblue {background:deepskyblue;border: 2px solid deepskyblue}.btn-lightsteelblue {background:lightsteelblue;border: 2px solid lightsteelblue}.btn-dodgerblue {background:dodgerblue;border: 2px solid dodgerblue}.btn-cornflowerblue {background:cornflowerblue;border: 2px solid cornflowerblue}.btn-steelblue {background:steelblue;border: 2px solid steelblue}.btn-royalblue {background:royalblue;border: 2px solid royalblue}.btn-blue {background:blue;border: 2px solid blue}.btn-mediumblue {background:mediumblue;border: 2px solid mediumblue}.btn-darkblue {background:darkblue;border: 2px solid darkblue}.btn-navy {background:navy;border: 2px solid navy}.btn-midnightblue {background:midnightblue;border: 2px solid midnightblue}.btn-mediumslateblue {background:mediumslateblue;border: 2px solid mediumslateblue}.btn-slateblue {background:slateblue;border: 2px solid slateblue}.btn-darkslateblue {background:darkslateblue;border: 2px solid darkslateblue}.btn-lavender {background:lavender;border: 2px solid lavender}.btn-thistle {background:thistle;border: 2px solid thistle}.btn-plum {background:plum;border: 2px solid plum}.btn-violet {background:violet;border: 2px solid violet}.btn-orchid {background:orchid;border: 2px solid orchid}.btn-fuchsia {background:fuchsia;border: 2px solid fuchsia}.btn-magenta {background:magenta;border: 2px solid magenta}.btn-mediumorchid {background:mediumorchid;border: 2px solid mediumorchid}.btn-mediumpurple {background:mediumpurple;border: 2px solid mediumpurple}.btn-blueviolet {background:blueviolet;border: 2px solid blueviolet}.btn-darkviolet {background:darkviolet;border: 2px solid darkviolet}.btn-darkorchid {background:darkorchid;border: 2px solid darkorchid}.btn-darkmagenta {background:darkmagenta;border: 2px solid darkmagenta}.btn-purple {background:purple;border: 2px solid purple}.btn-indigo {background:indigo;border: 2px solid indigo}.btn-pink {background:pink;border: 2px solid pink}.btn-lightpink {background:lightpink;border: 2px solid lightpink}.btn-hotpink {background:hotpink;border: 2px solid hotpink}.btn-deeppink {background:deeppink;border: 2px solid deeppink}.btn-palevioletred {background:palevioletred;border: 2px solid palevioletred}.btn-mediumvioletred {background:mediumvioletred;border: 2px solid mediumvioletred}.btn-white {background:white;border: 2px solid white}.btn-snow {background:snow;border: 2px solid snow}.btn-honeydew {background:honeydew;border: 2px solid honeydew}.btn-mintcream {background:mintcream;border: 2px solid mintcream}.btn-azure {background:azure;border: 2px solid azure}.btn-aliceblue {background:aliceblue;border: 2px solid aliceblue}.btn-ghostwhite {background:ghostwhite;border: 2px solid ghostwhite}.btn-whitesmoke {background:whitesmoke;border: 2px solid whitesmoke}.btn-seashell {background:seashell;border: 2px solid seashell}.btn-beige {background:beige;border: 2px solid beige}.btn-oldlace {background:oldlace;border: 2px solid oldlace}.btn-floralwhite {background:floralwhite;border: 2px solid floralwhite}.btn-ivory {background:ivory;border: 2px solid ivory}.btn-antiquewhite {background:antiquewhite;border: 2px solid antiquewhite}.btn-linen {background:linen;border: 2px solid linen}.btn-lavenderblush {background:lavenderblush;border: 2px solid lavenderblush}.btn-mistyrose {background:mistyrose;border: 2px solid mistyrose}.btn-gainsboro {background:gainsboro;border: 2px solid gainsboro}.btn-lightgray {background:lightgray;border: 2px solid lightgray}.btn-silver {background:silver;border: 2px solid silver}.btn-darkgray {background:darkgray;border: 2px solid darkgray}.btn-gray {background:gray;border: 2px solid gray}.btn-dimgray {background:dimgray;border: 2px solid dimgray}.btn-lightslategray {background:lightslategray;border: 2px solid lightslategray}.btn-slategray {background:slategray;border: 2px solid slategray}.btn-darkslategray {background:darkslategray;border: 2px solid darkslategray}.btn-black {background:black;border: 2px solid black}.btn-cornsilk {background:cornsilk;border: 2px solid cornsilk}.btn-blanchedalmond {background:blanchedalmond;border: 2px solid blanchedalmond}.btn-bisque {background:bisque;border: 2px solid bisque}.btn-navajowhite {background:navajowhite;border: 2px solid navajowhite}.btn-wheat {background:wheat;border: 2px solid wheat}.btn-burlywood {background:burlywood;border: 2px solid burlywood}.btn-tan {background:tan;border: 2px solid tan}.btn-rosybrown {background:rosybrown;border: 2px solid rosybrown}.btn-sandybrown {background:sandybrown;border: 2px solid sandybrown}.btn-goldenrod {background:goldenrod;border: 2px solid goldenrod}.btn-peru {background:peru;border: 2px solid peru}.btn-chocolate {background:chocolate;border: 2px solid chocolate}.btn-saddlebrown {background:saddlebrown;border: 2px solid saddlebrown}.btn-sienna {background:sienna;border: 2px solid sienna}.btn-brown {background:brown;border: 2px solid brown}.btn-maroon {background:maroon;border: 2px solid maroon}
.latar-hijau{background:#23c869;color:#ffffff}.latar-hijautua{background:#049c2f;color:#ffffff}.latar-hijaumuda{background:#9ec502;color:#ffffff}.latar-birudongker{background:#140f4b;}.latar-biru{background:#2679ec;color:#ffffff}.latar-birutua{background:#003692;color:#ffffff}.latar-birumuda{background:#21b6fc;color:#ffffff}.latar-birutoska{background:#1de1df;color:#222222}.latar-hijautoska{background:#4adc8f;color:#ffffff}.latar-ungu{background:#5526ee;color:#ffffff}.latar-ungutua{background:#7c0ab7;color:#ffffff}.latar-ungumuda{background:#e442f8;color:#ffffff}.latar-kuning{background:#f8ce26;color:#222222}.latar-kuningtua{background:#edbe03;color:#222222}.latar-kuningmuda{background:#ffd905;color:#222222}.latar-krem{background:#fde0be;color:#222222}.latar-kremmuda{background:#f8ecd5;color:#222222}.latar-merah{background:#e12d1a;color:#ffffff}.latar-merahtua{background:#b2291b;color:#ffffff}.latar-merahmuda{background:#e53177;color:#ffffff}.latar-orange{background:#ff6600;color:#ffffff}.latar-abuabu{background:#7b8691;color:#ffffff}.latar-abumuda{background:#c5c6c7;color:#ffffff}.latar-putih{background:#ffffff;color:#222222}.latar-hitam{background:#222222;color:#ffffff}.latar-coklat{background:#7e623f;color:#ffffff}.latar-hitampekat{background:#000000;color:#ffffff}
.bg-merah{background:#fec7c7;transition:all .5s ease 50ms;}.bg-hijau{background:#c7fecb;transition:all .5s ease 50ms;}.bg-biru{background:#eafbfe;transition:all .5s ease 50ms;}.bg-kuning{background:#FFC000;transition:all .5s ease 50ms;}.bg-ungu{background:#f8ecfd;transition:all .5s ease 50ms;}.bg-abuabu{background:#f1f3f6;transition:all .5s ease 50ms;}
.coklat{color:#7e623f} .merah{color:#e12d1a} .merahmuda{color:#e53177} .merahtua{color:#b2291b} .hijau{color:#23c869}.hijautua{color:#049c2f}.hijaumuda{color:#9ec502}.hijautoska{color:#4adc8f}.orange{color:#ff6600}.biru{color:#1564C0}.birutua{color:#131168}.birumuda{color:#21b6fc}.birutoska{color:#1de1df}.birudongker{color:#140f4b;}.putih{color:#ffffff}.hitam{color:#222222}.hitampekat{color:#000000}.ungu{color:#5526ee}.ungutua{color:#7c0ab7}.ungumuda{color:#e442f8}.kuning{color:#f8ce26}.kuningtua{color:#edbe03}.kuningmuda{color:#ffd905}.krem{color:#fde0be}.kremmuda{color:#f8ecd5}.abuabu{color:#7b8691}.abumuda{color:#c5c6c7}.gold{color: #D5AD6D;background: -webkit-linear-gradient(top, #bc9248 0%, #f2d162 26%, #b17a39 35%, #f3cf57 45%, #fbdd85 55%, #d7a252 70%, #eecb71 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.sorot-coklat:hover{color:#7e623f} .sorot-merah:hover{color:#e12d1a} .sorot-merahmuda:hover{color:#e53177} .sorot-merahtua:hover{color:#b2291b} .sorot-hijau:hover{color:#23c869}.sorot-hijautua:hover{color:#049c2f}.sorot-hijaumuda:hover{color:#9ec502}.sorot-hijautoska:hover{color:#9ec502}.sorot-orange:hover{color:#ff6600}.sorot-biru:hover{color:#2679ec}.sorot-birutua:hover{color:#131168}.sorot-birumuda:hover{color:#21b6fc}.sorot-birutoska:hover{color:#1de1df}.sorot-putih:hover{color:#ffffff}.sorot-hitam:hover{color:#222222}.sorot-hitampekat:hover{color:#000000}.sorot-ungu:hover{color:#5526ee}.sorot-ungutua:hover{color:#7c0ab7}.sorot-ungumuda:hover{color:#e442f8}.sorot-kuning:hover{color:#f8ce26}.sorot-kuningtua:hover{color:#edbe03}.sorot-kuningmuda:hover{color:#ffd905}.sorot-krem:hover{color:#fde0be}.sorot-kremmuda:hover{color:#f8ecd5}.sorot-abuabu:hover{color:#7b8691}.sorot-abumuda:hover{color:#c5c6c7}
.papayawhip {color:papayawhip}.moccasin {color:moccasin}.peachpuff {color:peachpuff}.palegoldenrod {color:palegoldenrod}.khaki {color:khaki}.darkkhaki {color:darkkhaki}.yellow {color:yellow}.lawngreen {color:lawngreen}.chartreuse {color:chartreuse}.limegreen {color:limegreen}.lime {color:lime}.forestgreen {color:forestgreen}.green {color:green}.darkgreen {color:darkgreen}.greenyellow {color:greenyellow}.yellowgreen {color:yellowgreen}.springgreen {color:springgreen}.mediumspringgreen {color:mediumspringgreen}.lightgreen {color:lightgreen}.palegreen {color:palegreen}.darkseagreen {color:darkseagreen}.mediumseagreen {color:mediumseagreen}.seagreen {color:seagreen}.olive {color:olive}.darkolivegreen {color:darkolivegreen}.olivedrab {color:olivedrab}.lightcyan {color:lightcyan}.cyan {color:cyan}.aqua {color:aqua}.aquamarine {color:aquamarine}.mediumaquamarine {color:mediumaquamarine}.paleturquoise {color:paleturquoise}.turquoise {color:turquoise}.mediumturquoise {color:mediumturquoise}.darkturquoise {color:darkturquoise}.lightseagreen {color:lightseagreen}.cadetblue {color:cadetblue}.darkcyan {color:darkcyan}.teal {color:teal}.powderblue {color:powderblue}.lightblue {color:lightblue}.lightskyblue {color:lightskyblue}.skyblue {color:skyblue}.deepskyblue {color:deepskyblue}.lightsteelblue {color:lightsteelblue}.dodgerblue {color:dodgerblue}.cornflowerblue {color:cornflowerblue}.steelblue {color:steelblue}.royalblue {color:royalblue}.blue {color:blue}.mediumblue {color:mediumblue}.darkblue {color:darkblue}.navy {color:navy}.midnightblue {color:midnightblue}.mediumslateblue {color:mediumslateblue}.slateblue {color:slateblue}.darkslateblue {color:darkslateblue}.lavender {color:lavender}.thistle {color:thistle}.plum {color:plum}.violet {color:violet}.orchid {color:orchid}.fuchsia {color:fuchsia}.magenta {color:magenta}.mediumorchid {color:mediumorchid}.mediumpurple {color:mediumpurple}.blueviolet {color:blueviolet}.darkviolet {color:darkviolet}.darkorchid {color:darkorchid}.darkmagenta {color:darkmagenta}.purple {color:purple}.indigo {color:indigo}.pink {color:pink}.lightpink {color:lightpink}.hotpink {color:hotpink}.deeppink {color:deeppink}.palevioletred {color:palevioletred}.mediumvioletred {color:mediumvioletred}.white {color:white}.snow {color:snow}.honeydew {color:honeydew}.mintcream {color:mintcream}.azure {color:azure}.aliceblue {color:aliceblue}.ghostwhite {color:ghostwhite}.whitesmoke {color:whitesmoke}.seashell {color:seashell}.beige {color:beige}.oldlace {color:oldlace}.floralwhite {color:floralwhite}.ivory {color:ivory}.antiquewhite {color:antiquewhite}.linen {color:linen}.lavenderblush {color:lavenderblush}.mistyrose {color:mistyrose}.gainsboro {color:gainsboro}.lightgray {color:lightgray}.silver {color:silver}.darkgray {color:darkgray}.gray {color:gray}.dimgray {color:dimgray}.lightslategray {color:lightslategray}.slategray {color:slategray}.darkslategray {color:darkslategray}.black {color:black}.cornsilk {color:cornsilk}.blanchedalmond {color:blanchedalmond}.bisque {color:bisque}.navajowhite {color:navajowhite}.wheat {color:wheat}.burlywood {color:burlywood}.tan {color:tan}.rosybrown {color:rosybrown}.sandybrown {color:sandybrown}.goldenrod {color:goldenrod}.peru {color:peru}.chocolate {color:chocolate}.saddlebrown {color:saddlebrown}.sienna {color:sienna}.brown {color:brown}.maroon {color:maroon}
.hover-papayawhip:hover {color:papayawhip}.hover-moccasin:hover {color:moccasin}.hover-peachpuff:hover {color:peachpuff}.hover-palegoldenrod:hover {color:palegoldenrod}.hover-khaki:hover {color:khaki}.hover-darkkhaki:hover {color:darkkhaki}.hover-yellow:hover {color:yellow}.hover-lawngreen:hover {color:lawngreen}.hover-chartreuse:hover {color:chartreuse}.hover-limegreen:hover {color:limegreen}.hover-lime:hover {color:lime}.hover-forestgreen:hover {color:forestgreen}.hover-green:hover {color:green}.hover-darkgreen:hover {color:darkgreen}.hover-greenyellow:hover {color:greenyellow}.hover-yellowgreen:hover {color:yellowgreen}.hover-springgreen:hover {color:springgreen}.hover-mediumspringgreen:hover {color:mediumspringgreen}.hover-lightgreen:hover {color:lightgreen}.hover-palegreen:hover {color:palegreen}.hover-darkseagreen:hover {color:darkseagreen}.hover-mediumseagreen:hover {color:mediumseagreen}.hover-seagreen:hover {color:seagreen}.hover-olive:hover {color:olive}.hover-darkolivegreen:hover {color:darkolivegreen}.hover-olivedrab:hover {color:olivedrab}.hover-lightcyan:hover {color:lightcyan}.hover-cyan:hover {color:cyan}.hover-aqua:hover {color:aqua}.hover-aquamarine:hover {color:aquamarine}.hover-mediumaquamarine:hover {color:mediumaquamarine}.hover-paleturquoise:hover {color:paleturquoise}.hover-turquoise:hover {color:turquoise}.hover-mediumturquoise:hover {color:mediumturquoise}.hover-darkturquoise:hover {color:darkturquoise}.hover-lightseagreen:hover {color:lightseagreen}.hover-cadetblue:hover {color:cadetblue}.hover-darkcyan:hover {color:darkcyan}.hover-teal:hover {color:teal}.hover-powderblue:hover {color:powderblue}.hover-lightblue:hover {color:lightblue}.hover-lightskyblue:hover {color:lightskyblue}.hover-skyblue:hover {color:skyblue}.hover-deepskyblue:hover {color:deepskyblue}.hover-lightsteelblue:hover {color:lightsteelblue}.hover-dodgerblue:hover {color:dodgerblue}.hover-cornflowerblue:hover {color:cornflowerblue}.hover-steelblue:hover {color:steelblue}.hover-royalblue:hover {color:royalblue}.hover-blue:hover {color:blue}.hover-mediumblue:hover {color:mediumblue}.hover-darkblue:hover {color:darkblue}.hover-navy:hover {color:navy}.hover-midnightblue:hover {color:midnightblue}.hover-mediumslateblue:hover {color:mediumslateblue}.hover-slateblue:hover {color:slateblue}.hover-darkslateblue:hover {color:darkslateblue}.hover-lavender:hover {color:lavender}.hover-thistle:hover {color:thistle}.hover-plum:hover {color:plum}.hover-violet:hover {color:violet}.hover-orchid:hover {color:orchid}.hover-fuchsia:hover {color:fuchsia}.hover-magenta:hover {color:magenta}.hover-mediumorchid:hover {color:mediumorchid}.hover-mediumpurple:hover {color:mediumpurple}.hover-blueviolet:hover {color:blueviolet}.hover-darkviolet:hover {color:darkviolet}.hover-darkorchid:hover {color:darkorchid}.hover-darkmagenta:hover {color:darkmagenta}.hover-purple:hover {color:purple}.hover-indigo:hover {color:indigo}.hover-pink:hover {color:pink}.hover-lightpink:hover {color:lightpink}.hover-hotpink:hover {color:hotpink}.hover-deeppink:hover {color:deeppink}.hover-palevioletred:hover {color:palevioletred}.hover-mediumvioletred:hover {color:mediumvioletred}.hover-white:hover {color:white}.hover-snow:hover {color:snow}.hover-honeydew:hover {color:honeydew}.hover-mintcream:hover {color:mintcream}.hover-azure:hover {color:azure}.hover-aliceblue:hover {color:aliceblue}.hover-ghostwhite:hover {color:ghostwhite}.hover-whitesmoke:hover {color:whitesmoke}.hover-seashell:hover {color:seashell}.hover-beige:hover {color:beige}.hover-oldlace:hover {color:oldlace}.hover-floralwhite:hover {color:floralwhite}.hover-ivory:hover {color:ivory}.hover-antiquewhite:hover {color:antiquewhite}.hover-linen:hover {color:linen}.hover-lavenderblush:hover {color:lavenderblush}.hover-mistyrose:hover {color:mistyrose}.hover-gainsboro:hover {color:gainsboro}.hover-lightgray:hover {color:lightgray}.hover-silver:hover {color:silver}.hover-darkgray:hover {color:darkgray}.hover-gray:hover {color:gray}.hover-dimgray:hover {color:dimgray}.hover-lightslategray:hover {color:lightslategray}.hover-slategray:hover {color:slategray}.hover-darkslategray:hover {color:darkslategray}.hover-black:hover {color:black}.hover-cornsilk:hover {color:cornsilk}.hover-blanchedalmond:hover {color:blanchedalmond}.hover-bisque:hover {color:bisque}.hover-navajowhite:hover {color:navajowhite}.hover-wheat:hover {color:wheat}.hover-burlywood:hover {color:burlywood}.hover-tan:hover {color:tan}.hover-rosybrown:hover {color:rosybrown}.hover-sandybrown:hover {color:sandybrown}.hover-goldenrod:hover {color:goldenrod}.hover-peru:hover {color:peru}.hover-chocolate:hover {color:chocolate}.hover-saddlebrown:hover {color:saddlebrown}.hover-sienna:hover {color:sienna}.hover-brown:hover {color:brown}.hover-maroon:hover {color:maroon}
.line-clamp1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp4{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.line-clamp5{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}
.HTML .title{ display: none; }
.titik-merah {border-bottom: 1px dotted red;  padding-bottom:10px;margin-top:10px}
.titik-orange {border-bottom: 1px dotted #ff6600; padding-bottom:10px;margin-top:10px}
.titik-kuning {border-bottom: 1px dotted yellow; padding-bottom:10px;margin-top:10px}
.titik-hijau {border-bottom: 1px dotted green; padding-bottom:10px;margin-top:10px}
.titik-biru {border-bottom: 1px dotted blue; padding-bottom:10px;margin-top:10px}
.titik-ungu {border-bottom: 1px dotted purple; padding-bottom:10px;margin-top:10px}
.titik-hitam{border-bottom: 1px dotted black; padding-bottom:10px;margin-top:10px}
.titik-putih{border-bottom: 1px dotted white; padding-bottom:10px;margin-top:10px}
.titik-abuabu{border-bottom: 1px dotted #ececec; padding-bottom:10px;margin-top:10px}
hr {margin-top:0px; margin-bottom:20px; border:0; border-top: 1px solid #cdcdcd}
hr.merah {border-top: 2.5px solid #e12d1a; width:125px; max-width: 125px;margin-top:-5px;clear:both; margin-bottom:3px}
hr.orange {border-top: 2.5px solid #ff6600; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.kuning {border-top: 2.5px solid #f8ce26; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.hijau {border-top: 2.5px solid #23c869; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.biru {border:-top 2.5px solid #2679ec; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.ungu {border-top: 2.5px solid #5526ee; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.hitam{border-top: 2.5px solid #222222; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.putih{border-top: 2.5px solid #ffffff; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-merah {border-top: 4px dotted #e12d1a; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-orange {border-top: 4px dotted #ff6600; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-kuning {border-top: 4px dotted #f8ce26; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-hijau {border-top: 4px dotted #23c869; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-biru {border:-top 4px dotted #2679ec; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-ungu {border-top: 4px dotted #5526ee; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-hitam{border-top: 4px dotted #222222; width:125px; max-width: 125px;margin-top:-5px;clear:both}
hr.dot-putih{border-top: 4px dotted #ffffff; width:125px; max-width: 125px;margin-top:-5px;clear:both}
.kiri{float:left}
.hijau,.hijautua,.hijautoska,.hijaumuda,.biru,.birutua,.birumuda,.birutoska,.ungu,.ungutua,.ungumuda,.kuning,.kuningtua,.kuningmuda,.krem,.kremmuda,.merah,.merahtua,.merahmuda,.orange,.abuabu,.abumuda,.hitam,.hitampekat,.putih,.sorot-hijau,.sorot-hijautua,.sorot-hijautoska,.sorot-hijaumuda,.sorot-biru,.sorot-birutua,.sorot-birumuda,.sorot-birutoska,.sorot-ungu,.sorot-ungutua,.sorot-ungumuda,.sorot-kuning,.sorot-kuningtua,.sorot-kuningmuda,.sorot-krem,.sorot-kremmuda,.sorot-merah,.sorot-merahtua,.sorot-merahmuda,.sorot-orange,.sorot-abuabu,.sorot-abumuda,.sorot-hitam,.sorot-hitampekat,.sorot-putih{transition:all .5s ease 50ms;}
.latar-hijau,.latar-hijautua,.latar-hijautoska,.latar-hijaumuda,.latar-biru,.latar-birutua,.latar-birumuda,.latar-birutoska,.latar-ungu,.latar-ungutua,.latar-ungumuda,.latar-kuning,.latar-kuningtua,.latar-kuningmuda,.latar-krem,.latar-kremmuda,.latar-merah,.latar-merahtua,.latar-merahmuda,.latar-orange,.latar-abuabu,.latar-abumuda,.latar-hitam,.latar-hitampekat,.latar-putih,.overlay-hitam,.overlay-putih,.overlay-merah,.overlay-orange,.overlay-kuning,.overlay-ungu,.overlay-biru,.overlay-hijau{transition:all .5s ease 50ms;}
.box-shadow-hijau,.box-shadow-hijautua,.box-shadow-hijautoska,.box-shadow-hijaumuda,.box-shadow-biru,.box-shadow-birutua,.box-shadow-birumuda,.box-shadow-birutoska,.box-shadow-ungu,.box-shadow-ungutua,.box-shadow-ungumuda,.box-shadow-kuning,.box-shadow-kuningtua,.box-shadow-kuningmuda,.box-shadow-krem,.box-shadow-kremmuda,.box-shadow-merah,.box-shadow-merahtua,.box-shadow-merahmuda,.box-shadow-orange,.box-shadow-abuabu,.box-shadow-abumuda,.box-shadow-hitam,.box-shadow-hitampekat,.box-shadow-putih{transition:all .5s ease 50ms;}
.box-shadow-hijau2,.box-shadow-hijautua2,.box-shadow-hijautoska2,.box-shadow-hijaumuda2,.box-shadow-biru2,.box-shadow-birutua2,.box-shadow-birumuda2,.box-shadow-birutoska2,.box-shadow-ungu2,.box-shadow-ungutua2,.box-shadow-ungumuda2,.box-shadow-kuning2,.box-shadow-kuningtua2,.box-shadow-kuningmuda2,.box-shadow-krem2,.box-shadow-kremmuda2,.box-shadow-merah2,.box-shadow-merahtua2,.box-shadow-merahmuda2,.box-shadow-orange2,.box-shadow-abuabu2,.box-shadow-abumuda2,.box-shadow-hitam2,.box-shadow-hitampekat2,.box-shadow-putih2{transition:all .5s ease 50ms;}
.box-shadow-hijau3,.box-shadow-hijautua3,.box-shadow-hijautoska3,.box-shadow-hijaumuda3,.box-shadow-biru3,.box-shadow-birutua3,.box-shadow-birumuda3,.box-shadow-birutoska3,.box-shadow-ungu3,.box-shadow-ungutua3,.box-shadow-ungumuda3,.box-shadow-kuning3,.box-shadow-kuningtua3,.box-shadow-kuningmuda3,.box-shadow-krem3,.box-shadow-kremmuda3,.box-shadow-merah3,.box-shadow-merahtua3,.box-shadow-merahmuda3,.box-shadow-orange3,.box-shadow-abuabu3,.box-shadow-abumuda3,.box-shadow-hitam3,.box-shadow-hitampekat3,.box-shadow-putih3{transition:all .5s ease 50ms;}
.box-shadow-hijau4,.box-shadow-hijautua4,.box-shadow-hijautoska4,.box-shadow-hijaumuda4,.box-shadow-biru4,.box-shadow-birutua4,.box-shadow-birumuda4,.box-shadow-birutoska4,.box-shadow-ungu4,.box-shadow-ungutua4,.box-shadow-ungumuda4,.box-shadow-kuning4,.box-shadow-kuningtua4,.box-shadow-kuningmuda4,.box-shadow-krem4,.box-shadow-kremmuda4,.box-shadow-merah4,.box-shadow-merahtua4,.box-shadow-merahmuda4,.box-shadow-orange4,.box-shadow-abuabu4,.box-shadow-abumuda4,.box-shadow-hitam4,.box-shadow-hitampekat4,.box-shadow-putih4{transition:all .5s ease 50ms;}
.sorot-box-shadow-hijau2,.sorot-box-shadow-hijautua2,.sorot-box-shadow-hijautoska2,.sorot-box-shadow-hijaumuda2,.sorot-box-shadow-biru2,.sorot-box-shadow-birutua2,.sorot-box-shadow-birumuda2,.sorot-box-shadow-birutoska2,.sorot-box-shadow-ungu2,.sorot-box-shadow-ungutua2,.sorot-box-shadow-ungumuda2,.sorot-box-shadow-kuning2,.sorot-box-shadow-kuningtua2,.sorot-box-shadow-kuningmuda2,.sorot-box-shadow-krem2,.sorot-box-shadow-kremmuda2,.sorot-box-shadow-merah2,.sorot-box-shadow-merahtua2,.sorot-box-shadow-merahmuda2,.sorot-box-shadow-orange2,.sorot-box-shadow-abuabu2,.sorot-box-shadow-abumuda2,.sorot-box-shadow-hitam2,.sorot-box-shadow-hitampekat2,.sorot-box-shadow-putih2{transition:all .5s ease 50ms;}
.sorot-box-shadow-hijau3,.sorot-box-shadow-hijautua3,.sorot-box-shadow-hijautoska3,.sorot-box-shadow-hijaumuda3,.sorot-box-shadow-biru3,.sorot-box-shadow-birutua3,.sorot-box-shadow-birumuda3,.sorot-box-shadow-birutoska3,.sorot-box-shadow-ungu3,.sorot-box-shadow-ungutua3,.sorot-box-shadow-ungumuda3,.sorot-box-shadow-kuning3,.sorot-box-shadow-kuningtua3,.sorot-box-shadow-kuningmuda3,.sorot-box-shadow-krem3,.sorot-box-shadow-kremmuda3,.sorot-box-shadow-merah3,.sorot-box-shadow-merahtua3,.sorot-box-shadow-merahmuda3,.sorot-box-shadow-orange3,.sorot-box-shadow-abuabu3,.sorot-box-shadow-abumuda3,.sorot-box-shadow-hitam3,.sorot-box-shadow-hitampekat3,.sorot-box-shadow-putih3{transition:all .5s ease 50ms;}
.sorot-box-shadow-hijau4,.sorot-box-shadow-hijautua4,.sorot-box-shadow-hijautoska4,.sorot-box-shadow-hijaumuda4,.sorot-box-shadow-biru4,.sorot-box-shadow-birutua4,.sorot-box-shadow-birumuda4,.sorot-box-shadow-birutoska4,.sorot-box-shadow-ungu4,.sorot-box-shadow-ungutua4,.sorot-box-shadow-ungumuda4,.sorot-box-shadow-kuning4,.sorot-box-shadow-kuningtua4,.sorot-box-shadow-kuningmuda4,.sorot-box-shadow-krem4,.sorot-box-shadow-kremmuda4,.sorot-box-shadow-merah4,.sorot-box-shadow-merahtua4,.sorot-box-shadow-merahmuda4,.sorot-box-shadow-orange4,.sorot-box-shadow-abuabu4,.sorot-box-shadow-abumuda4,.sorot-box-shadow-hitam4,.sorot-box-shadow-hitampekat4,.sorot-box-shadow-putih4{transition:all .5s ease 50ms;}
.sorot-latar-hijau,.sorot-latar-hijautua,.sorot-latar-hijautoska,.sorot-latar-hijaumuda,.sorot-latar-biru,.sorot-latar-birutua,.sorot-latar-birumuda,.sorot-latar-birutoska,.sorot-latar-ungu,.sorot-latar-ungutua,.sorot-latar-ungumuda,.sorot-latar-kuning,.sorot-latar-kuningtua,.sorot-latar-kuningmuda,.sorot-latar-krem,.sorot-latar-kremmuda,.sorot-latar-merah,.sorot-latar-merahtua,.sorot-latar-merahmuda,.sorot-latar-orange,.sorot-latar-abuabu,.sorot-latar-abumuda,.sorot-latar-hitam,.sorot-latar-hitampekat,.sorot-latar-putih,.sorot-overlay-hitam,.sorot-overlay-putih,.sorot-overlay-merah,.sorot-overlay-orange,.sorot-overlay-kuning,.sorot-overlay-ungu,.sorot-overlay-biru,.sorot-overlay-hijau{transition:all .5s ease 50ms;}
.sorot-box-shadow-hijau,.sorot-box-shadow-hijautua,.sorot-box-shadow-hijautoska,.sorot-box-shadow-hijaumuda,.sorot-box-shadow-biru,.sorot-box-shadow-birutua,.sorot-box-shadow-birumuda,.sorot-box-shadow-birutoska,.sorot-box-shadow-ungu,.sorot-box-shadow-ungutua,.sorot-box-shadow-ungumuda,.sorot-box-shadow-kuning,.sorot-box-shadow-kuningtua,.sorot-box-shadow-kuningmuda,.sorot-box-shadow-krem,.sorot-box-shadow-kremmuda,.sorot-box-shadow-merah,.sorot-box-shadow-merahtua,.sorot-box-shadow-merahmuda,.sorot-box-shadow-orange,.sorot-box-shadow-abuabu,.sorot-box-shadow-abumuda,.sorot-box-shadow-hitam,.sorot-box-shadow-hitampekat,.sorot-box-shadow-putih{transition:all .5s ease 50ms;}
.sorot-latar-hijau:hover{background:#23c869;color:#ffffff}.sorot-latar-hijautua:hover{background:#049c2f;color:#ffffff}.sorot-latar-hijaumuda:hover{background:#9ec502;color:#ffffff}.sorot-latar-birudongker:hover{background:#140f4b;}.sorot-latar-biru:hover{background:#2679ec;color:#ffffff}.sorot-latar-birutua:hover{background:#131168;color:#ffffff}.sorot-latar-birumuda:hover{background:#21b6fc;color:#ffffff}.sorot-latar-birutoska:hover{background:#1de1df;color:#494949}.sorot-latar-hijautoska:hover{background:#4adc8f;color:#ffffff}.sorot-latar-ungu:hover{background:#5526ee;color:#ffffff}.sorot-latar-ungutua:hover{background:#7c0ab7;color:#ffffff}.sorot-latar-ungumuda:hover{background:#e442f8;color:#ffffff}.sorot-latar-kuning:hover{background:#f8ce26;color:#494949}.sorot-latar-kuningtua:hover{background:#edbe03;color:#494949}.sorot-latar-kuningmuda:hover{background:#ffd905;color:#494949}.sorot-latar-krem:hover{background:#fde0be;color:#494949}.sorot-latar-kremmuda:hover{background:#f8ecd5;color:#494949}.sorot-latar-merah:hover{background:#e12d1a;color:#ffffff}.sorot-latar-merahtua:hover{background:#b2291b;color:#ffffff}.sorot-latar-merahmuda:hover{background:#e53177;color:#ffffff}.sorot-latar-orange:hover{background:#ff6600;color:#ffffff!important}.sorot-latar-abuabu:hover{background:#7b8691;color:#ffffff}.sorot-latar-abumuda:hover{background:#c5c6c7;color:#ffffff}.sorot-latar-putih:hover{background:#ffffff;color:#494949}.sorot-latar-hitam:hover{background:#494949;color:#ffffff}.sorot-latar-coklat:hover{background:#7e623f;color:#ffffff}.sorot-latar-hitampekat:hover{background:#000000;color:#ffffff}
.sorot-overlay-hitam:hover{background:rgba(0,0,0,0.4)}
.sorot-overlay-putih:hover{background:rgba(255,255,255,0.4)}
.sorot-overlay-merah:hover{background:rgba(220,20,60,0.4)}
.sorot-overlay-orange:hover{background:rgba(255,140,0,0.4)}
.sorot-overlay-kuning:hover{background:rgba(255,255,0,0.4)}
.sorot-overlay-ungu:hover{background:rgba(255,0,255,0.4)}
.sorot-overlay-biru:hover{background:rgba(0,191,255,0.4)}
.sorot-overlay-hijau:hover{background:rgba(50,205,50,0.4)}
.sorot-overlay-hitam2:hover{background:rgba(0,0,0,0.7)}
.sorot-overlay-putih2:hover{background:rgba(255,255,255,0.7)}
.sorot-overlay-merah2:hover{background:rgba(220,20,60,0.7)}
.sorot-overlay-orange2:hover{background:rgba(255,140,0,0.7)}
.sorot-overlay-kuning2:hover{background:rgba(255,255,0,0.7)}
.sorot-overlay-ungu:hover{background:rgba(255,0,255,0.7)}
.sorot-overlay-biru:hover{background:rgba(0,191,255,0.7)}
.sorot-overlay-hijau:hover{background:rgba(50,205,50,0.7)}
.bg-papayawhip {background:papayawhip}.bg-moccasin {background:moccasin}.bg-peachpuff {background:peachpuff}.bg-palegoldenrod {background:palegoldenrod}.bg-khaki {background:khaki}.bg-darkkhaki {background:darkkhaki}.bg-yellow {background:yellow}.bg-lawngreen {background:lawngreen}.bg-chartreuse {background:chartreuse}.bg-limegreen {background:limegreen}.bg-lime {background:lime}.bg-forestgreen {background:forestgreen}.bg-green {background:green}.bg-darkgreen {background:darkgreen}.bg-greenyellow {background:greenyellow}.bg-yellowgreen {background:yellowgreen}.bg-springgreen {background:springgreen}.bg-mediumspringgreen {background:mediumspringgreen}.bg-lightgreen {background:lightgreen}.bg-palegreen {background:palegreen}.bg-darkseagreen {background:darkseagreen}.bg-mediumseagreen {background:mediumseagreen}.bg-seagreen {background:seagreen}.bg-olive {background:olive}.bg-darkolivegreen {background:darkolivegreen}.bg-olivedrab {background:olivedrab}.bg-lightcyan {background:lightcyan}.bg-cyan {background:cyan}.bg-aqua {background:aqua}.bg-aquamarine {background:aquamarine}.bg-mediumaquamarine {background:mediumaquamarine}.bg-paleturquoise {background:paleturquoise}.bg-turquoise {background:turquoise}.bg-mediumturquoise {background:mediumturquoise}.bg-darkturquoise {background:darkturquoise}.bg-lightseagreen {background:lightseagreen}.bg-cadetblue {background:cadetblue}.bg-darkcyan {background:darkcyan}.bg-teal {background:teal}.bg-powderblue {background:powderblue}.bg-lightblue {background:lightblue}.bg-lightskyblue {background:lightskyblue}.bg-skyblue {background:skyblue}.bg-deepskyblue {background:deepskyblue}.bg-lightsteelblue {background:lightsteelblue}.bg-dodgerblue {background:dodgerblue}.bg-cornflowerblue {background:cornflowerblue}.bg-steelblue {background:steelblue}.bg-royalblue {background:royalblue}.bg-blue {background:blue}.bg-mediumblue {background:mediumblue}.bg-darkblue {background:darkblue}.bg-navy {background:navy}.bg-midnightblue {background:midnightblue}.bg-mediumslateblue {background:mediumslateblue}.bg-slateblue {background:slateblue}.bg-darkslateblue {background:darkslateblue}.bg-lavender {background:lavender}.bg-thistle {background:thistle}.bg-plum {background:plum}.bg-violet {background:violet}.bg-orchid {background:orchid}.bg-fuchsia {background:fuchsia}.bg-magenta {background:magenta}.bg-mediumorchid {background:mediumorchid}.bg-mediumpurple {background:mediumpurple}.bg-blueviolet {background:blueviolet}.bg-darkviolet {background:darkviolet}.bg-darkorchid {background:darkorchid}.bg-darkmagenta {background:darkmagenta}.bg-purple {background:purple}.bg-indigo {background:indigo}.bg-pink {background:pink}.bg-lightpink {background:lightpink}.bg-hotpink {background:hotpink}.bg-deeppink {background:deeppink}.bg-palevioletred {background:palevioletred}.bg-mediumvioletred {background:mediumvioletred}.bg-white {background:white}.bg-snow {background:snow}.bg-honeydew {background:honeydew}.bg-mintcream {background:mintcream}.bg-azure {background:azure}.bg-aliceblue {background:aliceblue}.bg-ghostwhite {background:ghostwhite}.bg-whitesmoke {background:whitesmoke}.bg-seashell {background:seashell}.bg-beige {background:beige}.bg-oldlace {background:oldlace}.bg-floralwhite {background:floralwhite}.bg-ivory {background:ivory}.bg-antiquewhite {background:antiquewhite}.bg-linen {background:linen}.bg-lavenderblush {background:lavenderblush}.bg-mistyrose {background:mistyrose}.bg-gainsboro {background:gainsboro}.bg-lightgray {background:lightgray}.bg-silver {background:silver}.bg-darkgray {background:darkgray}.bg-gray {background:gray}.bg-dimgray {background:dimgray}.bg-lightslategray {background:lightslategray}.bg-slategray {background:slategray}.bg-darkslategray {background:darkslategray}.bg-black {background:black}.bg-cornsilk {background:cornsilk}.bg-blanchedalmond {background:blanchedalmond}.bg-bisque {background:bisque}.bg-navajowhite {background:navajowhite}.bg-wheat {background:wheat}.bg-burlywood {background:burlywood}.bg-tan {background:tan}.bg-rosybrown {background:rosybrown}.bg-sandybrown {background:sandybrown}.bg-goldenrod {background:goldenrod}.bg-peru {background:peru}.bg-chocolate {background:chocolate}.bg-saddlebrown {background:saddlebrown}.bg-sienna {background:sienna}.bg-brown {background:brown}.bg-maroon {background:maroon}
.hover-bg-papayawhip:hover {background:papayawhip}.hover-bg-moccasin:hover {background:moccasin}.hover-bg-peachpuff:hover {background:peachpuff}.hover-bg-palegoldenrod:hover {background:palegoldenrod}.hover-bg-khaki:hover {background:khaki}.hover-bg-darkkhaki:hover {background:darkkhaki}.hover-bg-yellow:hover {background:yellow}.hover-bg-lawngreen:hover {background:lawngreen}.hover-bg-chartreuse:hover {background:chartreuse}.hover-bg-limegreen:hover {background:limegreen}.hover-bg-lime:hover {background:lime}.hover-bg-forestgreen:hover {background:forestgreen}.hover-bg-green:hover {background:green}.hover-bg-darkgreen:hover {background:darkgreen}.hover-bg-greenyellow:hover {background:greenyellow}.hover-bg-yellowgreen:hover {background:yellowgreen}.hover-bg-springgreen:hover {background:springgreen}.hover-bg-mediumspringgreen:hover {background:mediumspringgreen}.hover-bg-lightgreen:hover {background:lightgreen}.hover-bg-palegreen:hover {background:palegreen}.hover-bg-darkseagreen:hover {background:darkseagreen}.hover-bg-mediumseagreen:hover {background:mediumseagreen}.hover-bg-seagreen:hover {background:seagreen}.hover-bg-olive:hover {background:olive}.hover-bg-darkolivegreen:hover {background:darkolivegreen}.hover-bg-olivedrab:hover {background:olivedrab}.hover-bg-lightcyan:hover {background:lightcyan}.hover-bg-cyan:hover {background:cyan}.hover-bg-aqua:hover {background:aqua}.hover-bg-aquamarine:hover {background:aquamarine}.hover-bg-mediumaquamarine:hover {background:mediumaquamarine}.hover-bg-paleturquoise:hover {background:paleturquoise}.hover-bg-turquoise:hover {background:turquoise}.hover-bg-mediumturquoise:hover {background:mediumturquoise}.hover-bg-darkturquoise:hover {background:darkturquoise}.hover-bg-lightseagreen:hover {background:lightseagreen}.hover-bg-cadetblue:hover {background:cadetblue}.hover-bg-darkcyan:hover {background:darkcyan}.hover-bg-teal:hover {background:teal}.hover-bg-powderblue:hover {background:powderblue}.hover-bg-lightblue:hover {background:lightblue}.hover-bg-lightskyblue:hover {background:lightskyblue}.hover-bg-skyblue:hover {background:skyblue}.hover-bg-deepskyblue:hover {background:deepskyblue}.hover-bg-lightsteelblue:hover {background:lightsteelblue}.hover-bg-dodgerblue:hover {background:dodgerblue}.hover-bg-cornflowerblue:hover {background:cornflowerblue}.hover-bg-steelblue:hover {background:steelblue}.hover-bg-royalblue:hover {background:royalblue}.hover-bg-blue:hover {background:blue}.hover-bg-mediumblue:hover {background:mediumblue}.hover-bg-darkblue:hover {background:darkblue}.hover-bg-navy:hover {background:navy}.hover-bg-midnightblue:hover {background:midnightblue}.hover-bg-mediumslateblue:hover {background:mediumslateblue}.hover-bg-slateblue:hover {background:slateblue}.hover-bg-darkslateblue:hover {background:darkslateblue}.hover-bg-lavender:hover {background:lavender}.hover-bg-thistle:hover {background:thistle}.hover-bg-plum:hover {background:plum}.hover-bg-violet:hover {background:violet}.hover-bg-orchid:hover {background:orchid}.hover-bg-fuchsia:hover {background:fuchsia}.hover-bg-magenta:hover {background:magenta}.hover-bg-mediumorchid:hover {background:mediumorchid}.hover-bg-mediumpurple:hover {background:mediumpurple}.hover-bg-blueviolet:hover {background:blueviolet}.hover-bg-darkviolet:hover {background:darkviolet}.hover-bg-darkorchid:hover {background:darkorchid}.hover-bg-darkmagenta:hover {background:darkmagenta}.hover-bg-purple:hover {background:purple}.hover-bg-indigo:hover {background:indigo}.hover-bg-pink:hover {background:pink}.hover-bg-lightpink:hover {background:lightpink}.hover-bg-hotpink:hover {background:hotpink}.hover-bg-deeppink:hover {background:deeppink}.hover-bg-palevioletred:hover {background:palevioletred}.hover-bg-mediumvioletred:hover {background:mediumvioletred}.hover-bg-white:hover {background:white}.hover-bg-snow:hover {background:snow}.hover-bg-honeydew:hover {background:honeydew}.hover-bg-mintcream:hover {background:mintcream}.hover-bg-azure:hover {background:azure}.hover-bg-aliceblue:hover {background:aliceblue}.hover-bg-ghostwhite:hover {background:ghostwhite}.hover-bg-whitesmoke:hover {background:whitesmoke}.hover-bg-seashell:hover {background:seashell}.hover-bg-beige:hover {background:beige}.hover-bg-oldlace:hover {background:oldlace}.hover-bg-floralwhite:hover {background:floralwhite}.hover-bg-ivory:hover {background:ivory}.hover-bg-antiquewhite:hover {background:antiquewhite}.hover-bg-linen:hover {background:linen}.hover-bg-lavenderblush:hover {background:lavenderblush}.hover-bg-mistyrose:hover {background:mistyrose}.hover-bg-gainsboro:hover {background:gainsboro}.hover-bg-lightgray:hover {background:lightgray}.hover-bg-silver:hover {background:silver}.hover-bg-darkgray:hover {background:darkgray}.hover-bg-gray:hover {background:gray}.hover-bg-dimgray:hover {background:dimgray}.hover-bg-lightslategray:hover {background:lightslategray}.hover-bg-slategray:hover {background:slategray}.hover-bg-darkslategray:hover {background:darkslategray}.hover-bg-black:hover {background:black}.hover-bg-cornsilk:hover {background:cornsilk}.hover-bg-blanchedalmond:hover {background:blanchedalmond}.hover-bg-bisque:hover {background:bisque}.hover-bg-navajowhite:hover {background:navajowhite}.hover-bg-wheat:hover {background:wheat}.hover-bg-burlywood:hover {background:burlywood}.hover-bg-tan:hover {background:tan}.hover-bg-rosybrown:hover {background:rosybrown}.hover-bg-sandybrown:hover {background:sandybrown}.hover-bg-goldenrod:hover {background:goldenrod}.hover-bg-peru:hover {background:peru}.hover-bg-chocolate:hover {background:chocolate}.hover-bg-saddlebrown:hover {background:saddlebrown}.hover-bg-sienna:hover {background:sienna}.hover-bg-brown:hover {background:brown}.hover-bg-maroon:hover {background:maroon}
.border-papayawhip {border:1px solid papayawhip;margin:0 auto;padding:10px}.border-moccasin {border:1px solid moccasin;margin:0 auto;padding:10px}.border-peachpuff {border:1px solid peachpuff;margin:0 auto;padding:10px}.border-palegoldenrod {border:1px solid palegoldenrod;margin:0 auto;padding:10px}.border-khaki {border:1px solid khaki;margin:0 auto;padding:10px}.border-darkkhaki {border:1px solid darkkhaki;margin:0 auto;padding:10px}.border-yellow {border:1px solid yellow;margin:0 auto;padding:10px}.border-lawngreen {border:1px solid lawngreen;margin:0 auto;padding:10px}.border-chartreuse {border:1px solid chartreuse;margin:0 auto;padding:10px}.border-limegreen {border:1px solid limegreen;margin:0 auto;padding:10px}.border-lime {border:1px solid lime;margin:0 auto;padding:10px}.border-forestgreen {border:1px solid forestgreen;margin:0 auto;padding:10px}.border-green {border:1px solid green;margin:0 auto;padding:10px}.border-darkgreen {border:1px solid darkgreen;margin:0 auto;padding:10px}.border-greenyellow {border:1px solid greenyellow;margin:0 auto;padding:10px}.border-yellowgreen {border:1px solid yellowgreen;margin:0 auto;padding:10px}.border-springgreen {border:1px solid springgreen;margin:0 auto;padding:10px}.border-mediumspringgreen {border:1px solid mediumspringgreen;margin:0 auto;padding:10px}.border-lightgreen {border:1px solid lightgreen;margin:0 auto;padding:10px}.border-palegreen {border:1px solid palegreen;margin:0 auto;padding:10px}.border-darkseagreen {border:1px solid darkseagreen;margin:0 auto;padding:10px}.border-mediumseagreen {border:1px solid mediumseagreen;margin:0 auto;padding:10px}.border-seagreen {border:1px solid seagreen;margin:0 auto;padding:10px}.border-olive {border:1px solid olive;margin:0 auto;padding:10px}.border-darkolivegreen {border:1px solid darkolivegreen;margin:0 auto;padding:10px}.border-olivedrab {border:1px solid olivedrab;margin:0 auto;padding:10px}.border-lightcyan {border:1px solid lightcyan;margin:0 auto;padding:10px}.border-cyan {border:1px solid cyan;margin:0 auto;padding:10px}.border-aqua {border:1px solid aqua;margin:0 auto;padding:10px}.border-aquamarine {border:1px solid aquamarine;margin:0 auto;padding:10px}.border-mediumaquamarine {border:1px solid mediumaquamarine;margin:0 auto;padding:10px}.border-paleturquoise {border:1px solid paleturquoise;margin:0 auto;padding:10px}.border-turquoise {border:1px solid turquoise;margin:0 auto;padding:10px}.border-mediumturquoise {border:1px solid mediumturquoise;margin:0 auto;padding:10px}.border-darkturquoise {border:1px solid darkturquoise;margin:0 auto;padding:10px}.border-lightseagreen {border:1px solid lightseagreen;margin:0 auto;padding:10px}.border-cadetblue {border:1px solid cadetblue;margin:0 auto;padding:10px}.border-darkcyan {border:1px solid darkcyan;margin:0 auto;padding:10px}.border-teal {border:1px solid teal;margin:0 auto;padding:10px}.border-powderblue {border:1px solid powderblue;margin:0 auto;padding:10px}.border-lightblue {border:1px solid lightblue;margin:0 auto;padding:10px}.border-lightskyblue {border:1px solid lightskyblue;margin:0 auto;padding:10px}.border-skyblue {border:1px solid skyblue;margin:0 auto;padding:10px}.border-deepskyblue {border:1px solid deepskyblue;margin:0 auto;padding:10px}.border-lightsteelblue {border:1px solid lightsteelblue;margin:0 auto;padding:10px}.border-dodgerblue {border:1px solid dodgerblue;margin:0 auto;padding:10px}.border-cornflowerblue {border:1px solid cornflowerblue;margin:0 auto;padding:10px}.border-steelblue {border:1px solid steelblue;margin:0 auto;padding:10px}.border-royalblue {border:1px solid royalblue;margin:0 auto;padding:10px}.border-blue {border:1px solid blue;margin:0 auto;padding:10px}.border-mediumblue {border:1px solid mediumblue;margin:0 auto;padding:10px}.border-darkblue {border:1px solid darkblue;margin:0 auto;padding:10px}.border-navy {border:1px solid navy;margin:0 auto;padding:10px}.border-midnightblue {border:1px solid midnightblue;margin:0 auto;padding:10px}.border-mediumslateblue {border:1px solid mediumslateblue;margin:0 auto;padding:10px}.border-slateblue {border:1px solid slateblue;margin:0 auto;padding:10px}.border-darkslateblue {border:1px solid darkslateblue;margin:0 auto;padding:10px}.border-lavender {border:1px solid lavender;margin:0 auto;padding:10px}.border-thistle {border:1px solid thistle;margin:0 auto;padding:10px}.border-plum {border:1px solid plum;margin:0 auto;padding:10px}.border-violet {border:1px solid violet;margin:0 auto;padding:10px}.border-orchid {border:1px solid orchid;margin:0 auto;padding:10px}.border-fuchsia {border:1px solid fuchsia;margin:0 auto;padding:10px}.border-magenta {border:1px solid magenta;margin:0 auto;padding:10px}.border-mediumorchid {border:1px solid mediumorchid;margin:0 auto;padding:10px}.border-mediumpurple {border:1px solid mediumpurple;margin:0 auto;padding:10px}.border-blueviolet {border:1px solid blueviolet;margin:0 auto;padding:10px}.border-darkviolet {border:1px solid darkviolet;margin:0 auto;padding:10px}.border-darkorchid {border:1px solid darkorchid;margin:0 auto;padding:10px}.border-darkmagenta {border:1px solid darkmagenta;margin:0 auto;padding:10px}.border-purple {border:1px solid purple;margin:0 auto;padding:10px}.border-indigo {border:1px solid indigo;margin:0 auto;padding:10px}.border-pink {border:1px solid pink;margin:0 auto;padding:10px}.border-lightpink {border:1px solid lightpink;margin:0 auto;padding:10px}.border-hotpink {border:1px solid hotpink;margin:0 auto;padding:10px}.border-deeppink {border:1px solid deeppink;margin:0 auto;padding:10px}.border-palevioletred {border:1px solid palevioletred;margin:0 auto;padding:10px}.border-mediumvioletred {border:1px solid mediumvioletred;margin:0 auto;padding:10px}.border-white {border:1px solid white;margin:0 auto;padding:10px}.border-snow {border:1px solid snow;margin:0 auto;padding:10px}.border-honeydew {border:1px solid honeydew;margin:0 auto;padding:10px}.border-mintcream {border:1px solid mintcream;margin:0 auto;padding:10px}.border-azure {border:1px solid azure;margin:0 auto;padding:10px}.border-aliceblue {border:1px solid aliceblue;margin:0 auto;padding:10px}.border-ghostwhite {border:1px solid ghostwhite;margin:0 auto;padding:10px}.border-whitesmoke {border:1px solid whitesmoke;margin:0 auto;padding:10px}.border-seashell {border:1px solid seashell;margin:0 auto;padding:10px}.border-beige {border:1px solid beige;margin:0 auto;padding:10px}.border-oldlace {border:1px solid oldlace;margin:0 auto;padding:10px}.border-floralwhite {border:1px solid floralwhite;margin:0 auto;padding:10px}.border-ivory {border:1px solid ivory;margin:0 auto;padding:10px}.border-antiquewhite {border:1px solid antiquewhite;margin:0 auto;padding:10px}.border-linen {border:1px solid linen;margin:0 auto;padding:10px}.border-lavenderblush {border:1px solid lavenderblush;margin:0 auto;padding:10px}.border-mistyrose {border:1px solid mistyrose;margin:0 auto;padding:10px}.border-gainsboro {border:1px solid gainsboro;margin:0 auto;padding:10px}.border-lightgray {border:1px solid lightgray;margin:0 auto;padding:10px}.border-silver {border:1px solid silver;margin:0 auto;padding:10px}.border-darkgray {border:1px solid darkgray;margin:0 auto;padding:10px}.border-gray {border:1px solid gray;margin:0 auto;padding:10px}.border-dimgray {border:1px solid dimgray;margin:0 auto;padding:10px}.border-lightslategray {border:1px solid lightslategray;margin:0 auto;padding:10px}.border-slategray {border:1px solid slategray;margin:0 auto;padding:10px}.border-darkslategray {border:1px solid darkslategray;margin:0 auto;padding:10px}.border-black {border:1px solid black;margin:0 auto;padding:10px}.border-cornsilk {border:1px solid cornsilk;margin:0 auto;padding:10px}.border-blanchedalmond {border:1px solid blanchedalmond;margin:0 auto;padding:10px}.border-bisque {border:1px solid bisque;margin:0 auto;padding:10px}.border-navajowhite {border:1px solid navajowhite;margin:0 auto;padding:10px}.border-wheat {border:1px solid wheat;margin:0 auto;padding:10px}.border-burlywood {border:1px solid burlywood;margin:0 auto;padding:10px}.border-tan {border:1px solid tan;margin:0 auto;padding:10px}.border-rosybrown {border:1px solid rosybrown;margin:0 auto;padding:10px}.border-sandybrown {border:1px solid sandybrown;margin:0 auto;padding:10px}.border-goldenrod {border:1px solid goldenrod;margin:0 auto;padding:10px}.border-peru {border:1px solid peru;margin:0 auto;padding:10px}.border-chocolate {border:1px solid chocolate;margin:0 auto;padding:10px}.border-saddlebrown {border:1px solid saddlebrown;margin:0 auto;padding:10px}.border-sienna {border:1px solid sienna;margin:0 auto;padding:10px}.border-brown {border:1px solid brown;margin:0 auto;padding:10px}.border-maroon {border:1px solid maroon}.border-putus-papayawhip {border:1px dashed papayawhip;margin:0 auto;padding:10px}.border-putus-moccasin {border:1px dashed moccasin;margin:0 auto;padding:10px}.border-putus-peachpuff {border:1px dashed peachpuff;margin:0 auto;padding:10px}.border-putus-palegoldenrod {border:1px dashed palegoldenrod;margin:0 auto;padding:10px}.border-putus-khaki {border:1px dashed khaki;margin:0 auto;padding:10px}.border-putus-darkkhaki {border:1px dashed darkkhaki;margin:0 auto;padding:10px}.border-putus-yellow {border:1px dashed yellow;margin:0 auto;padding:10px}.border-putus-lawngreen {border:1px dashed lawngreen;margin:0 auto;padding:10px}.border-putus-chartreuse {border:1px dashed chartreuse;margin:0 auto;padding:10px}.border-putus-limegreen {border:1px dashed limegreen;margin:0 auto;padding:10px}.border-putus-lime {border:1px dashed lime;margin:0 auto;padding:10px}.border-putus-forestgreen {border:1px dashed forestgreen;margin:0 auto;padding:10px}.border-putus-green {border:1px dashed green;margin:0 auto;padding:10px}.border-putus-darkgreen {border:1px dashed darkgreen;margin:0 auto;padding:10px}.border-putus-greenyellow {border:1px dashed greenyellow;margin:0 auto;padding:10px}.border-putus-yellowgreen {border:1px dashed yellowgreen;margin:0 auto;padding:10px}.border-putus-springgreen {border:1px dashed springgreen;margin:0 auto;padding:10px}.border-putus-mediumspringgreen {border:1px dashed mediumspringgreen;margin:0 auto;padding:10px}.border-putus-lightgreen {border:1px dashed lightgreen;margin:0 auto;padding:10px}.border-putus-palegreen {border:1px dashed palegreen;margin:0 auto;padding:10px}.border-putus-darkseagreen {border:1px dashed darkseagreen;margin:0 auto;padding:10px}.border-putus-mediumseagreen {border:1px dashed mediumseagreen;margin:0 auto;padding:10px}.border-putus-seagreen {border:1px dashed seagreen;margin:0 auto;padding:10px}.border-putus-olive {border:1px dashed olive;margin:0 auto;padding:10px}.border-putus-darkolivegreen {border:1px dashed darkolivegreen;margin:0 auto;padding:10px}.border-putus-olivedrab {border:1px dashed olivedrab;margin:0 auto;padding:10px}.border-putus-lightcyan {border:1px dashed lightcyan;margin:0 auto;padding:10px}.border-putus-cyan {border:1px dashed cyan;margin:0 auto;padding:10px}.border-putus-aqua {border:1px dashed aqua;margin:0 auto;padding:10px}.border-putus-aquamarine {border:1px dashed aquamarine;margin:0 auto;padding:10px}.border-putus-mediumaquamarine {border:1px dashed mediumaquamarine;margin:0 auto;padding:10px}.border-putus-paleturquoise {border:1px dashed paleturquoise;margin:0 auto;padding:10px}.border-putus-turquoise {border:1px dashed turquoise;margin:0 auto;padding:10px}.border-putus-mediumturquoise {border:1px dashed mediumturquoise;margin:0 auto;padding:10px}.border-putus-darkturquoise {border:1px dashed darkturquoise;margin:0 auto;padding:10px}.border-putus-lightseagreen {border:1px dashed lightseagreen;margin:0 auto;padding:10px}.border-putus-cadetblue {border:1px dashed cadetblue;margin:0 auto;padding:10px}.border-putus-darkcyan {border:1px dashed darkcyan;margin:0 auto;padding:10px}.border-putus-teal {border:1px dashed teal;margin:0 auto;padding:10px}.border-putus-powderblue {border:1px dashed powderblue;margin:0 auto;padding:10px}.border-putus-lightblue {border:1px dashed lightblue;margin:0 auto;padding:10px}.border-putus-lightskyblue {border:1px dashed lightskyblue;margin:0 auto;padding:10px}.border-putus-skyblue {border:1px dashed skyblue;margin:0 auto;padding:10px}.border-putus-deepskyblue {border:1px dashed deepskyblue;margin:0 auto;padding:10px}.border-putus-lightsteelblue {border:1px dashed lightsteelblue;margin:0 auto;padding:10px}.border-putus-dodgerblue {border:1px dashed dodgerblue;margin:0 auto;padding:10px}.border-putus-cornflowerblue {border:1px dashed cornflowerblue;margin:0 auto;padding:10px}.border-putus-steelblue {border:1px dashed steelblue;margin:0 auto;padding:10px}.border-putus-royalblue {border:1px dashed royalblue;margin:0 auto;padding:10px}.border-putus-blue {border:1px dashed blue;margin:0 auto;padding:10px}.border-putus-mediumblue {border:1px dashed mediumblue;margin:0 auto;padding:10px}.border-putus-darkblue {border:1px dashed darkblue;margin:0 auto;padding:10px}.border-putus-navy {border:1px dashed navy;margin:0 auto;padding:10px}.border-putus-midnightblue {border:1px dashed midnightblue;margin:0 auto;padding:10px}.border-putus-mediumslateblue {border:1px dashed mediumslateblue;margin:0 auto;padding:10px}.border-putus-slateblue {border:1px dashed slateblue;margin:0 auto;padding:10px}.border-putus-darkslateblue {border:1px dashed darkslateblue;margin:0 auto;padding:10px}.border-putus-lavender {border:1px dashed lavender;margin:0 auto;padding:10px}.border-putus-thistle {border:1px dashed thistle;margin:0 auto;padding:10px}.border-putus-plum {border:1px dashed plum;margin:0 auto;padding:10px}.border-putus-violet {border:1px dashed violet;margin:0 auto;padding:10px}.border-putus-orchid {border:1px dashed orchid;margin:0 auto;padding:10px}.border-putus-fuchsia {border:1px dashed fuchsia;margin:0 auto;padding:10px}.border-putus-magenta {border:1px dashed magenta;margin:0 auto;padding:10px}.border-putus-mediumorchid {border:1px dashed mediumorchid;margin:0 auto;padding:10px}.border-putus-mediumpurple {border:1px dashed mediumpurple;margin:0 auto;padding:10px}.border-putus-blueviolet {border:1px dashed blueviolet;margin:0 auto;padding:10px}.border-putus-darkviolet {border:1px dashed darkviolet;margin:0 auto;padding:10px}.border-putus-darkorchid {border:1px dashed darkorchid;margin:0 auto;padding:10px}.border-putus-darkmagenta {border:1px dashed darkmagenta;margin:0 auto;padding:10px}.border-putus-purple {border:1px dashed purple;margin:0 auto;padding:10px}.border-putus-indigo {border:1px dashed indigo;margin:0 auto;padding:10px}.border-putus-pink {border:1px dashed pink;margin:0 auto;padding:10px}.border-putus-lightpink {border:1px dashed lightpink;margin:0 auto;padding:10px}.border-putus-hotpink {border:1px dashed hotpink;margin:0 auto;padding:10px}.border-putus-deeppink {border:1px dashed deeppink;margin:0 auto;padding:10px}.border-putus-palevioletred {border:1px dashed palevioletred;margin:0 auto;padding:10px}.border-putus-mediumvioletred {border:1px dashed mediumvioletred;margin:0 auto;padding:10px}.border-putus-white {border:1px dashed white;margin:0 auto;padding:10px}.border-putus-snow {border:1px dashed snow;margin:0 auto;padding:10px}.border-putus-honeydew {border:1px dashed honeydew;margin:0 auto;padding:10px}.border-putus-mintcream {border:1px dashed mintcream;margin:0 auto;padding:10px}.border-putus-azure {border:1px dashed azure;margin:0 auto;padding:10px}.border-putus-aliceblue {border:1px dashed aliceblue;margin:0 auto;padding:10px}.border-putus-ghostwhite {border:1px dashed ghostwhite;margin:0 auto;padding:10px}.border-putus-whitesmoke {border:1px dashed whitesmoke;margin:0 auto;padding:10px}.border-putus-seashell {border:1px dashed seashell;margin:0 auto;padding:10px}.border-putus-beige {border:1px dashed beige;margin:0 auto;padding:10px}.border-putus-oldlace {border:1px dashed oldlace;margin:0 auto;padding:10px}.border-putus-floralwhite {border:1px dashed floralwhite;margin:0 auto;padding:10px}.border-putus-ivory {border:1px dashed ivory;margin:0 auto;padding:10px}.border-putus-antiquewhite {border:1px dashed antiquewhite;margin:0 auto;padding:10px}.border-putus-linen {border:1px dashed linen;margin:0 auto;padding:10px}.border-putus-lavenderblush {border:1px dashed lavenderblush;margin:0 auto;padding:10px}.border-putus-mistyrose {border:1px dashed mistyrose;margin:0 auto;padding:10px}.border-putus-gainsboro {border:1px dashed gainsboro;margin:0 auto;padding:10px}.border-putus-lightgray {border:1px dashed lightgray;margin:0 auto;padding:10px}.border-putus-silver {border:1px dashed silver;margin:0 auto;padding:10px}.border-putus-darkgray {border:1px dashed darkgray;margin:0 auto;padding:10px}.border-putus-gray {border:1px dashed gray;margin:0 auto;padding:10px}.border-putus-dimgray {border:1px dashed dimgray;margin:0 auto;padding:10px}.border-putus-lightslategray {border:1px dashed lightslategray;margin:0 auto;padding:10px}.border-putus-slategray {border:1px dashed slategray;margin:0 auto;padding:10px}.border-putus-darkslategray {border:1px dashed darkslategray;margin:0 auto;padding:10px}.border-putus-black {border:1px dashed black;margin:0 auto;padding:10px}.border-putus-cornsilk {border:1px dashed cornsilk;margin:0 auto;padding:10px}.border-putus-blanchedalmond {border:1px dashed blanchedalmond;margin:0 auto;padding:10px}.border-putus-bisque {border:1px dashed bisque;margin:0 auto;padding:10px}.border-putus-navajowhite {border:1px dashed navajowhite;margin:0 auto;padding:10px}.border-putus-wheat {border:1px dashed wheat;margin:0 auto;padding:10px}.border-putus-burlywood {border:1px dashed burlywood;margin:0 auto;padding:10px}.border-putus-tan {border:1px dashed tan;margin:0 auto;padding:10px}.border-putus-rosybrown {border:1px dashed rosybrown;margin:0 auto;padding:10px}.border-putus-sandybrown {border:1px dashed sandybrown;margin:0 auto;padding:10px}.border-putus-goldenrod {border:1px dashed goldenrod;margin:0 auto;padding:10px}.border-putus-peru {border:1px dashed peru;margin:0 auto;padding:10px}.border-putus-chocolate {border:1px dashed chocolate;margin:0 auto;padding:10px}.border-putus-saddlebrown {border:1px dashed saddlebrown;margin:0 auto;padding:10px}.border-putus-sienna {border:1px dashed sienna;margin:0 auto;padding:10px}.border-putus-brown {border:1px dashed brown;margin:0 auto;padding:10px}.border-putus-maroon {border:1px dashed maroon}
.border-titik-papayawhip {border:1px dotted papayawhip;margin:0 auto;padding:10px}.border-titik-moccasin {border:1px dotted moccasin;margin:0 auto;padding:10px}.border-titik-peachpuff {border:1px dotted peachpuff;margin:0 auto;padding:10px}.border-titik-palegoldenrod {border:1px dotted palegoldenrod;margin:0 auto;padding:10px}.border-titik-khaki {border:1px dotted khaki;margin:0 auto;padding:10px}.border-titik-darkkhaki {border:1px dotted darkkhaki;margin:0 auto;padding:10px}.border-titik-yellow {border:1px dotted yellow;margin:0 auto;padding:10px}.border-titik-lawngreen {border:1px dotted lawngreen;margin:0 auto;padding:10px}.border-titik-chartreuse {border:1px dotted chartreuse;margin:0 auto;padding:10px}.border-titik-limegreen {border:1px dotted limegreen;margin:0 auto;padding:10px}.border-titik-lime {border:1px dotted lime;margin:0 auto;padding:10px}.border-titik-forestgreen {border:1px dotted forestgreen;margin:0 auto;padding:10px}.border-titik-green {border:1px dotted green;margin:0 auto;padding:10px}.border-titik-darkgreen {border:1px dotted darkgreen;margin:0 auto;padding:10px}.border-titik-greenyellow {border:1px dotted greenyellow;margin:0 auto;padding:10px}.border-titik-yellowgreen {border:1px dotted yellowgreen;margin:0 auto;padding:10px}.border-titik-springgreen {border:1px dotted springgreen;margin:0 auto;padding:10px}.border-titik-mediumspringgreen {border:1px dotted mediumspringgreen;margin:0 auto;padding:10px}.border-titik-lightgreen {border:1px dotted lightgreen;margin:0 auto;padding:10px}.border-titik-palegreen {border:1px dotted palegreen;margin:0 auto;padding:10px}.border-titik-darkseagreen {border:1px dotted darkseagreen;margin:0 auto;padding:10px}.border-titik-mediumseagreen {border:1px dotted mediumseagreen;margin:0 auto;padding:10px}.border-titik-seagreen {border:1px dotted seagreen;margin:0 auto;padding:10px}.border-titik-olive {border:1px dotted olive;margin:0 auto;padding:10px}.border-titik-darkolivegreen {border:1px dotted darkolivegreen;margin:0 auto;padding:10px}.border-titik-olivedrab {border:1px dotted olivedrab;margin:0 auto;padding:10px}.border-titik-lightcyan {border:1px dotted lightcyan;margin:0 auto;padding:10px}.border-titik-cyan {border:1px dotted cyan;margin:0 auto;padding:10px}.border-titik-aqua {border:1px dotted aqua;margin:0 auto;padding:10px}.border-titik-aquamarine {border:1px dotted aquamarine;margin:0 auto;padding:10px}.border-titik-mediumaquamarine {border:1px dotted mediumaquamarine;margin:0 auto;padding:10px}.border-titik-paleturquoise {border:1px dotted paleturquoise;margin:0 auto;padding:10px}.border-titik-turquoise {border:1px dotted turquoise;margin:0 auto;padding:10px}.border-titik-mediumturquoise {border:1px dotted mediumturquoise;margin:0 auto;padding:10px}.border-titik-darkturquoise {border:1px dotted darkturquoise;margin:0 auto;padding:10px}.border-titik-lightseagreen {border:1px dotted lightseagreen;margin:0 auto;padding:10px}.border-titik-cadetblue {border:1px dotted cadetblue;margin:0 auto;padding:10px}.border-titik-darkcyan {border:1px dotted darkcyan;margin:0 auto;padding:10px}.border-titik-teal {border:1px dotted teal;margin:0 auto;padding:10px}.border-titik-powderblue {border:1px dotted powderblue;margin:0 auto;padding:10px}.border-titik-lightblue {border:1px dotted lightblue;margin:0 auto;padding:10px}.border-titik-lightskyblue {border:1px dotted lightskyblue;margin:0 auto;padding:10px}.border-titik-skyblue {border:1px dotted skyblue;margin:0 auto;padding:10px}.border-titik-deepskyblue {border:1px dotted deepskyblue;margin:0 auto;padding:10px}.border-titik-lightsteelblue {border:1px dotted lightsteelblue;margin:0 auto;padding:10px}.border-titik-dodgerblue {border:1px dotted dodgerblue;margin:0 auto;padding:10px}.border-titik-cornflowerblue {border:1px dotted cornflowerblue;margin:0 auto;padding:10px}.border-titik-steelblue {border:1px dotted steelblue;margin:0 auto;padding:10px}.border-titik-royalblue {border:1px dotted royalblue;margin:0 auto;padding:10px}.border-titik-blue {border:1px dotted blue;margin:0 auto;padding:10px}.border-titik-mediumblue {border:1px dotted mediumblue;margin:0 auto;padding:10px}.border-titik-darkblue {border:1px dotted darkblue;margin:0 auto;padding:10px}.border-titik-navy {border:1px dotted navy;margin:0 auto;padding:10px}.border-titik-midnightblue {border:1px dotted midnightblue;margin:0 auto;padding:10px}.border-titik-mediumslateblue {border:1px dotted mediumslateblue;margin:0 auto;padding:10px}.border-titik-slateblue {border:1px dotted slateblue;margin:0 auto;padding:10px}.border-titik-darkslateblue {border:1px dotted darkslateblue;margin:0 auto;padding:10px}.border-titik-lavender {border:1px dotted lavender;margin:0 auto;padding:10px}.border-titik-thistle {border:1px dotted thistle;margin:0 auto;padding:10px}.border-titik-plum {border:1px dotted plum;margin:0 auto;padding:10px}.border-titik-violet {border:1px dotted violet;margin:0 auto;padding:10px}.border-titik-orchid {border:1px dotted orchid;margin:0 auto;padding:10px}.border-titik-fuchsia {border:1px dotted fuchsia;margin:0 auto;padding:10px}.border-titik-magenta {border:1px dotted magenta;margin:0 auto;padding:10px}.border-titik-mediumorchid {border:1px dotted mediumorchid;margin:0 auto;padding:10px}.border-titik-mediumpurple {border:1px dotted mediumpurple;margin:0 auto;padding:10px}.border-titik-blueviolet {border:1px dotted blueviolet;margin:0 auto;padding:10px}.border-titik-darkviolet {border:1px dotted darkviolet;margin:0 auto;padding:10px}.border-titik-darkorchid {border:1px dotted darkorchid;margin:0 auto;padding:10px}.border-titik-darkmagenta {border:1px dotted darkmagenta;margin:0 auto;padding:10px}.border-titik-purple {border:1px dotted purple;margin:0 auto;padding:10px}.border-titik-indigo {border:1px dotted indigo;margin:0 auto;padding:10px}.border-titik-pink {border:1px dotted pink;margin:0 auto;padding:10px}.border-titik-lightpink {border:1px dotted lightpink;margin:0 auto;padding:10px}.border-titik-hotpink {border:1px dotted hotpink;margin:0 auto;padding:10px}.border-titik-deeppink {border:1px dotted deeppink;margin:0 auto;padding:10px}.border-titik-palevioletred {border:1px dotted palevioletred;margin:0 auto;padding:10px}.border-titik-mediumvioletred {border:1px dotted mediumvioletred;margin:0 auto;padding:10px}.border-titik-white {border:1px dotted white;margin:0 auto;padding:10px}.border-titik-snow {border:1px dotted snow;margin:0 auto;padding:10px}.border-titik-honeydew {border:1px dotted honeydew;margin:0 auto;padding:10px}.border-titik-mintcream {border:1px dotted mintcream;margin:0 auto;padding:10px}.border-titik-azure {border:1px dotted azure;margin:0 auto;padding:10px}.border-titik-aliceblue {border:1px dotted aliceblue;margin:0 auto;padding:10px}.border-titik-ghostwhite {border:1px dotted ghostwhite;margin:0 auto;padding:10px}.border-titik-whitesmoke {border:1px dotted whitesmoke;margin:0 auto;padding:10px}.border-titik-seashell {border:1px dotted seashell;margin:0 auto;padding:10px}.border-titik-beige {border:1px dotted beige;margin:0 auto;padding:10px}.border-titik-oldlace {border:1px dotted oldlace;margin:0 auto;padding:10px}.border-titik-floralwhite {border:1px dotted floralwhite;margin:0 auto;padding:10px}.border-titik-ivory {border:1px dotted ivory;margin:0 auto;padding:10px}.border-titik-antiquewhite {border:1px dotted antiquewhite;margin:0 auto;padding:10px}.border-titik-linen {border:1px dotted linen;margin:0 auto;padding:10px}.border-titik-lavenderblush {border:1px dotted lavenderblush;margin:0 auto;padding:10px}.border-titik-mistyrose {border:1px dotted mistyrose;margin:0 auto;padding:10px}.border-titik-gainsboro {border:1px dotted gainsboro;margin:0 auto;padding:10px}.border-titik-lightgray {border:1px dotted lightgray;margin:0 auto;padding:10px}.border-titik-silver {border:1px dotted silver;margin:0 auto;padding:10px}.border-titik-darkgray {border:1px dotted darkgray;margin:0 auto;padding:10px}.border-titik-gray {border:1px dotted gray;margin:0 auto;padding:10px}.border-titik-dimgray {border:1px dotted dimgray;margin:0 auto;padding:10px}.border-titik-lightslategray {border:1px dotted lightslategray;margin:0 auto;padding:10px}.border-titik-slategray {border:1px dotted slategray;margin:0 auto;padding:10px}.border-titik-darkslategray {border:1px dotted darkslategray;margin:0 auto;padding:10px}.border-titik-black {border:1px dotted black;margin:0 auto;padding:10px}.border-titik-cornsilk {border:1px dotted cornsilk;margin:0 auto;padding:10px}.border-titik-blanchedalmond {border:1px dotted blanchedalmond;margin:0 auto;padding:10px}.border-titik-bisque {border:1px dotted bisque;margin:0 auto;padding:10px}.border-titik-navajowhite {border:1px dotted navajowhite;margin:0 auto;padding:10px}.border-titik-wheat {border:1px dotted wheat;margin:0 auto;padding:10px}.border-titik-burlywood {border:1px dotted burlywood;margin:0 auto;padding:10px}.border-titik-tan {border:1px dotted tan;margin:0 auto;padding:10px}.border-titik-rosybrown {border:1px dotted rosybrown;margin:0 auto;padding:10px}.border-titik-sandybrown {border:1px dotted sandybrown;margin:0 auto;padding:10px}.border-titik-goldenrod {border:1px dotted goldenrod;margin:0 auto;padding:10px}.border-titik-peru {border:1px dotted peru;margin:0 auto;padding:10px}.border-titik-chocolate {border:1px dotted chocolate;margin:0 auto;padding:10px}.border-titik-saddlebrown {border:1px dotted saddlebrown;margin:0 auto;padding:10px}.border-titik-sienna {border:1px dotted sienna;margin:0 auto;padding:10px}.border-titik-brown {border:1px dotted brown;margin:0 auto;padding:10px}.border-titik-maroon {border:1px dotted maroon}
.box-kontak {border-color:#ffffff;border-image:none;border-style:solid;border-width:4px;margin:0 auto;padding:30px;width:60%;background-color:#ececec;}
.post-body-blockquote {border-color:#CC0000;border-image:none;border-style:dashed;border-width:4px;margin:0 auto;padding:20px;width:75%;}
.border-hijau{border:1px solid #23c869;margin:0 auto;padding:10px}
.border-hijautua{border:1px solid #049c2f;margin:0 auto;padding:10px}
.border-hijautoska{border:1px solid #4adc8f;margin:0 auto;padding:10px}
.border-hijaumuda{border:1px solid #9ec502;margin:0 auto;padding:10px}
.border-biru{border:1px solid #2679ec;margin:0 auto;padding:10px}
.border-birutua{border:1px solid #131168;margin:0 auto;padding:10px}
.border-birumuda{border:1px solid #21b6fc;margin:0 auto;padding:10px}
.border-birutoska{border:1px solid #1de1df;margin:0 auto;padding:10px}
.border-ungu{border:1px solid #5526ee;margin:0 auto;padding:10px}
.border-ungutua{border:1px solid #7c0ab7;margin:0 auto;padding:10px}
.border-ungumuda{border:1px solid #e442f8;margin:0 auto;padding:10px}
.border-kuning{border:1px solid #f8ce26;margin:0 auto;padding:10px}
.border-kuningtua{border:1px solid #edbe03;margin:0 auto;padding:10px}
.border-kuningmuda{border:1px solid #ffd905;margin:0 auto;padding:10px}
.border-krem{border:1px solid #fde0be;margin:0 auto;padding:10px}
.border-kremmuda{border:1px solid #f8ecd5;margin:0 auto;padding:10px}
.border-merah{border:1px solid #e12d1a;margin:0 auto;padding:10px}
.border-merahtua{border:1px solid #b2291b;margin:0 auto;padding:10px}
.border-merahmuda{border:1px solid #e53177;margin:0 auto;padding:10px}
.border-orange{border:1px solid #ff6600;margin:0 auto;padding:10px}
.border-abuabu{border:1px solid #c9c9c9;margin:0 auto;padding:10px}
.border-abumuda{border:1px solid #c5c6c7;margin:0 auto;padding:10px}
.border-hitam{border:1px solid #222222;margin:0 auto;padding:10px}
.border-hitampekat{border:1px solid #000000;margin:0 auto;padding:10px}
.border-putih{border:1px solid #ffffff;margin:0 auto;padding:10px}
.border-coklat{border:1px solid #7e623f;margin:0 auto;padding:10px}
.border-putus-hijau{border:1px dashed #23c869;margin:0 auto;padding:10px}
.border-putus-hijautua{border:1px dashed #049c2f;margin:0 auto;padding:10px}
.border-putus-hijaumuda{border:1px dashed #9ec502;margin:0 auto;padding:10px}
.border-putus-hijautoska{border:1px dashed #4adc8f;margin:0 auto;padding:10px}
.border-putus-biru{border:1px dashed #2679ec;margin:0 auto;padding:10px}
.border-putus-birutua{border:1px dashed #131168;margin:0 auto;padding:10px}
.border-putus-birumuda{border:1px dashed #21b6fc;margin:0 auto;padding:10px}
.border-putus-birutoska{border:1px dashed #1de1df;margin:0 auto;padding:10px}
.border-putus-ungu{border:1px dashed #5526ee;margin:0 auto;padding:10px}
.border-putus-ungutua{border:1px dashed #7c0ab7;margin:0 auto;padding:10px}
.border-putus-ungumuda{border:1px dashed #e442f8;margin:0 auto;padding:10px}
.border-putus-kuning{border:1px dashed #f8ce26;margin:0 auto;padding:10px}
.border-putus-kuningtua{border:1px dashed #edbe03;margin:0 auto;padding:10px}
.border-putus-kuningmuda{border:1px dashed #ffd905;margin:0 auto;padding:10px}
.border-putus-krem{border:1px dashed #fde0be;margin:0 auto;padding:10px}
.border-putus-kremmuda{border:1px dashed #f8ecd5;margin:0 auto;padding:10px}
.border-putus-merah{border:1px dashed #e12d1a;margin:0 auto;padding:10px}
.border-putus-merahtua{border:1px dashed #b2291b;margin:0 auto;padding:10px}
.border-putus-merahmuda{border:1px dashed #e53177;margin:0 auto;padding:10px}
.border-putus-orange{border:1px dashed #ff6600;margin:0 auto;padding:10px}
.border-putus-abuabu{border:1px dashed #7b8691;margin:0 auto;padding:10px}
.border-putus-abumuda{border:1px dashed #c5c6c7;margin:0 auto;padding:10px}
.border-putus-hitam{border:1px dashed #222222;margin:0 auto;padding:10px}
.border-putus-hitampekat{border:1px dashed #000000;margin:0 auto;padding:10px}
.border-putus-putih{border:1px dashed #ffffff;margin:0 auto;padding:10px}
.border-putus-coklat{border:1px dashed #7e623f;margin:0 auto;padding:10px}
.border-titik-hijau{border:1px dotted #23c869;margin:0 auto;padding:10px}
.border-titik-hijautua{border:1px dotted #049c2f;margin:0 auto;padding:10px}
.border-titik-hijaumuda{border:1px dotted #9ec502;margin:0 auto;padding:10px}
.border-titik-hijautoska{border:1px dotted #4adc8f;margin:0 auto;padding:10px}
.border-titik-biru{border:1px dotted #2679ec;margin:0 auto;padding:10px}
.border-titik-birutua{border:1px dotted #131168;margin:0 auto;padding:10px}
.border-titik-birumuda{border:1px dotted #21b6fc;margin:0 auto;padding:10px}
.border-titik-birutoska{border:1px dotted #1de1df;margin:0 auto;padding:10px}
.border-titik-ungu{border:1px dotted #5526ee;margin:0 auto;padding:10px}
.border-titik-ungutua{border:1px dotted #7c0ab7;margin:0 auto;padding:10px}
.border-titik-ungumuda{border:1px dotted #e442f8;margin:0 auto;padding:10px}
.border-titik-kuning{border:1px dotted #f8ce26;margin:0 auto;padding:10px}
.border-titik-kuningtua{border:1px dotted #edbe03;margin:0 auto;padding:10px}
.border-titik-kuningmuda{border:1px dotted #ffd905;margin:0 auto;padding:10px}
.border-titik-krem{border:1px dotted #fde0be;margin:0 auto;padding:10px}
.border-titik-kremmuda{border:1px dotted #f8ecd5;margin:0 auto;padding:10px}
.border-titik-merah{border:1px dotted #e12d1a;margin:0 auto;padding:10px}
.border-titik-merahtua{border:1px dotted #b2291b;margin:0 auto;padding:10px}
.border-titik-merahmuda{border:1px dotted #e53177;margin:0 auto;padding:10px}
.border-titik-orange{border:1px dotted #ff6600;margin:0 auto;padding:10px}
.border-titik-abuabu{border:1px dotted #7b8691;margin:0 auto;padding:10px}
.border-titik-abumuda{border:1px dotted #c5c6c7;margin:0 auto;padding:10px}
.border-titik-hitam{border:1px dotted #222222;margin:0 auto;padding:10px}
.border-titik-hitampekat{border:1px dotted #000000;margin:0 auto;padding:10px}
.border-titik-putih{border:1px dotted #ffffff;margin:0 auto;padding:10px}
.border-titik-coklat{border:1px dotted #7e623f;margin:0 auto;padding:10px}
.lebar80{max-width:80%;margin:0 auto}.lebar70{max-width:70%;margin:0 auto}.lebar85{max-width:85%;margin:0 auto}.lebar75{max-width:75%;margin:0 auto}.lebar90{max-width:90%;margin:0 auto}.lebar50{max-width:50%;min-width:320px;margin:0 auto}
.melengkung-atas{border-radius:10px 10px 0 0!important}
.melengkung-bawah{border-radius:0 0 10px 10px!important}
.melengkung{border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px!important}
.melengkung1{border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px!important}
.melengkung2{border-radius:16px;-moz-border-radius:16px;-webkit-border-radius:16px!important}
.melengkung3{border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px!important}
.melengkung4{border-radius:24px;-moz-border-radius:24px;-webkit-border-radius:24px!important}
.melengkung5{border-radius:28px;-moz-border-radius:28px;-webkit-border-radius:28px!important}
.melengkung6{border-radius:32px;-moz-border-radius:32px;-webkit-border-radius:32px!important}
.melengkung7{border-radius:36px;-moz-border-radius:36px;-webkit-border-radius:36px!important}
.melengkung8{border-radius:40px;-moz-border-radius:40px;-webkit-border-radius:40px!important}
.melengkung-atas1{border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-webkit-border-radius:6px 6px 0 0!important}
.melengkung-atas2{border-radius:16px 16px 0 0;-moz-border-radius:16px 16px 0 0;-webkit-border-radius:16px 16px 0 0!important}
.melengkung-atas3{border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-webkit-border-radius:20px 20px 0 0!important}
.melengkung-atas4{border-radius:24px 24px 0 0;-moz-border-radius:24px 24px 0 0;-webkit-border-radius:24px 24px 0 0!important}
.melengkung-atas5{border-radius:28px 28px 0 0;-moz-border-radius:28px 28px 0 0;-webkit-border-radius:28px 28px 0 0!important}
.melengkung-atas6{border-radius:32px 32px 0 0;-moz-border-radius:32px 32px 0 0;-webkit-border-radius:32px 32px 0 0!important}
.melengkung-atas7{border-radius:36px 36px 0 0;-moz-border-radius:36px 36px 0 0;-webkit-border-radius:36px 36px 0 0!important}
.melengkung-atas8{border-radius:40px 40px 0 0;-moz-border-radius:40px 40px 0 0;-webkit-border-radius:40px 40px 0 0!important}
.melengkung-bawah1{border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px!important}
.melengkung-bawah2{border-radius:0 0 16px 16px;-moz-border-radius:0 0 16px 16px;-webkit-border-radius:0 0 16px 16px!important}
.melengkung-bawah3{border-radius:0 0 20px 20px;-moz-border-radius:0 0 20px 20px;-webkit-border-radius:0 0 20px 20px!important}
.melengkung-bawah4{border-radius:0 0 24px 24px;-moz-border-radius:0 0 24px 24px;-webkit-border-radius:0 0 24px 24px!important}
.melengkung-bawah5{border-radius:0 0 28px 28px;-moz-border-radius:0 0 28px 28px;-webkit-border-radius:0 0 28px 28px!important}
.melengkung-bawah6{border-radius:0 0 32px 32px;-moz-border-radius:0 0 32px 32px;-webkit-border-radius:0 0 32px 32px!important}
.melengkung-bawah7{border-radius:0 0 36px 36px;-moz-border-radius:0 0 36px 36px;-webkit-border-radius:0 0 36px 36px!important}
.melengkung-bawah8{border-radius:0 0 40px 40px;-moz-border-radius:0 0 40px 40px;-webkit-border-radius:0 0 40px 40px!important}
.box1{border-radius: 40% 0px 40% 0px!important;}
.box2{border-radius: 0px 40% 0px 40%!important;}
.box3{border-radius: 40px 20px 60px 90px!important;}
.box4{border-radius: 20px 100px 20px 100px!important;}
.box5{border-radius: 100px 20px 100px 20px!important; }
.box6{border-radius: 0px 50% 0px 50%!important;}
.box7{border-radius: 50% 0px 50% 0px!important;}
.box8{border-radius: 0px 60px 0px 60px!important;}
.box9{border-radius: 60px 0px 60px 0px!important;}
.box10{border-radius: 100px 10px 100px 10px!important;}
.box11{border-radius: 10px 100px 10px 100px!important;}
.box12{border-radius: 40px 10px!important;}
.box13{border-radius: 10px 40px!important;}
.box14{border-radius: 10px 10px 50% 50%!important;}
.box15{border-radius: 10px 10px 100px 100px!important;}
.box16{border-radius: 100px 100px 0px 100px!important;}
.box17{border-radius: 100px 100px 100px 0px!important}
.box18{border-radius: 50% 50% 0px 50%!important}
.box19{border-radius: 50% 50%  50% 0px!important}
.box20{border-radius: 0px 60px  60px 60px!important}
.box21{border-radius: 60px 0px 60px 60px!important}
.bayangan-hitam{box-shadow:0 0 20px 0 #acacac inset;}.bayangan-merah{box-shadow:0 0 20px 0 #fcb3b3 inset;}.bayangan-kuning{box-shadow:0 0 20px 0 #fee994 inset;}.bayangan-biru{box-shadow:0 0 20px 0 #95dbfc inset;}.bayangan-hijau{box-shadow:0 0 20px 0 #9efe91 inset;}.bayangan-ungu{box-shadow:0 0 20px 0 #d27dfe inset;}
.pattern1{background: url("https://3.bp.blogspot.com/-DDUInT9NuYk/W3EKXr9aPwI/AAAAAAAAA50/3ieijdvJDj0K0H9-of1s2XrazQTLKpuwACLcBGAs/s1600/pattern1.png")}
.pattern2{background: url("https://2.bp.blogspot.com/-Q5GfiRp8ZO0/W3E4nRerD7I/AAAAAAAAA6o/JU7WhcpIYPwp4pwE98WABwdHCi-gr51UwCLcBGAs/s1600/pattern2.png")}
.pattern3{background: url("https://2.bp.blogspot.com/-dkIet3tRw8s/W3HKyTOv1YI/AAAAAAAAA60/-e9yAt-ffdcQe20gHUWAK7AoxQQ7VR98QCLcBGAs/s1600/bg-doodle.png")}
.icon-bulat-hijau{border:2px solid #23c869;color:#23c869;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-hijautua{border:2px solid #049c2f;color:#049c2f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-hijaumuda{border:2px solid #9ec502;color:#9ec502;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-hijautoska{border:2px solid #4adc8f;color:#4adc8f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-biru{border:2px solid #2679ec;color:#2679ec;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-birutua{border:2px solid #131168;color:#131168;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-birumuda{border:2px solid #21b6fc;color:#21b6fc;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-birutoska{border:2px solid #1de1df;color:#1de1df;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-ungu{border:2px solid #5526ee;color:#5526ee;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-ungutua{border:2px solid #7c0ab7;color:#7c0ab7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-ungumuda{border:2px solid #e442f8;color:#e442f8;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-kuning{border:2px solid #f8ce26;color:#f8ce26;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-kuningtua{border:2px solid #edbe03;color:#edbe03;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-kuningmuda{border:2px solid #ffd905;color:#ffd905;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-krem{border:2px solid #fde0be;color:#fde0be;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-kremmuda{border:2px solid #f8ecd5;color:#f8ecd5;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-merah{border:2px solid #e12d1a;color:#e12d1a;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-merahtua{border:2px solid #b2291b;color:#b2291b;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-merahmuda{border:2px solid #e53177;color:#e53177;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-orange{border:2px solid #ff6600;color:#ff6600;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-abuabu{border:2px solid #7b8691;color:#7b8691;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-abumuda{border:2px solid #c5c6c7;color:#c5c6c7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-hitam{border:2px solid #222222;color:#222222;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-hitam:hover{border:2px solid #fff;color:#fff;}
.icon-bulat-hitampekat{border:2px solid #000000;color:#000000;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-hitampekat:hover{border:2px solid #fff;color:#fff;}
.icon-bulat-putih{border:2px solid #ffffff;color:#ffffff;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-bulat-coklat{border:2px solid #7e623f;color:#7e623f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:50%;}
.icon-rounded-hijau{border:2px solid #23c869;color:#23c869;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-hijautua{border:2px solid #049c2f;color:#049c2f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-hijaumuda{border:2px solid #9ec502;color:#9ec502;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-hijautoska{border:2px solid #4adc8f;color:#4adc8f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-biru{border:2px solid #2679ec;color:#2679ec;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-birutua{border:2px solid #131168;color:#131168;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-birumuda{border:2px solid #21b6fc;color:#21b6fc;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-birutoska{border:2px solid #1de1df;color:#1de1df;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-ungu{border:2px solid #5526ee;color:#5526ee;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-ungutua{border:2px solid #7c0ab7;color:#7c0ab7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-ungumuda{border:2px solid #e442f8;color:#e442f8;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-kuning{border:2px solid #f8ce26;color:#f8ce26;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-kuningtua{border:2px solid #edbe03;color:#edbe03;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-kuningmuda{border:2px solid #ffd905;color:#ffd905;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-krem{border:2px solid #fde0be;color:#fde0be;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-kremmuda{border:2px solid #f8ecd5;color:#f8ecd5;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-merah{border:2px solid #e12d1a;color:#e12d1a;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-merahtua{border:2px solid #b2291b;color:#b2291b;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-merahmuda{border:2px solid #e53177;color:#e53177;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-orange{border:2px solid #ff6600;color:#ff6600;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-abuabu{border:2px solid #7b8691;color:#7b8691;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-abumuda{border:2px solid #c5c6c7;color:#c5c6c7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-hitam{border:2px solid #222222;color:#222222;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-hitampekat{border:2px solid #000000;color:#000000;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-putih{border:2px solid #ffffff;color:#ffffff;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-rounded-coklat{border:2px solid #7e623f;color:#7e623f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;border-radius:10px}
.icon-hijau{border:2px solid #23c869;color:#23c869;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijautua{border:2px solid #049c2f;color:#049c2f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijaumuda{border:2px solid #9ec502;color:#9ec502;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijautoska{border:2px solid #4adc8f;color:#4adc8f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-biru{border:2px solid #2679ec;color:#2679ec;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-birutua{border:2px solid #131168;color:#131168;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-birumuda{border:2px solid #21b6fc;color:#21b6fc;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-birutoska{border:2px solid #1de1df;color:#1de1df;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-ungu{border:2px solid #5526ee;color:#5526ee;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-ungutua{border:2px solid #7c0ab7;color:#7c0ab7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-ungumuda{border:2px solid #e442f8;color:#e442f8;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kuning{border:2px solid #f8ce26;color:#f8ce26;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kuningtua{border:2px solid #edbe03;color:#edbe03;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kuningmuda{border:2px solid #ffd905;color:#ffd905;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-krem{border:2px solid #fde0be;color:#fde0be;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kremmuda{border:2px solid #f8ecd5;color:#f8ecd5;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-merah{border:2px solid #e12d1a;color:#e12d1a;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-merahtua{border:2px solid #b2291b;color:#b2291b;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-merahmuda{border:2px solid #e53177;color:#e53177;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-orange{border:2px solid #ff6600;color:#ff6600;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-abuabu{border:2px solid #7b8691;color:#7b8691;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-abumuda{border:2px solid #c5c6c7;color:#c5c6c7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hitam{border:2px solid #222222;color:#222222;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hitampekat{border:2px solid #000000;color:#000000;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-putih{border:2px solid #ffffff;color:#ffffff;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-coklat{border:2px solid #7e623f;color:#7e623f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijau-fill{border:2px solid #23c869;background:#23c869;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijautua-fill{border:2px solid #049c2f;background:#049c2f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijaumuda-fill{border:2px solid #9ec502;background:#9ec502;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hijautoska-fill{border:2px solid #4adc8f;background:#4adc8f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-biru-fill{border:2px solid #2679ec;background:#2679ec;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-birutua-fill{border:2px solid #131168;background:#131168;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-birumuda-fill{border:2px solid #21b6fc;background:#21b6fc;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-birutoska-fill{border:2px solid #1de1df;background:#1de1df;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-ungu-fill{border:2px solid #5526ee;background:#5526ee;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-ungutua-fill{border:2px solid #7c0ab7;background:#7c0ab7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-ungumuda-fill{border:2px solid #e442f8;background:#e442f8;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kuning-fill{border:2px solid #f8ce26;background:#f8ce26;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kuningtua-fill{border:2px solid #edbe03;background:#edbe03;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kuningmuda-fill{border:2px solid #ffd905;background:#ffd905;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-krem-fill{border:2px solid #fde0be;background:#fde0be;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kremmuda-fill{border:2px solid #f8ecd5;background:#f8ecd5;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-merah-fill{border:2px solid #e12d1a;background:#e12d1a;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-merahtua-fill{border:2px solid #b2291b;background:#b2291b;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-merahmuda-fill{border:2px solid #e53177;background:#e53177;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-orange-fill{border:2px solid #ff6600;background:#ff6600;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-abuabu-fill{border:2px solid #7b8691;background:#7b8691;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-abumuda-fill{border:2px solid #c5c6c7;background:#c5c6c7;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hitam-fill{border:2px solid #222222;background:#222222;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-hitampekat-fill{border:2px solid #000000;background:#000000;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-putih-fill{border:2px solid #ffffff;background:#ffffff;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-coklat-fill{border:2px solid #7e623f;background:#7e623f;width:100px;height:100px;font-size:60px;text-align:center;line-height:1.6em;}
.icon-kecil{width:60px;height:60px;font-size:30px;text-align:center;line-height:1.85em;}
.icon-btn{width:35px;height:35px;font-size:20px;text-align:center;line-height:1.55em;}
.icon-x-kecil{width:40px;height:40px;font-size:20px;text-align:center;line-height:1.8em;}
.sorot-bg-merah:hover{background:#fec7c7;transition:all .5s ease 50ms;}.sorot-bg-hijau:hover{background:#c7fecb;transition:all .5s ease 50ms;}.sorot-bg-biru:hover{background:#eafbfe;transition:all .5s ease 50ms;}.sorot-bg-kuning:hover{background:#fef9c7;transition:all .5s ease 50ms;}.sorot-bg-ungu:hover{background:#f8ecfd;transition:all .5s ease 50ms;}.sorot-bg-abuabu:hover{background:#f1f3f6;transition:all .5s ease 50ms;}
.tipis{opacity:0.5}.sorot-tipis{transition:all .5s ease 50ms;}.sorot-tipis:hover{opacity:0.5;transition:all .5s ease 50ms;}
.bundar{border-radius:50%}
.widget-content{ font-size:20px;line-height:1.5em}
.xxx-besar {font-size:75px;line-height:1em}
.xx-besar {font-size:60px;line-height:1.2em}
.x-besar {font-size:45px;line-height:1.2em}
.besar {font-size:32px;line-height:1.3em;}
.sedang {font-size:26px;line-height:1.3em}
.normal {font-size:20px}
.kecil {font-size:17px;line-height:1.6em}
.x-kecil {font-size:15px;line-height:1.5em}
.xx-kecil { font-size:13px;line-height:1.5em}
.modes {font-size:11px;line-height:normal;padding-top:17px;font-weight:normal;float:right;color:#ffffff;display:none}
.center,.tengah{text-align:center;}
.headline{text-align:center;padding:15px}
.justify{text-align:justify;}
.teks-kanan,.right{text-align:right;}
.teks-kiri,.left{text-align:left}
.miring,.italic{font-style:italic}
.tebal,.bold{font-weight:bolder}
.strong, strong{font-weight:600}
.garisbawah,.underline{text-decoration: underline;}
.kanan{float:right;}
.kiri{float:left;}
.upper{text-transform:uppercase;}
.lower{text-transform:lowercase;}
.capital{text-transform:capitalize;}
.ditengah,.konten-ditengah{display:flex;justify-content:center;align-items:center;}
.headerfixed{width:100%; z-index:2000; position:fixed;height:0px;top:0}
.footerfixed{line-height:0px;position:fixed;bottom:0px;width:100%;z-index:1000;}
.chatfixed{line-height:0px;position:fixed;bottom:0px;}
.zoom-in{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-o-transition: all .5s ease;-ms-transition: all .5s ease;transition: all .5s ease;}.zoom-in:hover{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.bounce-out{transition-duration:.5s}.bounce-out:active,.bounce-out:focus,.bounce-out:hover{transform:scale(0.9);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}
.bounce-in{transition-duration:.5s}.bounce-in:active,.bounce-in:focus,.bounce-in:hover{transform:scale(1.1);transition-timing-function:cubic-bezier(0.47,2.02,.31,-.36)}
.berputar{-webkit-transition:all .2s ease-out;transition:all .2s ease-out}.berputar:hover {transform:rotate(360deg);transition:all .5s ease-out}
.serongkiri{transform:rotate(-5deg);}
.sorot-serongkiri{transition:all .5s ease-out;}.sorot-serongkiri:hover{transform:rotate(-5deg);transition:all .5s ease-out}
.serongkanan{transform:rotate(5deg);}
.sorot-serongkanan{transition:all .5s ease-out;}.sorot-serongkanan:hover{transform:rotate(5deg);transition:all .5s ease-out}
.keatas{transform:translateY(-20px);transition:all .5s ease-out}
.kebawah{transform:translateY(20px);transition:all .5s ease-out}
.kekiri{transform:translateX(-20px);transition:all .5s ease-out}
.kekanan{transform:translateX(20px);transition:all .5s ease-out}
.sorot-keatas,.sorot-kebawah,.sorot-kekiri,.sorot-kekanan{transition:all .5s ease-out}
.sorot-keatas:hover{transform:translateY(-10px);transition:all .5s ease-out}
.sorot-kebawah:hover{transform:translateY(10px);transition:all .5s ease-out}
.sorot-kekiri:hover{transform:translateX(-10px);transition:all .5s ease-out}
.sorot-kekanan:hover{transform:translateX(10px);transition:all .5s ease-out}
.getar{animation: getar .5s ease-out infinite;}
.sorot-getar:hover{animation: getar .5s ease-out infinite;}
@keyframes getar {10% { transform: translate(3px, 0);}20% { transform: translate(-3px, 0);}30% { transform: translate(3px, 0);}40% { transform: translate(-3px, 0);}50% { transform: translate(3px, 0);}60% { transform: translate(0, 0);}}
.sembunyi .munculkan{margin-top:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s;opacity:0}
.sembunyi:hover .munculkan{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.sembunyi .pophover{position:absolute;top:0;left:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:all .35s;-moz-transition:all .35s;-o-transition:all .35s;transition:all .35s;color:#fff;opacity:0;padding:15px 20px}
.sembunyi:hover .pophover{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);opacity:1}
.full-height{min-height:100vh}
.footer-list{line-height:2em;padding-top:10px}
.konten li{padding-bottom:1px;margin-top:5px}
.garis-orange {border-bottom: 1px solid #ff6600;padding-bottom:10px;margin-top:10px}.garis-biru {border-bottom: 1px solid #61A8DC;padding-bottom:10px;margin-top:10px}.garis-hijau {border-bottom: 1px solid #8EBD40;padding-bottom:10px;margin-top:10px}.garis-ungu {border-bottom: 1px solid #988CC3;padding-bottom:10px;margin-top:10px}.garis-kuning {border-bottom: 1px solid #fcd210;padding-bottom:10px;margin-top:10px}.garis-merah {border-bottom: 1px solid #fc4a41;padding-bottom:10px;margin-top:10px}.garis-coklat{border-bottom: 1px solid #7e623f;padding-bottom:10px;margin-top:10px}.garis-putih {border-bottom: 1px solid #ffffff;padding-bottom:10px;margin-top:10px}.garis-krem {border-bottom: 1px solid #fdd0aa;padding-bottom:10px;margin-top:10px}.garis-hitam {border-bottom: 1px solid #000000;padding-bottom:10px;margin-top:10px}.garis-abuabu {border-bottom: 1px solid #ececec;padding-bottom:10px;margin-top:10px}
.garis-bawah-orange {border-bottom: 1px solid #ff6600;}.garis-bawah-biru {border-bottom: 1px solid #61A8DC;}.garis-bawah-hijau {border-bottom: 1px solid #8EBD40;}.garis-bawah-ungu {border-bottom: 1px solid #988CC3;}.garis-bawah-kuning {border-bottom: 1px solid #fcd210;}.garis-bawah-merah {border-bottom: 1px solid #fc4a41;}.garis-bawah-coklat{border-bottom: 1px solid #7e623f;}.garis-bawah-putih {border-bottom: 1px solid #ffffff;}.garis-bawah-krem {border-bottom: 1px solid #fdd0aa;}.garis-bawah-hitam {border-bottom: 1px solid #000000;}.garis-bawah-abuabu {border-bottom: 1px solid #ececec;}
.garis-atas-orange {border-top: 1px solid #ff6600;}.garis-atas-biru {border-top: 1px solid #61A8DC;}.garis-atas-hijau {border-top: 1px solid #8EBD40;}.garis-atas-ungu {border-top: 1px solid #988CC3;}.garis-atas-kuning {border-top: 1px solid #fcd210;}.garis-atas-merah {border-top: 1px solid #fc4a41;}.garis-atas-coklat{border-top: 1px solid #7e623f;}.garis-atas-putih {border-top: 1px solid #ffffff;}.garis-atas-krem {border-top: 1px solid #fdd0aa;}.garis-atas-hitam {border-top: 1px solid #000000;}.garis-atas-abuabu {border-top: 1px solid #ececec;}
.garis-box {border-right: 1px solid #ececec;border-left: 1px solid #ececec;}
.list-orange {border-left: 5px solid #ff6600;padding-left:10px}.list-biru {border-left: 5px solid #61A8DC;padding-left:10px}.list-hijau {border-left: 5px solid #8EBD40;padding-left:10px}.list-ungu {border-left: 5px solid #988CC3;padding-left:10px}.list-kuning {border-left: 5px solid #fcd210;padding-left:10px}.list-merah {border-left: 5px solid #fc4a41;padding-left:10px}.list-hitam {border-left: 5px solid #222222;padding-left:10px}.list-coklat {border-left: 5px solid #7e623f;padding-left:10px}.list-krem {border-left: 5px solid #fdd0aa;padding-left:10px}.list-putih {border-left: 5px solid #ffffff;padding-left:10px}
.sharepost {padding-top:10px}
.sharepost{overflow:hidden;text-align:left;margin-bottom:10px;margin-top:20px;font:normal normal 16px Poppins}
.sharepost ul{margin-left:-44px;margin-top:5px}
.sharepost li{padding:0;list-style:none;margin:4px;text-align:center;}
.sharepost li a{width:35px;height:35px;display:block;border:0;border-radius:50%;line-height:2.05em;font-size:17px}
.sharepost li .twitter,.sharepost li .facebook,.sharepost li .telegram,.sharepost li .pinterest,.sharepost li .linkedin,.sharepost li .whatsapp{background-color:#f3f6fd;color:#292929;}
.Night .sharepost li .twitter,.Night .sharepost li .facebook,.Night .sharepost li .telegram,.Night .sharepost li .pinterest,.Night .sharepost li .linkedin,.Night .sharepost li .whatsapp{background-color:#090f14;color:#d5d9dd;}
.sharepost li a.twitter:hover{background-color:#55acee;color:#ffffff;}
.sharepost li a.facebook:hover{background-color:#3b5998;color:#ffffff;}
.sharepost li a.telegram:hover{background-color:#33ccff;color:#ffffff;}
.sharepost li a.pinterest:hover{background-color:#cc2127;color:#ffffff;}
.sharepost li a.linkedin:hover{background-color:#0976b4;color:#ffffff;}
.sharepost li a.whatsapp:hover{background-color:green;color:#ffffff;}
.sharepost li{float:left;margin-right:0}
.sharepost li:last-child{margin-right:0}
.sharepost li .fa:before{margin-right:0}
.lembut{transition:all .5s ease 50ms;}
.video { position: relative; padding-bottom: 56.35%; height: 0; overflow: hidden;}.video iframe,.video object,.video embed { position: absolute; top: 0; left: 0; width: 100%; height:100%;}
.order1-merah{text-align:center;border:5px dashed #e12d1a; width:400px;padding:15px}.order1-merah span{font-size:45px;color:red;font-weight:bold;line-height:1.5em}
.order1-hijau{text-align:center;border:5px dashed #049c2f; width:400px;padding:15px}.order1-hijau span{font-size:45px;color:green;font-weight:bold;line-height:1.5em}
.order1-biru{text-align:center;border:5px dashed #153aa5; width:400px;padding:15px}.order1-biru span{font-size:45px;color:blue;font-weight:bold;line-height:1.5em}
.order1-ungu{text-align:center;border:5px dashed #7c0ab7; width:400px;padding:15px}.order1-ungu span{font-size:45px;color:purple;font-weight:bold;line-height:1.5em}
.order2-merah{text-align:center;border:5px solid #e12d1a; width:400px;padding:15px; box-shadow:0 0 60px 0 #f9a2a2 inset;}.order2-merah span{font-size:45px;color:red;font-weight:bold;line-height:1.5em}
.order2-hijau{text-align:center;border:5px solid #049c2f; width:400px;padding:15px;box-shadow:0 0 60px 0 #9efe91 inset;}.order2-hijau span{font-size:45px;color:green;font-weight:bold;line-height:1.5em}
.order2-biru{text-align:center;border:5px solid #153aa5; width:400px;padding:15px;box-shadow:0 0 60px 0 #95dbfc inset;}.order2-biru span{font-size:45px;color:blue;font-weight:bold;line-height:1.5em}
.order2-ungu{text-align:center;border:5px solid #7c0ab7; width:400px;padding:15px;box-shadow:0 0 60px 0 #d27dfe inset;}.order2-ungu span{font-size:45px;color:purple;font-weight:bold;line-height:1.5em}
.gambar-fitur{width:120px;height:120px;float:left;padding-right:20px;padding-left:0;padding-top:0;font-size:100px;text-align:left}
.img-fitur{width:120px;height:120px;float:left;padding-right:20px;padding-left:0;margin-top:5px;font-size:100px;text-align:left}
.ico-fitur,.icon-fitur{width:70px;height:70px;float:left;padding-right:20px;padding-left:0;font-size:50px}
.ikon-fitur{width:120px;height:120px;float:left;padding:0 20px 0 0;font-size:100px;text-align:left}
.icon,.ikon{font-size:100px;padding:10px 10px 15px}
.icon-samping{float:left;margin-right:20px;}
.teks-fitur {overflow:hidden;}
.list{font-size:23px;line-height:1.5em}
.check1 ul{list-style-image: url('https://2.bp.blogspot.com/-g1wAbnzLvKo/WhWhEQfqUuI/AAAAAAAAAIM/AP3zVJh4w4MzdZKaqIXzxrvv2o0wy_KbACLcBGAs/s1600/check1.png');}
.check2 ul{list-style-image: url('https://4.bp.blogspot.com/-kHszTG1DaOc/WhWhEaH36gI/AAAAAAAAAII/M-0N2JwxNqQipS7nvite41U5EEWnwuugwCLcBGAs/s1600/check2.png');}
.check3 ul{list-style-image: url('https://1.bp.blogspot.com/-5OKaulX2Prs/WhWhFGSDZTI/AAAAAAAAAIQ/g_uiKdsob0IGcluk6BxrPpya_tCf5nwwQCLcBGAs/s1600/check3.png');}
.check4 ul{list-style-image: url('https://4.bp.blogspot.com/-VSifouyukbM/WhWhFYEaLOI/AAAAAAAAAIU/uOanTM_dPlsm9e9tVJexUaeDskNqKj3fQCLcBGAs/s1600/check4.png');}
.check5 ul{list-style-image: url('https://2.bp.blogspot.com/-RSTWTG2yqeQ/WhWhGQwsuMI/AAAAAAAAAIc/0JR_KKwSAUIG-LZDpGVA_m159UHIsYlVACLcBGAs/s1600/check5.png');}
.check6 ul{list-style-image: url('https://1.bp.blogspot.com/-DRKbyplPATw/WhWhGC3oySI/AAAAAAAAAIY/UXkz_vL68qo5V-udp9kT898CPIJJVW9_wCLcBGAs/s1600/check6.png');}
.check7 ul{list-style-image: url('https://4.bp.blogspot.com/-h4LSsq1E8tE/WhWhHXyHDkI/AAAAAAAAAIg/XxYK04zcVt8NnLP_0XOzEbnpxf4AoXioACLcBGAs/s1600/check7.png');}
.check8 ul{list-style-image: url('https://4.bp.blogspot.com/-gfdqUTcRblo/WhWhVfip-QI/AAAAAAAAAI0/eYby3NZQnEMc1k30YD5oihUFQJQfQ9LVgCLcBGAs/s1600/check8.png');}
.check9 ul{list-style-image: url('https://3.bp.blogspot.com/-RR7yUEGbCZU/WhWhLyfQCJI/AAAAAAAAAIk/uHsO4jrdsh8yr-sRwM2f4zkNQWDkU97HQCLcBGAs/s1600/check.png');}
.cross1 ul{list-style-image: url('https://1.bp.blogspot.com/-XV08gOB2vLA/WhWhNSG3OxI/AAAAAAAAAIo/rNpW0TGMcz0-MmT8Ad1cNRRhsCHa-_ONQCLcBGAs/s1600/x1.png');}
.cross2 ul{list-style-image: url('https://3.bp.blogspot.com/-HMGQ5eSTm8c/WhWhNcTZdII/AAAAAAAAAIw/CR5AY0xaNp0TSBIcennx9T4vLGN730dQgCLcBGAs/s1600/x2.png');}
.cross3 ul{list-style-image: url('https://3.bp.blogspot.com/-4fTJx0dJqbo/WhWhNWaaLuI/AAAAAAAAAIs/rTG01L6PeKUUiN9JXahewyBdgMByib58gCLcBGAs/s1600/x3.png');}
.logo{width:180px;height:auto;overflow:hidden;margin:auto}
.foto3{overflow:hidden;margin:auto;border-radius:20px!important;border:5px solid #dddddd}
.bulat{overflow:hidden;margin:auto;border-radius:50%!important;border:4px solid #dddddd}
.foto2{width:200px;height:200px;overflow:hidden;margin:auto;border-radius:200px!important;border:3px solid #e9e9e9}
.foto-logo{width:150px;height:150px;overflow:hidden;margin:auto;border-radius:150px!important;}
.foto1{width:100px;height:100px;overflow:hidden;margin:auto;border-radius:100px!important;border:3px solid #e9e9e9}
.avatar{width:170px;height:170px;overflow:hidden;margin:auto;border-radius:170px!important;border:3px solid #e9e9e9}
.harga1 {line-height:2em;width:97%;} .harga1 .judul{font-size:28px;font-weight:bolder;padding:15px} .harga1 .btn{padding:15px}.harga1 .harga span{font-size:40px;}.harga1 ul{list-style:none;padding:0}
.harga2 {line-height:2em;width:500px;} .harga2 .judul{font-size:28px;font-weight:bolder;padding:15px} .harga2 .btn{padding:15px}.harga2 .harga span{font-size:40px;}.harga2 ul{list-style:none;padding:0}
.testimonial{margin-bottom: 10px;}.testimonial-section {width: 100%;height: auto;padding: 15px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;position: relative;border: 1px solid #fff;}.testimonial-section:after {top: 100%;left: 50px;border: solid transparent;content: " ";position: absolute;border-top-color: #fff;border-width: 15px;margin-left: -15px;}.testimonial-desc {margin-top: 20px;text-align:left;padding-left: 15px;}.testimonial-desc img {border: 1px solid #f5f5f5;border-radius: 150px;height: 70px;padding: 3px;width: 70px;display:inline-block;vertical-align: top;}.testimonial-writer{display: inline-block;vertical-align: top;padding-left: 10px;}.testimonial-writer-name{font-weight: bold;}.testimonial-writer-designation{font-size: 85%;}.testimonial-writer-company{font-size: 85%;}
.testimonial.testimonial-hijau{}.testimonial.testimonial-hijau .testimonial-section{border-color: #5CB85C;color: #ffffff;background-color: #5cb85c;}.testimonial.testimonial-hijau .testimonial-section:after{border-top-color: #5CB85C;}.testimonial.testimonial-hijau .testimonial-desc{}.testimonial.testimonial-hijau .testimonial-desc img{border-color: #5CB85C;}.testimonial.testimonial-hijau .testimonial-writer-name{color: #5CB85C;}.testimonial.testimonial-merah{}.testimonial.testimonial-kuning .testimonial-section{border-color: #F0AD4E;color: #ffffff;background-color: #F0AD4E;}.testimonial.testimonial-kuning .testimonial-section:after{border-top-color: #F0AD4E;}.testimonial.testimonial-kuning .testimonial-desc{}.testimonial.testimonial-kuning .testimonial-desc img{border-color: #F0AD4E;}.testimonial.testimonial-kuning .testimonial-writer-name{color: #F0AD4E;}.testimonial.testimonial-biru{}.testimonial.testimonial-biru .testimonial-section{border-color: #5BC0DE;color: #ffffff;background-color: #5BC0DE;}.testimonial.testimonial-biru .testimonial-section:after{border-top-color: #5BC0DE;}.testimonial.testimonial-biru .testimonial-desc{}.testimonial.testimonial-biru .testimonial-desc img{border-color: #5BC0DE;}.testimonial.testimonial-biru .testimonial-writer-name{color: #5BC0DE;}.testimonial.testimonial-merah{}.testimonial.testimonial-merah .testimonial-section{border-color: #D9534F;color: #ffffff;background-color:#D9534F;}.testimonial.testimonial-merah .testimonial-section:after{border-top-color: #D9534F;}.testimonial.testimonial-merah .testimonial-desc{}.testimonial.testimonial-merah .testimonial-desc img{border-color: #D9534F;}.testimonial.testimonial-merah .testimonial-writer-name{color: #D9534F;}
.subscribe-form-wrapper input {border: 0;border-radius: 20px;margin:10px;}
.subscribe-form-wrapper input,.subscribe-form-wrapper button {-webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);-moz-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.3);}
.subscribe-form-wrapper label{position:absolute;left:-9999px;text-align:center;}
.subscribe-form-wrapper input,.subscribe-form-wrapper textarea{font:inherit;resize:none;height: 40px;padding-left: 20px;width: 234px !important;}
.nama{margin-bottom:-30px;}
.peta{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;}.peta iframe{left:0;top:0;height:100%;width:100%;position:absolute;}
.img-top{margin-top:-110px;}.tinggi{padding:100px  0 0px}.top{margin-top:-320px;}.top2,.top3{margin-top:-120px;}.lebar-bawah{padding-bottom:250px}.lebar-bawah2{padding-bottom:100px}
.text-shadow{text-shadow:#636363 2px 2px 2px}.teks-shadow{text-shadow:#000 1px 1px 1px}.shadow{filter:drop-shadow(0 20px 10px rgba(0,0,0,.4))}.shadow-hitam{box-shadow:0px 0px 5px 0px #000000}.shadow-biru{box-shadow:0px 0px 5px 0px #95dbfc}.shadow-merah{box-shadow:0px 0px 5px 0px #fcb3b3}.shadow-hijau{box-shadow:0px 0px 5px 0px #9efe91}.shadow-kuning{box-shadow:0px 0px 5px 0px #fee994}.shadow-ungu{box-shadow:0px 0px 5px 0px #d27dfe}.shadow-abuabu{box-shadow:0px 0px 5px 0px #c5c6c7}.shadow-putih{box-shadow:0px 0px 5px 0px #ffffff}
.shadow,.shadow-hitam, .shadow-biru, .shadow-merah, .shadow-kuning, .shadow-ungu, .shadow-hijau,.shadow-hitam, .sorot-shadow-biru, .sorot-shadow-merah, .sorot-shadow-kuning, .sorot-shadow-ungu, .sorot-shadow-hijau,.sorot-shadow-hitam,.sorot-shadow-abuabu,.shadow-putih,.sorot-shadow-putih{transition:all .5s ease 50ms;}
.sorot-shadow-hitam:hover{box-shadow:0px 0px 5px 0px #000}.sorot-shadow-biru:hover{box-shadow:0px 0px 5px 0px #95dbfc}.sorot-shadow-merah:hover{box-shadow:0px 0px 5px 0px #fcb3b3}.sorot-shadow-hijau:hover{box-shadow:0px 0px 5px 0px #9efe91}.sorot-shadow-kuning:hover{box-shadow:0px 0px 5px 0px #fee994}.sorot-shadow-ungu:hover{box-shadow:0px 0px 5px 0px #d27dfe}.sorot-shadow-abuabu:hover{box-shadow:0px 0px 5px 0px #c5c6c7}.sorot-shadow-putih:hover{box-shadow:0px 0px 5px 0px #ffffff}
.box-shadow-hijau{box-shadow:10px 10px 0 #23c869;}.box-shadow-hijautua{box-shadow:10px 10px 0 #049c2f;}.box-shadow-hijaumuda{box-shadow:10px 10px 0 #9ec502;}.box-shadow-hijautoska{box-shadow:10px 10px 0 #4adc8f;}.box-shadow-biru{box-shadow:10px 10px 0 #2679ec;}.box-shadow-birutua{box-shadow:10px 10px 0 #131168;}.box-shadow-birumuda{box-shadow:10px 10px 0 #21b6fc;}.box-shadow-birutoska{box-shadow:10px 10px 0 #1de1df;}.box-shadow-ungu{box-shadow:10px 10px 0 #5526ee;}.box-shadow-ungutua{box-shadow:10px 10px 0 #7c0ab7;}.box-shadow-ungumuda{box-shadow:10px 10px 0 #e442f8;}.box-shadow-kuning{box-shadow:10px 10px 0 #f8ce26;}.box-shadow-kuningtua{box-shadow:10px 10px 0 #edbe03;}.box-shadow-kuningmuda{box-shadow:10px 10px 0 #ffd905;}.box-shadow-krem{box-shadow:10px 10px 0 #fde0be;}.box-shadow-kremmuda{box-shadow:10px 10px 0 #f8ecd5;}.box-shadow-merah{box-shadow:10px 10px 0 #e12d1a;}.box-shadow-merahtua{box-shadow:10px 10px 0 #b2291b;}.box-shadow-merahmuda{box-shadow:10px 10px 0 #e53177;}.box-shadow-orange{box-shadow:10px 10px 0 #ff6600;}.box-shadow-abuabu{box-shadow:10px 10px 0 #d9d9d9;}.box-shadow-abumuda{box-shadow:10px 10px 0 #c5c6c7;}.box-shadow-hitam{box-shadow:10px 10px 0 #222222;}.box-shadow-hitampekat{box-shadow:10px 10px 0 #000000;}.box-shadow-putih{box-shadow:10px 10px 0 #ffffff;}.box-shadow-coklat{box-shadow:10px 10px 0 #7e623f;}
.sorot-box-shadow-hijau:hover{box-shadow:10px 10px 0 #23c869;}.sorot-box-shadow-hijautua:hover{box-shadow:10px 10px 0 #049c2f;}.sorot-box-shadow-hijaumuda:hover{box-shadow:10px 10px 0 #9ec502;}.sorot-box-shadow-hijautoska:hover{box-shadow:10px 10px 0 #4adc8f;}.sorot-box-shadow-biru:hover{box-shadow:10px 10px 0 #2679ec;}.sorot-box-shadow-birutua:hover{box-shadow:10px 10px 0 #131168;}.sorot-box-shadow-birumuda:hover{box-shadow:10px 10px 0 #21b6fc;}.sorot-box-shadow-birutoska:hover{box-shadow:10px 10px 0 #1de1df;}.sorot-box-shadow-ungu:hover{box-shadow:10px 10px 0 #5526ee;}.sorot-box-shadow-ungutua:hover{box-shadow:10px 10px 0 #7c0ab7;}.sorot-box-shadow-ungumuda:hover{box-shadow:10px 10px 0 #e442f8;}.sorot-box-shadow-kuning:hover{box-shadow:10px 10px 0 #f8ce26;}.sorot-box-shadow-kuningtua:hover{box-shadow:10px 10px 0 #edbe03;}.sorot-box-shadow-kuningmuda:hover{box-shadow:10px 10px 0 #ffd905;}.sorot-box-shadow-krem:hover{box-shadow:10px 10px 0 #fde0be;}.sorot-box-shadow-kremmuda:hover{box-shadow:10px 10px 0 #f8ecd5;}.sorot-box-shadow-merah:hover{box-shadow:10px 10px 0 #e12d1a;}.sorot-box-shadow-merahtua:hover{box-shadow:10px 10px 0 #b2291b;}.sorot-box-shadow-merahmuda:hover{box-shadow:10px 10px 0 #e53177;}.sorot-box-shadow-orange:hover{box-shadow:10px 10px 0 #ff6600;}.sorot-box-shadow-abuabu:hover{box-shadow:10px 10px 0 #d9d9d9;}.sorot-box-shadow-abumuda:hover{box-shadow:10px 10px 0 #c5c6c7;}.sorot-box-shadow-hitam:hover{box-shadow:10px 10px 0 #222222;}.sorot-box-shadow-hitampekat:hover{box-shadow:10px 10px 0 #000000;}.sorot-box-shadow-putih:hover{box-shadow:10px 10px 0 #ffffff;}.sorot-box-shadow-coklat:hover{box-shadow:10px 10px 0 #7e623f;}
.box-shadow-hijau2{box-shadow:10px -15px 0 #23c869;}.box-shadow-hijautua2{box-shadow:10px -15px 0 #049c2f;}.box-shadow-hijaumuda2{box-shadow:10px -15px 0 #9ec502;}.box-shadow-hijautoska2{box-shadow:10px -15px 0 #4adc8f;}.box-shadow-biru2{box-shadow:10px -15px 0 #2679ec;}.box-shadow-birutua2{box-shadow:10px -15px 0 #131168;}.box-shadow-birumuda2{box-shadow:10px -15px 0 #21b6fc;}.box-shadow-birutoska2{box-shadow:10px -15px 0 #1de1df;}.box-shadow-ungu2{box-shadow:10px -15px 0 #5526ee;}.box-shadow-ungutua2{box-shadow:10px -15px 0 #7c0ab7;}.box-shadow-ungumuda2{box-shadow:10px -15px 0 #e442f8;}.box-shadow-kuning2{box-shadow:10px -15px 0 #f8ce26;}.box-shadow-kuningtua2{box-shadow:10px -15px 0 #edbe03;}.box-shadow-kuningmuda2{box-shadow:10px -15px 0 #ffd905;}.box-shadow-krem2{box-shadow:10px -15px 0 #fde0be;}.box-shadow-kremmuda2{box-shadow:10px -15px 0 #f8ecd5;}.box-shadow-merah2{box-shadow:10px -15px 0 #e12d1a;}.box-shadow-merahtua2{box-shadow:10px -15px 0 #b2291b;}.box-shadow-merahmuda2{box-shadow:10px -15px 0 #e53177;}.box-shadow-orange2{box-shadow:10px -15px 0 #ff6600;}.box-shadow-abuabu2{box-shadow:10px -15px 0 #7b8691;}.box-shadow-abumuda2{box-shadow:10px -15px 0 #c5c6c7;}.box-shadow-hitam2{box-shadow:10px -15px 0 #222222;}.box-shadow-hitampekat2{box-shadow:10px -15px 0 #000000;}.box-shadow-putih2{box-shadow:10px -15px 0 #ffffff;}.box-shadow-coklat2{box-shadow:10px -15px 0 #7e623f;}
.sorot-box-shadow-hijau2:hover{box-shadow:10px -15px 0 #23c869;}.sorot-box-shadow-hijautua2:hover{box-shadow:10px -15px 0 #049c2f;}.sorot-box-shadow-hijaumuda2:hover{box-shadow:10px -15px 0 #9ec502;}.sorot-box-shadow-hijautoska2:hover{box-shadow:10px -15px 0 #4adc8f;}.sorot-box-shadow-biru2:hover{box-shadow:10px -15px 0 #2679ec;}.sorot-box-shadow-birutua2:hover{box-shadow:10px -15px 0 #131168;}.sorot-box-shadow-birumuda2:hover{box-shadow:10px -15px 0 #21b6fc;}.sorot-box-shadow-birutoska2:hover{box-shadow:10px -15px 0 #1de1df;}.sorot-box-shadow-ungu2:hover{box-shadow:10px -15px 0 #5526ee;}.sorot-box-shadow-ungutua2:hover{box-shadow:10px -15px 0 #7c0ab7;}.sorot-box-shadow-ungumuda2:hover{box-shadow:10px -15px 0 #e442f8;}.sorot-box-shadow-kuning2:hover{box-shadow:10px -15px 0 #f8ce26;}.sorot-box-shadow-kuningtua2:hover{box-shadow:10px -15px 0 #edbe03;}.sorot-box-shadow-kuningmuda2:hover{box-shadow:10px -15px 0 #ffd905;}.sorot-box-shadow-krem2:hover{box-shadow:10px -15px 0 #fde0be;}.sorot-box-shadow-kremmuda2:hover{box-shadow:10px -15px 0 #f8ecd5;}.sorot-box-shadow-merah2:hover{box-shadow:10px -15px 0 #e12d1a;}.sorot-box-shadow-merahtua2:hover{box-shadow:10px -15px 0 #b2291b;}.sorot-box-shadow-merahmuda2:hover{box-shadow:10px -15px 0 #e53177;}.sorot-box-shadow-orange2:hover{box-shadow:10px -15px 0 #ff6600;}.sorot-box-shadow-abuabu2:hover{box-shadow:10px -15px 0 #7b8691;}.sorot-box-shadow-abumuda2:hover{box-shadow:10px -15px 0 #c5c6c7;}.sorot-box-shadow-hitam2:hover{box-shadow:10px -15px 0 #222222;}.sorot-box-shadow-hitampekat2:hover{box-shadow:10px -15px 0 #000000;}.sorot-box-shadow-putih2:hover{box-shadow:10px -15px 0 #ffffff;}.sorot-box-shadow-coklat2:hover{box-shadow:10px -15px 0 #7e623f;}
.box-shadow-hijau3{box-shadow:-15px 10px 0 #23c869;}.box-shadow-hijautua3{box-shadow:-15px 10px 0 #049c2f;}.box-shadow-hijaumuda3{box-shadow:-15px 10px 0 #9ec502;}.box-shadow-hijautoska3{box-shadow:-15px 10px 0 #4adc8f;}.box-shadow-biru3{box-shadow:-15px 10px 0 #2679ec;}.box-shadow-birutua3{box-shadow:-15px 10px 0 #131168;}.box-shadow-birumuda3{box-shadow:-15px 10px 0 #21b6fc;}.box-shadow-birutoska3{box-shadow:-15px 10px 0 #1de1df;}.box-shadow-ungu3{box-shadow:-15px 10px 0 #5526ee;}.box-shadow-ungutua3{box-shadow:-15px 10px 0 #7c0ab7;}.box-shadow-ungumuda3{box-shadow:-15px 10px 0 #e442f8;}.box-shadow-kuning3{box-shadow:-15px 10px 0 #f8ce26;}.box-shadow-kuningtua3{box-shadow:-15px 10px 0 #edbe03;}.box-shadow-kuningmuda3{box-shadow:-15px 10px 0 #ffd905;}.box-shadow-krem3{box-shadow:-15px 10px 0 #fde0be;}.box-shadow-kremmuda3{box-shadow:-15px 10px 0 #f8ecd5;}.box-shadow-merah3{box-shadow:-15px 10px 0 #e12d1a;}.box-shadow-merahtua3{box-shadow:-15px 10px 0 #b2291b;}.box-shadow-merahmuda3{box-shadow:-15px 10px 0 #e53177;}.box-shadow-orange3{box-shadow:-15px 10px 0 #ff6600;}.box-shadow-abuabu3{box-shadow:-15px 10px 0 #7b8691;}.box-shadow-abumuda3{box-shadow:-15px 10px 0 #c5c6c7;}.box-shadow-hitam3{box-shadow:-15px 10px 0 #222222;}.box-shadow-hitampekat3{box-shadow:-15px 10px 0 #000000;}.box-shadow-putih3{box-shadow:-15px 10px 0 #ffffff;}.box-shadow-coklat3{box-shadow:-15px 10px 0 #7e623f;}
.sorot-box-shadow-hijau3:hover{box-shadow:-15px 10px 0 #23c869;}.sorot-box-shadow-hijautua3:hover{box-shadow:-15px 10px 0 #049c2f;}.sorot-box-shadow-hijaumuda3:hover{box-shadow:-15px 10px 0 #9ec502;}.sorot-box-shadow-hijautoska3:hover{box-shadow:-15px 10px 0 #4adc8f;}.sorot-box-shadow-biru3:hover{box-shadow:-15px 10px 0 #2679ec;}.sorot-box-shadow-birutua3:hover{box-shadow:-15px 10px 0 #131168;}.sorot-box-shadow-birumuda3:hover{box-shadow:-15px 10px 0 #21b6fc;}.sorot-box-shadow-birutoska3:hover{box-shadow:-15px 10px 0 #1de1df;}.sorot-box-shadow-ungu3:hover{box-shadow:-15px 10px 0 #5526ee;}.sorot-box-shadow-ungutua3:hover{box-shadow:-15px 10px 0 #7c0ab7;}.sorot-box-shadow-ungumuda3:hover{box-shadow:-15px 10px 0 #e442f8;}.sorot-box-shadow-kuning3:hover{box-shadow:-15px 10px 0 #f8ce26;}.sorot-box-shadow-kuningtua3:hover{box-shadow:-15px 10px 0 #edbe03;}.sorot-box-shadow-kuningmuda3:hover{box-shadow:-15px 10px 0 #ffd905;}.sorot-box-shadow-krem3:hover{box-shadow:-15px 10px 0 #fde0be;}.sorot-box-shadow-kremmuda3:hover{box-shadow:-15px 10px 0 #f8ecd5;}.sorot-box-shadow-merah3:hover{box-shadow:-15px 10px 0 #e12d1a;}.sorot-box-shadow-merahtua3:hover{box-shadow:-15px 10px 0 #b2291b;}.sorot-box-shadow-merahmuda3:hover{box-shadow:-15px 10px 0 #e53177;}.sorot-box-shadow-orange3:hover{box-shadow:-15px 10px 0 #ff6600;}.sorot-box-shadow-abuabu3:hover{box-shadow:-15px 10px 0 #7b8691;}.sorot-box-shadow-abumuda3:hover{box-shadow:-15px 10px 0 #c5c6c7;}.sorot-box-shadow-hitam3:hover{box-shadow:-15px 10px 0 #222222;}.sorot-box-shadow-hitampekat3:hover{box-shadow:-15px 10px 0 #000000;}.sorot-box-shadow-putih3:hover{box-shadow:-15px 10px 0 #ffffff;}.sorot-box-shadow-coklat3:hover{box-shadow:-15px 10px 0 #7e623f;}
.box-shadow-hijau4{box-shadow:-15px -10px 0 #23c869;}.box-shadow-hijautua4{box-shadow:-15px -10px 0 #049c2f;}.box-shadow-hijaumuda4{box-shadow:-15px -10px 0 #9ec502;}.box-shadow-hijautoska4{box-shadow:-15px -10px 0 #4adc8f;}.box-shadow-biru4{box-shadow:-15px -10px 0 #2679ec;}.box-shadow-birutua4{box-shadow:-15px -10px 0 #131168;}.box-shadow-birumuda4{box-shadow:-15px -10px 0 #21b6fc;}.box-shadow-birutoska4{box-shadow:-15px -10px 0 #1de1df;}.box-shadow-ungu4{box-shadow:-15px -10px 0 #5526ee;}.box-shadow-ungutua4{box-shadow:-15px -10px 0 #7c0ab7;}.box-shadow-ungumuda4{box-shadow:-15px -10px 0 #e442f8;}.box-shadow-kuning4{box-shadow:-15px -10px 0 #f8ce26;}.box-shadow-kuningtua4{box-shadow:-15px -10px 0 #edbe03;}.box-shadow-kuningmuda4{box-shadow:-15px -10px 0 #ffd905;}.box-shadow-krem4{box-shadow:-15px -10px 0 #fde0be;}.box-shadow-kremmuda4{box-shadow:-15px -10px 0 #f8ecd5;}.box-shadow-merah4{box-shadow:-15px -10px 0 #e12d1a;}.box-shadow-merahtua4{box-shadow:-15px -10px 0 #b2291b;}.box-shadow-merahmuda4{box-shadow:-15px -10px 0 #e53177;}.box-shadow-orange4{box-shadow:-15px -10px 0 #ff6600;}.box-shadow-abuabu4{box-shadow:-15px -10px 0 #7b8691;}.box-shadow-abumuda4{box-shadow:-15px -10px 0 #c5c6c7;}.box-shadow-hitam4{box-shadow:-15px -10px 0 #222222;}.box-shadow-hitampekat4{box-shadow:-15px -10px 0 #000000;}.box-shadow-putih4{box-shadow:-15px -10px 0 #ffffff;}.box-shadow-coklat4{box-shadow:-15px -10px 0 #7e623f;}
.sorot-box-shadow-hijau4:hover{box-shadow:-15px -10px 0 #23c869;}.sorot-box-shadow-hijautua4:hover{box-shadow:-15px -10px 0 #049c2f;}.sorot-box-shadow-hijaumuda4:hover{box-shadow:-15px -10px 0 #9ec502;}.sorot-box-shadow-hijautoska4:hover{box-shadow:-15px -10px 0 #4adc8f;}.sorot-box-shadow-biru4:hover{box-shadow:-15px -10px 0 #2679ec;}.sorot-box-shadow-birutua4:hover{box-shadow:-15px -10px 0 #131168;}.sorot-box-shadow-birumuda4:hover{box-shadow:-15px -10px 0 #21b6fc;}.sorot-box-shadow-birutoska4:hover{box-shadow:-15px -10px 0 #1de1df;}.sorot-box-shadow-ungu4:hover{box-shadow:-15px -10px 0 #5526ee;}.sorot-box-shadow-ungutua4:hover{box-shadow:-15px -10px 0 #7c0ab7;}.sorot-box-shadow-ungumuda4:hover{box-shadow:-15px -10px 0 #e442f8;}.sorot-box-shadow-kuning4:hover{box-shadow:-15px -10px 0 #f8ce26;}.sorot-box-shadow-kuningtua4:hover{box-shadow:-15px -10px 0 #edbe03;}.sorot-box-shadow-kuningmuda4:hover{box-shadow:-15px -10px 0 #ffd905;}.sorot-box-shadow-krem4:hover{box-shadow:-15px -10px 0 #fde0be;}.sorot-box-shadow-kremmuda4:hover{box-shadow:-15px -10px 0 #f8ecd5;}.sorot-box-shadow-merah4:hover{box-shadow:-15px -10px 0 #e12d1a;}.sorot-box-shadow-merahtua4:hover{box-shadow:-15px -10px 0 #b2291b;}.sorot-box-shadow-merahmuda4:hover{box-shadow:-15px -10px 0 #e53177;}.sorot-box-shadow-orange4:hover{box-shadow:-15px -10px 0 #ff6600;}.sorot-box-shadow-abuabu4:hover{box-shadow:-15px -10px 0 #7b8691;}.sorot-box-shadow-abumuda4:hover{box-shadow:-15px -10px 0 #c5c6c7;}.sorot-box-shadow-hitam4:hover{box-shadow:-15px -10px 0 #222222;}.sorot-box-shadow-hitampekat4:hover{box-shadow:-15px -10px 0 #000000;}.sorot-box-shadow-putih4:hover{box-shadow:-15px -10px 0 #ffffff;}.sorot-box-shadow-coklat4:hover{box-shadow:-15px -10px 0 #7e623f;}
.hover-border-papayawhip:hover {border:1px solid papayawhip;margin:0 auto;padding:10px}.hover-border-moccasin:hover {border:1px solid moccasin;margin:0 auto;padding:10px}.hover-border-peachpuff:hover {border:1px solid peachpuff;margin:0 auto;padding:10px}.hover-border-palegoldenrod:hover {border:1px solid palegoldenrod;margin:0 auto;padding:10px}.hover-border-khaki:hover {border:1px solid khaki;margin:0 auto;padding:10px}.hover-border-darkkhaki:hover {border:1px solid darkkhaki;margin:0 auto;padding:10px}.hover-border-yellow:hover {border:1px solid yellow;margin:0 auto;padding:10px}.hover-border-lawngreen:hover {border:1px solid lawngreen;margin:0 auto;padding:10px}.hover-border-chartreuse:hover {border:1px solid chartreuse;margin:0 auto;padding:10px}.hover-border-limegreen:hover {border:1px solid limegreen;margin:0 auto;padding:10px}.hover-border-lime:hover {border:1px solid lime;margin:0 auto;padding:10px}.hover-border-forestgreen:hover {border:1px solid forestgreen;margin:0 auto;padding:10px}.hover-border-green:hover {border:1px solid green;margin:0 auto;padding:10px}.hover-border-darkgreen:hover {border:1px solid darkgreen;margin:0 auto;padding:10px}.hover-border-greenyellow:hover {border:1px solid greenyellow;margin:0 auto;padding:10px}.hover-border-yellowgreen:hover {border:1px solid yellowgreen;margin:0 auto;padding:10px}.hover-border-springgreen:hover {border:1px solid springgreen;margin:0 auto;padding:10px}.hover-border-mediumspringgreen:hover {border:1px solid mediumspringgreen;margin:0 auto;padding:10px}.hover-border-lightgreen:hover {border:1px solid lightgreen;margin:0 auto;padding:10px}.hover-border-palegreen:hover {border:1px solid palegreen;margin:0 auto;padding:10px}.hover-border-darkseagreen:hover {border:1px solid darkseagreen;margin:0 auto;padding:10px}.hover-border-mediumseagreen:hover {border:1px solid mediumseagreen;margin:0 auto;padding:10px}.hover-border-seagreen:hover {border:1px solid seagreen;margin:0 auto;padding:10px}.hover-border-olive:hover {border:1px solid olive;margin:0 auto;padding:10px}.hover-border-darkolivegreen:hover {border:1px solid darkolivegreen;margin:0 auto;padding:10px}.hover-border-olivedrab:hover {border:1px solid olivedrab;margin:0 auto;padding:10px}.hover-border-lightcyan:hover {border:1px solid lightcyan;margin:0 auto;padding:10px}.hover-border-cyan:hover {border:1px solid cyan;margin:0 auto;padding:10px}.hover-border-aqua:hover {border:1px solid aqua;margin:0 auto;padding:10px}.hover-border-aquamarine:hover {border:1px solid aquamarine;margin:0 auto;padding:10px}.hover-border-mediumaquamarine:hover {border:1px solid mediumaquamarine;margin:0 auto;padding:10px}.hover-border-paleturquoise:hover {border:1px solid paleturquoise;margin:0 auto;padding:10px}.hover-border-turquoise:hover {border:1px solid turquoise;margin:0 auto;padding:10px}.hover-border-mediumturquoise:hover {border:1px solid mediumturquoise;margin:0 auto;padding:10px}.hover-border-darkturquoise:hover {border:1px solid darkturquoise;margin:0 auto;padding:10px}.hover-border-lightseagreen:hover {border:1px solid lightseagreen;margin:0 auto;padding:10px}.hover-border-cadetblue:hover {border:1px solid cadetblue;margin:0 auto;padding:10px}.hover-border-darkcyan:hover {border:1px solid darkcyan;margin:0 auto;padding:10px}.hover-border-teal:hover {border:1px solid teal;margin:0 auto;padding:10px}.hover-border-powderblue:hover {border:1px solid powderblue;margin:0 auto;padding:10px}.hover-border-lightblue:hover {border:1px solid lightblue;margin:0 auto;padding:10px}.hover-border-lightskyblue:hover {border:1px solid lightskyblue;margin:0 auto;padding:10px}.hover-border-skyblue:hover {border:1px solid skyblue;margin:0 auto;padding:10px}.hover-border-deepskyblue:hover {border:1px solid deepskyblue;margin:0 auto;padding:10px}.hover-border-lightsteelblue:hover {border:1px solid lightsteelblue;margin:0 auto;padding:10px}.hover-border-dodgerblue:hover {border:1px solid dodgerblue;margin:0 auto;padding:10px}.hover-border-cornflowerblue:hover {border:1px solid cornflowerblue;margin:0 auto;padding:10px}.hover-border-steelblue:hover {border:1px solid steelblue;margin:0 auto;padding:10px}.hover-border-royalblue:hover {border:1px solid royalblue;margin:0 auto;padding:10px}.hover-border-blue:hover {border:1px solid blue;margin:0 auto;padding:10px}.hover-border-mediumblue:hover {border:1px solid mediumblue;margin:0 auto;padding:10px}.hover-border-darkblue:hover {border:1px solid darkblue;margin:0 auto;padding:10px}.hover-border-navy:hover {border:1px solid navy;margin:0 auto;padding:10px}.hover-border-midnightblue:hover {border:1px solid midnightblue;margin:0 auto;padding:10px}.hover-border-mediumslateblue:hover {border:1px solid mediumslateblue;margin:0 auto;padding:10px}.hover-border-slateblue:hover {border:1px solid slateblue;margin:0 auto;padding:10px}.hover-border-darkslateblue:hover {border:1px solid darkslateblue;margin:0 auto;padding:10px}.hover-border-lavender:hover {border:1px solid lavender;margin:0 auto;padding:10px}.hover-border-thistle:hover {border:1px solid thistle;margin:0 auto;padding:10px}.hover-border-plum:hover {border:1px solid plum;margin:0 auto;padding:10px}.hover-border-violet:hover {border:1px solid violet;margin:0 auto;padding:10px}.hover-border-orchid:hover {border:1px solid orchid;margin:0 auto;padding:10px}.hover-border-fuchsia:hover {border:1px solid fuchsia;margin:0 auto;padding:10px}.hover-border-magenta:hover {border:1px solid magenta;margin:0 auto;padding:10px}.hover-border-mediumorchid:hover {border:1px solid mediumorchid;margin:0 auto;padding:10px}.hover-border-mediumpurple:hover {border:1px solid mediumpurple;margin:0 auto;padding:10px}.hover-border-blueviolet:hover {border:1px solid blueviolet;margin:0 auto;padding:10px}.hover-border-darkviolet:hover {border:1px solid darkviolet;margin:0 auto;padding:10px}.hover-border-darkorchid:hover {border:1px solid darkorchid;margin:0 auto;padding:10px}.hover-border-darkmagenta:hover {border:1px solid darkmagenta;margin:0 auto;padding:10px}.hover-border-purple:hover {border:1px solid purple;margin:0 auto;padding:10px}.hover-border-indigo:hover {border:1px solid indigo;margin:0 auto;padding:10px}.hover-border-pink:hover {border:1px solid pink;margin:0 auto;padding:10px}.hover-border-lightpink:hover {border:1px solid lightpink;margin:0 auto;padding:10px}.hover-border-hotpink:hover {border:1px solid hotpink;margin:0 auto;padding:10px}.hover-border-deeppink:hover {border:1px solid deeppink;margin:0 auto;padding:10px}.hover-border-palevioletred:hover {border:1px solid palevioletred;margin:0 auto;padding:10px}.hover-border-mediumvioletred:hover {border:1px solid mediumvioletred;margin:0 auto;padding:10px}.hover-border-white:hover {border:1px solid white;margin:0 auto;padding:10px}.hover-border-snow:hover {border:1px solid snow;margin:0 auto;padding:10px}.hover-border-honeydew:hover {border:1px solid honeydew;margin:0 auto;padding:10px}.hover-border-mintcream:hover {border:1px solid mintcream;margin:0 auto;padding:10px}.hover-border-azure:hover {border:1px solid azure;margin:0 auto;padding:10px}.hover-border-aliceblue:hover {border:1px solid aliceblue;margin:0 auto;padding:10px}.hover-border-ghostwhite:hover {border:1px solid ghostwhite;margin:0 auto;padding:10px}.hover-border-whitesmoke:hover {border:1px solid whitesmoke;margin:0 auto;padding:10px}.hover-border-seashell:hover {border:1px solid seashell;margin:0 auto;padding:10px}.hover-border-beige:hover {border:1px solid beige;margin:0 auto;padding:10px}.hover-border-oldlace:hover {border:1px solid oldlace;margin:0 auto;padding:10px}.hover-border-floralwhite:hover {border:1px solid floralwhite;margin:0 auto;padding:10px}.hover-border-ivory:hover {border:1px solid ivory;margin:0 auto;padding:10px}.hover-border-antiquewhite:hover {border:1px solid antiquewhite;margin:0 auto;padding:10px}.hover-border-linen:hover {border:1px solid linen;margin:0 auto;padding:10px}.hover-border-lavenderblush:hover {border:1px solid lavenderblush;margin:0 auto;padding:10px}.hover-border-mistyrose:hover {border:1px solid mistyrose;margin:0 auto;padding:10px}.hover-border-gainsboro:hover {border:1px solid gainsboro;margin:0 auto;padding:10px}.hover-border-lightgray:hover {border:1px solid lightgray;margin:0 auto;padding:10px}.hover-border-silver:hover {border:1px solid silver;margin:0 auto;padding:10px}.hover-border-darkgray:hover {border:1px solid darkgray;margin:0 auto;padding:10px}.hover-border-gray:hover {border:1px solid gray;margin:0 auto;padding:10px}.hover-border-dimgray:hover {border:1px solid dimgray;margin:0 auto;padding:10px}.hover-border-lightslategray:hover {border:1px solid lightslategray;margin:0 auto;padding:10px}.hover-border-slategray:hover {border:1px solid slategray;margin:0 auto;padding:10px}.hover-border-darkslategray:hover {border:1px solid darkslategray;margin:0 auto;padding:10px}.hover-border-black:hover {border:1px solid black;margin:0 auto;padding:10px}.hover-border-cornsilk:hover {border:1px solid cornsilk;margin:0 auto;padding:10px}.hover-border-blanchedalmond:hover {border:1px solid blanchedalmond;margin:0 auto;padding:10px}.hover-border-bisque:hover {border:1px solid bisque;margin:0 auto;padding:10px}.hover-border-navajowhite:hover {border:1px solid navajowhite;margin:0 auto;padding:10px}.hover-border-wheat:hover {border:1px solid wheat;margin:0 auto;padding:10px}.hover-border-burlywood:hover {border:1px solid burlywood;margin:0 auto;padding:10px}.hover-border-tan:hover {border:1px solid tan;margin:0 auto;padding:10px}.hover-border-rosybrown:hover {border:1px solid rosybrown;margin:0 auto;padding:10px}.hover-border-sandybrown:hover {border:1px solid sandybrown;margin:0 auto;padding:10px}.hover-border-goldenrod:hover {border:1px solid goldenrod;margin:0 auto;padding:10px}.hover-border-peru:hover {border:1px solid peru;margin:0 auto;padding:10px}.hover-border-chocolate:hover {border:1px solid chocolate;margin:0 auto;padding:10px}.hover-border-saddlebrown:hover {border:1px solid saddlebrown;margin:0 auto;padding:10px}.hover-border-sienna:hover {border:1px solid sienna;margin:0 auto;padding:10px}.hover-border-brown:hover {border:1px solid brown;margin:0 auto;padding:10px}.hover-border-maroon:hover {border:1px solid maroon}
.hover-border-putus-papayawhip:hover {border:1px dashed papayawhip;margin:0 auto;padding:10px}.hover-border-putus-moccasin:hover {border:1px dashed moccasin;margin:0 auto;padding:10px}.hover-border-putus-peachpuff:hover {border:1px dashed peachpuff;margin:0 auto;padding:10px}.hover-border-putus-palegoldenrod:hover {border:1px dashed palegoldenrod;margin:0 auto;padding:10px}.hover-border-putus-khaki:hover {border:1px dashed khaki;margin:0 auto;padding:10px}.hover-border-putus-darkkhaki:hover {border:1px dashed darkkhaki;margin:0 auto;padding:10px}.hover-border-putus-yellow:hover {border:1px dashed yellow;margin:0 auto;padding:10px}.hover-border-putus-lawngreen:hover {border:1px dashed lawngreen;margin:0 auto;padding:10px}.hover-border-putus-chartreuse:hover {border:1px dashed chartreuse;margin:0 auto;padding:10px}.hover-border-putus-limegreen:hover {border:1px dashed limegreen;margin:0 auto;padding:10px}.hover-border-putus-lime:hover {border:1px dashed lime;margin:0 auto;padding:10px}.hover-border-putus-forestgreen:hover {border:1px dashed forestgreen;margin:0 auto;padding:10px}.hover-border-putus-green:hover {border:1px dashed green;margin:0 auto;padding:10px}.hover-border-putus-darkgreen:hover {border:1px dashed darkgreen;margin:0 auto;padding:10px}.hover-border-putus-greenyellow:hover {border:1px dashed greenyellow;margin:0 auto;padding:10px}.hover-border-putus-yellowgreen:hover {border:1px dashed yellowgreen;margin:0 auto;padding:10px}.hover-border-putus-springgreen:hover {border:1px dashed springgreen;margin:0 auto;padding:10px}.hover-border-putus-mediumspringgreen:hover {border:1px dashed mediumspringgreen;margin:0 auto;padding:10px}.hover-border-putus-lightgreen:hover {border:1px dashed lightgreen;margin:0 auto;padding:10px}.hover-border-putus-palegreen:hover {border:1px dashed palegreen;margin:0 auto;padding:10px}.hover-border-putus-darkseagreen:hover {border:1px dashed darkseagreen;margin:0 auto;padding:10px}.hover-border-putus-mediumseagreen:hover {border:1px dashed mediumseagreen;margin:0 auto;padding:10px}.hover-border-putus-seagreen:hover {border:1px dashed seagreen;margin:0 auto;padding:10px}.hover-border-putus-olive:hover {border:1px dashed olive;margin:0 auto;padding:10px}.hover-border-putus-darkolivegreen:hover {border:1px dashed darkolivegreen;margin:0 auto;padding:10px}.hover-border-putus-olivedrab:hover {border:1px dashed olivedrab;margin:0 auto;padding:10px}.hover-border-putus-lightcyan:hover {border:1px dashed lightcyan;margin:0 auto;padding:10px}.hover-border-putus-cyan:hover {border:1px dashed cyan;margin:0 auto;padding:10px}.hover-border-putus-aqua:hover {border:1px dashed aqua;margin:0 auto;padding:10px}.hover-border-putus-aquamarine:hover {border:1px dashed aquamarine;margin:0 auto;padding:10px}.hover-border-putus-mediumaquamarine:hover {border:1px dashed mediumaquamarine;margin:0 auto;padding:10px}.hover-border-putus-paleturquoise:hover {border:1px dashed paleturquoise;margin:0 auto;padding:10px}.hover-border-putus-turquoise:hover {border:1px dashed turquoise;margin:0 auto;padding:10px}.hover-border-putus-mediumturquoise:hover {border:1px dashed mediumturquoise;margin:0 auto;padding:10px}.hover-border-putus-darkturquoise:hover {border:1px dashed darkturquoise;margin:0 auto;padding:10px}.hover-border-putus-lightseagreen:hover {border:1px dashed lightseagreen;margin:0 auto;padding:10px}.hover-border-putus-cadetblue:hover {border:1px dashed cadetblue;margin:0 auto;padding:10px}.hover-border-putus-darkcyan:hover {border:1px dashed darkcyan;margin:0 auto;padding:10px}.hover-border-putus-teal:hover {border:1px dashed teal;margin:0 auto;padding:10px}.hover-border-putus-powderblue:hover {border:1px dashed powderblue;margin:0 auto;padding:10px}.hover-border-putus-lightblue:hover {border:1px dashed lightblue;margin:0 auto;padding:10px}.hover-border-putus-lightskyblue:hover {border:1px dashed lightskyblue;margin:0 auto;padding:10px}.hover-border-putus-skyblue:hover {border:1px dashed skyblue;margin:0 auto;padding:10px}.hover-border-putus-deepskyblue:hover {border:1px dashed deepskyblue;margin:0 auto;padding:10px}.hover-border-putus-lightsteelblue:hover {border:1px dashed lightsteelblue;margin:0 auto;padding:10px}.hover-border-putus-dodgerblue:hover {border:1px dashed dodgerblue;margin:0 auto;padding:10px}.hover-border-putus-cornflowerblue:hover {border:1px dashed cornflowerblue;margin:0 auto;padding:10px}.hover-border-putus-steelblue:hover {border:1px dashed steelblue;margin:0 auto;padding:10px}.hover-border-putus-royalblue:hover {border:1px dashed royalblue;margin:0 auto;padding:10px}.hover-border-putus-blue:hover {border:1px dashed blue;margin:0 auto;padding:10px}.hover-border-putus-mediumblue:hover {border:1px dashed mediumblue;margin:0 auto;padding:10px}.hover-border-putus-darkblue:hover {border:1px dashed darkblue;margin:0 auto;padding:10px}.hover-border-putus-navy:hover {border:1px dashed navy;margin:0 auto;padding:10px}.hover-border-putus-midnightblue:hover {border:1px dashed midnightblue;margin:0 auto;padding:10px}.hover-border-putus-mediumslateblue:hover {border:1px dashed mediumslateblue;margin:0 auto;padding:10px}.hover-border-putus-slateblue:hover {border:1px dashed slateblue;margin:0 auto;padding:10px}.hover-border-putus-darkslateblue:hover {border:1px dashed darkslateblue;margin:0 auto;padding:10px}.hover-border-putus-lavender:hover {border:1px dashed lavender;margin:0 auto;padding:10px}.hover-border-putus-thistle:hover {border:1px dashed thistle;margin:0 auto;padding:10px}.hover-border-putus-plum:hover {border:1px dashed plum;margin:0 auto;padding:10px}.hover-border-putus-violet:hover {border:1px dashed violet;margin:0 auto;padding:10px}.hover-border-putus-orchid:hover {border:1px dashed orchid;margin:0 auto;padding:10px}.hover-border-putus-fuchsia:hover {border:1px dashed fuchsia;margin:0 auto;padding:10px}.hover-border-putus-magenta:hover {border:1px dashed magenta;margin:0 auto;padding:10px}.hover-border-putus-mediumorchid:hover {border:1px dashed mediumorchid;margin:0 auto;padding:10px}.hover-border-putus-mediumpurple:hover {border:1px dashed mediumpurple;margin:0 auto;padding:10px}.hover-border-putus-blueviolet:hover {border:1px dashed blueviolet;margin:0 auto;padding:10px}.hover-border-putus-darkviolet:hover {border:1px dashed darkviolet;margin:0 auto;padding:10px}.hover-border-putus-darkorchid:hover {border:1px dashed darkorchid;margin:0 auto;padding:10px}.hover-border-putus-darkmagenta:hover {border:1px dashed darkmagenta;margin:0 auto;padding:10px}.hover-border-putus-purple:hover {border:1px dashed purple;margin:0 auto;padding:10px}.hover-border-putus-indigo:hover {border:1px dashed indigo;margin:0 auto;padding:10px}.hover-border-putus-pink:hover {border:1px dashed pink;margin:0 auto;padding:10px}.hover-border-putus-lightpink:hover {border:1px dashed lightpink;margin:0 auto;padding:10px}.hover-border-putus-hotpink:hover {border:1px dashed hotpink;margin:0 auto;padding:10px}.hover-border-putus-deeppink:hover {border:1px dashed deeppink;margin:0 auto;padding:10px}.hover-border-putus-palevioletred:hover {border:1px dashed palevioletred;margin:0 auto;padding:10px}.hover-border-putus-mediumvioletred:hover {border:1px dashed mediumvioletred;margin:0 auto;padding:10px}.hover-border-putus-white:hover {border:1px dashed white;margin:0 auto;padding:10px}.hover-border-putus-snow:hover {border:1px dashed snow;margin:0 auto;padding:10px}.hover-border-putus-honeydew:hover {border:1px dashed honeydew;margin:0 auto;padding:10px}.hover-border-putus-mintcream:hover {border:1px dashed mintcream;margin:0 auto;padding:10px}.hover-border-putus-azure:hover {border:1px dashed azure;margin:0 auto;padding:10px}.hover-border-putus-aliceblue:hover {border:1px dashed aliceblue;margin:0 auto;padding:10px}.hover-border-putus-ghostwhite:hover {border:1px dashed ghostwhite;margin:0 auto;padding:10px}.hover-border-putus-whitesmoke:hover {border:1px dashed whitesmoke;margin:0 auto;padding:10px}.hover-border-putus-seashell:hover {border:1px dashed seashell;margin:0 auto;padding:10px}.hover-border-putus-beige:hover {border:1px dashed beige;margin:0 auto;padding:10px}.hover-border-putus-oldlace:hover {border:1px dashed oldlace;margin:0 auto;padding:10px}.hover-border-putus-floralwhite:hover {border:1px dashed floralwhite;margin:0 auto;padding:10px}.hover-border-putus-ivory:hover {border:1px dashed ivory;margin:0 auto;padding:10px}.hover-border-putus-antiquewhite:hover {border:1px dashed antiquewhite;margin:0 auto;padding:10px}.hover-border-putus-linen:hover {border:1px dashed linen;margin:0 auto;padding:10px}.hover-border-putus-lavenderblush:hover {border:1px dashed lavenderblush;margin:0 auto;padding:10px}.hover-border-putus-mistyrose:hover {border:1px dashed mistyrose;margin:0 auto;padding:10px}.hover-border-putus-gainsboro:hover {border:1px dashed gainsboro;margin:0 auto;padding:10px}.hover-border-putus-lightgray:hover {border:1px dashed lightgray;margin:0 auto;padding:10px}.hover-border-putus-silver:hover {border:1px dashed silver;margin:0 auto;padding:10px}.hover-border-putus-darkgray:hover {border:1px dashed darkgray;margin:0 auto;padding:10px}.hover-border-putus-gray:hover {border:1px dashed gray;margin:0 auto;padding:10px}.hover-border-putus-dimgray:hover {border:1px dashed dimgray;margin:0 auto;padding:10px}.hover-border-putus-lightslategray:hover {border:1px dashed lightslategray;margin:0 auto;padding:10px}.hover-border-putus-slategray:hover {border:1px dashed slategray;margin:0 auto;padding:10px}.hover-border-putus-darkslategray:hover {border:1px dashed darkslategray;margin:0 auto;padding:10px}.hover-border-putus-black:hover {border:1px dashed black;margin:0 auto;padding:10px}.hover-border-putus-cornsilk:hover {border:1px dashed cornsilk;margin:0 auto;padding:10px}.hover-border-putus-blanchedalmond:hover {border:1px dashed blanchedalmond;margin:0 auto;padding:10px}.hover-border-putus-bisque:hover {border:1px dashed bisque;margin:0 auto;padding:10px}.hover-border-putus-navajowhite:hover {border:1px dashed navajowhite;margin:0 auto;padding:10px}.hover-border-putus-wheat:hover {border:1px dashed wheat;margin:0 auto;padding:10px}.hover-border-putus-burlywood:hover {border:1px dashed burlywood;margin:0 auto;padding:10px}.hover-border-putus-tan:hover {border:1px dashed tan;margin:0 auto;padding:10px}.hover-border-putus-rosybrown:hover {border:1px dashed rosybrown;margin:0 auto;padding:10px}.hover-border-putus-sandybrown:hover {border:1px dashed sandybrown;margin:0 auto;padding:10px}.hover-border-putus-goldenrod:hover {border:1px dashed goldenrod;margin:0 auto;padding:10px}.hover-border-putus-peru:hover {border:1px dashed peru;margin:0 auto;padding:10px}.hover-border-putus-chocolate:hover {border:1px dashed chocolate;margin:0 auto;padding:10px}.hover-border-putus-saddlebrown:hover {border:1px dashed saddlebrown;margin:0 auto;padding:10px}.hover-border-putus-sienna:hover {border:1px dashed sienna;margin:0 auto;padding:10px}.hover-border-putus-brown:hover {border:1px dashed brown;margin:0 auto;padding:10px}.hover-border-putus-maroon:hover {border:1px dashed maroon}
.hover-border-titik-papayawhip:hover {border:1px dotted papayawhip;margin:0 auto;padding:10px}.hover-border-titik-moccasin:hover {border:1px dotted moccasin;margin:0 auto;padding:10px}.hover-border-titik-peachpuff:hover {border:1px dotted peachpuff;margin:0 auto;padding:10px}.hover-border-titik-palegoldenrod:hover {border:1px dotted palegoldenrod;margin:0 auto;padding:10px}.hover-border-titik-khaki:hover {border:1px dotted khaki;margin:0 auto;padding:10px}.hover-border-titik-darkkhaki:hover {border:1px dotted darkkhaki;margin:0 auto;padding:10px}.hover-border-titik-yellow:hover {border:1px dotted yellow;margin:0 auto;padding:10px}.hover-border-titik-lawngreen:hover {border:1px dotted lawngreen;margin:0 auto;padding:10px}.hover-border-titik-chartreuse:hover {border:1px dotted chartreuse;margin:0 auto;padding:10px}.hover-border-titik-limegreen:hover {border:1px dotted limegreen;margin:0 auto;padding:10px}.hover-border-titik-lime:hover {border:1px dotted lime;margin:0 auto;padding:10px}.hover-border-titik-forestgreen:hover {border:1px dotted forestgreen;margin:0 auto;padding:10px}.hover-border-titik-green:hover {border:1px dotted green;margin:0 auto;padding:10px}.hover-border-titik-darkgreen:hover {border:1px dotted darkgreen;margin:0 auto;padding:10px}.hover-border-titik-greenyellow:hover {border:1px dotted greenyellow;margin:0 auto;padding:10px}.hover-border-titik-yellowgreen:hover {border:1px dotted yellowgreen;margin:0 auto;padding:10px}.hover-border-titik-springgreen:hover {border:1px dotted springgreen;margin:0 auto;padding:10px}.hover-border-titik-mediumspringgreen:hover {border:1px dotted mediumspringgreen;margin:0 auto;padding:10px}.hover-border-titik-lightgreen:hover {border:1px dotted lightgreen;margin:0 auto;padding:10px}.hover-border-titik-palegreen:hover {border:1px dotted palegreen;margin:0 auto;padding:10px}.hover-border-titik-darkseagreen:hover {border:1px dotted darkseagreen;margin:0 auto;padding:10px}.hover-border-titik-mediumseagreen:hover {border:1px dotted mediumseagreen;margin:0 auto;padding:10px}.hover-border-titik-seagreen:hover {border:1px dotted seagreen;margin:0 auto;padding:10px}.hover-border-titik-olive:hover {border:1px dotted olive;margin:0 auto;padding:10px}.hover-border-titik-darkolivegreen:hover {border:1px dotted darkolivegreen;margin:0 auto;padding:10px}.hover-border-titik-olivedrab:hover {border:1px dotted olivedrab;margin:0 auto;padding:10px}.hover-border-titik-lightcyan:hover {border:1px dotted lightcyan;margin:0 auto;padding:10px}.hover-border-titik-cyan:hover {border:1px dotted cyan;margin:0 auto;padding:10px}.hover-border-titik-aqua:hover {border:1px dotted aqua;margin:0 auto;padding:10px}.hover-border-titik-aquamarine:hover {border:1px dotted aquamarine;margin:0 auto;padding:10px}.hover-border-titik-mediumaquamarine:hover {border:1px dotted mediumaquamarine;margin:0 auto;padding:10px}.hover-border-titik-paleturquoise:hover {border:1px dotted paleturquoise;margin:0 auto;padding:10px}.hover-border-titik-turquoise:hover {border:1px dotted turquoise;margin:0 auto;padding:10px}.hover-border-titik-mediumturquoise:hover {border:1px dotted mediumturquoise;margin:0 auto;padding:10px}.hover-border-titik-darkturquoise:hover {border:1px dotted darkturquoise;margin:0 auto;padding:10px}.hover-border-titik-lightseagreen:hover {border:1px dotted lightseagreen;margin:0 auto;padding:10px}.hover-border-titik-cadetblue:hover {border:1px dotted cadetblue;margin:0 auto;padding:10px}.hover-border-titik-darkcyan:hover {border:1px dotted darkcyan;margin:0 auto;padding:10px}.hover-border-titik-teal:hover {border:1px dotted teal;margin:0 auto;padding:10px}.hover-border-titik-powderblue:hover {border:1px dotted powderblue;margin:0 auto;padding:10px}.hover-border-titik-lightblue:hover {border:1px dotted lightblue;margin:0 auto;padding:10px}.hover-border-titik-lightskyblue:hover {border:1px dotted lightskyblue;margin:0 auto;padding:10px}.hover-border-titik-skyblue:hover {border:1px dotted skyblue;margin:0 auto;padding:10px}.hover-border-titik-deepskyblue:hover {border:1px dotted deepskyblue;margin:0 auto;padding:10px}.hover-border-titik-lightsteelblue:hover {border:1px dotted lightsteelblue;margin:0 auto;padding:10px}.hover-border-titik-dodgerblue:hover {border:1px dotted dodgerblue;margin:0 auto;padding:10px}.hover-border-titik-cornflowerblue:hover {border:1px dotted cornflowerblue;margin:0 auto;padding:10px}.hover-border-titik-steelblue:hover {border:1px dotted steelblue;margin:0 auto;padding:10px}.hover-border-titik-royalblue:hover {border:1px dotted royalblue;margin:0 auto;padding:10px}.hover-border-titik-blue:hover {border:1px dotted blue;margin:0 auto;padding:10px}.hover-border-titik-mediumblue:hover {border:1px dotted mediumblue;margin:0 auto;padding:10px}.hover-border-titik-darkblue:hover {border:1px dotted darkblue;margin:0 auto;padding:10px}.hover-border-titik-navy:hover {border:1px dotted navy;margin:0 auto;padding:10px}.hover-border-titik-midnightblue:hover {border:1px dotted midnightblue;margin:0 auto;padding:10px}.hover-border-titik-mediumslateblue:hover {border:1px dotted mediumslateblue;margin:0 auto;padding:10px}.hover-border-titik-slateblue:hover {border:1px dotted slateblue;margin:0 auto;padding:10px}.hover-border-titik-darkslateblue:hover {border:1px dotted darkslateblue;margin:0 auto;padding:10px}.hover-border-titik-lavender:hover {border:1px dotted lavender;margin:0 auto;padding:10px}.hover-border-titik-thistle:hover {border:1px dotted thistle;margin:0 auto;padding:10px}.hover-border-titik-plum:hover {border:1px dotted plum;margin:0 auto;padding:10px}.hover-border-titik-violet:hover {border:1px dotted violet;margin:0 auto;padding:10px}.hover-border-titik-orchid:hover {border:1px dotted orchid;margin:0 auto;padding:10px}.hover-border-titik-fuchsia:hover {border:1px dotted fuchsia;margin:0 auto;padding:10px}.hover-border-titik-magenta:hover {border:1px dotted magenta;margin:0 auto;padding:10px}.hover-border-titik-mediumorchid:hover {border:1px dotted mediumorchid;margin:0 auto;padding:10px}.hover-border-titik-mediumpurple:hover {border:1px dotted mediumpurple;margin:0 auto;padding:10px}.hover-border-titik-blueviolet:hover {border:1px dotted blueviolet;margin:0 auto;padding:10px}.hover-border-titik-darkviolet:hover {border:1px dotted darkviolet;margin:0 auto;padding:10px}.hover-border-titik-darkorchid:hover {border:1px dotted darkorchid;margin:0 auto;padding:10px}.hover-border-titik-darkmagenta:hover {border:1px dotted darkmagenta;margin:0 auto;padding:10px}.hover-border-titik-purple:hover {border:1px dotted purple;margin:0 auto;padding:10px}.hover-border-titik-indigo:hover {border:1px dotted indigo;margin:0 auto;padding:10px}.hover-border-titik-pink:hover {border:1px dotted pink;margin:0 auto;padding:10px}.hover-border-titik-lightpink:hover {border:1px dotted lightpink;margin:0 auto;padding:10px}.hover-border-titik-hotpink:hover {border:1px dotted hotpink;margin:0 auto;padding:10px}.hover-border-titik-deeppink:hover {border:1px dotted deeppink;margin:0 auto;padding:10px}.hover-border-titik-palevioletred:hover {border:1px dotted palevioletred;margin:0 auto;padding:10px}.hover-border-titik-mediumvioletred:hover {border:1px dotted mediumvioletred;margin:0 auto;padding:10px}.hover-border-titik-white:hover {border:1px dotted white;margin:0 auto;padding:10px}.hover-border-titik-snow:hover {border:1px dotted snow;margin:0 auto;padding:10px}.hover-border-titik-honeydew:hover {border:1px dotted honeydew;margin:0 auto;padding:10px}.hover-border-titik-mintcream:hover {border:1px dotted mintcream;margin:0 auto;padding:10px}.hover-border-titik-azure:hover {border:1px dotted azure;margin:0 auto;padding:10px}.hover-border-titik-aliceblue:hover {border:1px dotted aliceblue;margin:0 auto;padding:10px}.hover-border-titik-ghostwhite:hover {border:1px dotted ghostwhite;margin:0 auto;padding:10px}.hover-border-titik-whitesmoke:hover {border:1px dotted whitesmoke;margin:0 auto;padding:10px}.hover-border-titik-seashell:hover {border:1px dotted seashell;margin:0 auto;padding:10px}.hover-border-titik-beige:hover {border:1px dotted beige;margin:0 auto;padding:10px}.hover-border-titik-oldlace:hover {border:1px dotted oldlace;margin:0 auto;padding:10px}.hover-border-titik-floralwhite:hover {border:1px dotted floralwhite;margin:0 auto;padding:10px}.hover-border-titik-ivory:hover {border:1px dotted ivory;margin:0 auto;padding:10px}.hover-border-titik-antiquewhite:hover {border:1px dotted antiquewhite;margin:0 auto;padding:10px}.hover-border-titik-linen:hover {border:1px dotted linen;margin:0 auto;padding:10px}.hover-border-titik-lavenderblush:hover {border:1px dotted lavenderblush;margin:0 auto;padding:10px}.hover-border-titik-mistyrose:hover {border:1px dotted mistyrose;margin:0 auto;padding:10px}.hover-border-titik-gainsboro:hover {border:1px dotted gainsboro;margin:0 auto;padding:10px}.hover-border-titik-lightgray:hover {border:1px dotted lightgray;margin:0 auto;padding:10px}.hover-border-titik-silver:hover {border:1px dotted silver;margin:0 auto;padding:10px}.hover-border-titik-darkgray:hover {border:1px dotted darkgray;margin:0 auto;padding:10px}.hover-border-titik-gray:hover {border:1px dotted gray;margin:0 auto;padding:10px}.hover-border-titik-dimgray:hover {border:1px dotted dimgray;margin:0 auto;padding:10px}.hover-border-titik-lightslategray:hover {border:1px dotted lightslategray;margin:0 auto;padding:10px}.hover-border-titik-slategray:hover {border:1px dotted slategray;margin:0 auto;padding:10px}.hover-border-titik-darkslategray:hover {border:1px dotted darkslategray;margin:0 auto;padding:10px}.hover-border-titik-black:hover {border:1px dotted black;margin:0 auto;padding:10px}.hover-border-titik-cornsilk:hover {border:1px dotted cornsilk;margin:0 auto;padding:10px}.hover-border-titik-blanchedalmond:hover {border:1px dotted blanchedalmond;margin:0 auto;padding:10px}.hover-border-titik-bisque:hover {border:1px dotted bisque;margin:0 auto;padding:10px}.hover-border-titik-navajowhite:hover {border:1px dotted navajowhite;margin:0 auto;padding:10px}.hover-border-titik-wheat:hover {border:1px dotted wheat;margin:0 auto;padding:10px}.hover-border-titik-burlywood:hover {border:1px dotted burlywood;margin:0 auto;padding:10px}.hover-border-titik-tan:hover {border:1px dotted tan;margin:0 auto;padding:10px}.hover-border-titik-rosybrown:hover {border:1px dotted rosybrown;margin:0 auto;padding:10px}.hover-border-titik-sandybrown:hover {border:1px dotted sandybrown;margin:0 auto;padding:10px}.hover-border-titik-goldenrod:hover {border:1px dotted goldenrod;margin:0 auto;padding:10px}.hover-border-titik-peru:hover {border:1px dotted peru;margin:0 auto;padding:10px}.hover-border-titik-chocolate:hover {border:1px dotted chocolate;margin:0 auto;padding:10px}.hover-border-titik-saddlebrown:hover {border:1px dotted saddlebrown;margin:0 auto;padding:10px}.hover-border-titik-sienna:hover {border:1px dotted sienna;margin:0 auto;padding:10px}.hover-border-titik-brown:hover {border:1px dotted brown;margin:0 auto;padding:10px}.hover-border-titik-maroon:hover {border:1px dotted maroon}
.sorot-border-hijau:hover{border:1px solid #23c869;margin:0 auto;padding:10px}
.sorot-border-hijautua:hover{border:1px solid #049c2f;margin:0 auto;padding:10px}
.sorot-border-hijautoska:hover{border:1px solid #4adc8f;margin:0 auto;padding:10px}
.sorot-border-hijaumuda:hover{border:1px solid #9ec502;margin:0 auto;padding:10px}
.sorot-border-biru:hover{border:1px solid #2679ec;margin:0 auto;padding:10px}
.sorot-border-birutua:hover{border:1px solid #131168;margin:0 auto;padding:10px}
.sorot-border-birumuda:hover{border:1px solid #21b6fc;margin:0 auto;padding:10px}
.sorot-border-birutoska:hover{border:1px solid #1de1df;margin:0 auto;padding:10px}
.sorot-border-ungu:hover{border:1px solid #5526ee;margin:0 auto;padding:10px}
.sorot-border-ungutua:hover{border:1px solid #7c0ab7;margin:0 auto;padding:10px}
.sorot-border-ungumuda:hover{border:1px solid #e442f8;margin:0 auto;padding:10px}
.sorot-border-kuning:hover{border:1px solid #f8ce26;margin:0 auto;padding:10px}
.sorot-border-kuningtua:hover{border:1px solid #edbe03;margin:0 auto;padding:10px}
.sorot-border-kuningmuda:hover{border:1px solid #ffd905;margin:0 auto;padding:10px}
.sorot-border-krem:hover{border:1px solid #fde0be;margin:0 auto;padding:10px}
.sorot-border-kremmuda:hover{border:1px solid #f8ecd5;margin:0 auto;padding:10px}
.sorot-border-merah:hover{border:1px solid #e12d1a;margin:0 auto;padding:10px}
.sorot-border-merahtua:hover{border:1px solid #b2291b;margin:0 auto;padding:10px}
.sorot-border-merahmuda:hover{border:1px solid #e53177;margin:0 auto;padding:10px}
.sorot-border-orange:hover{border:1px solid #ff6600;margin:0 auto;padding:10px}
.sorot-border-abuabu:hover{border:1px solid #c9c9c9;margin:0 auto;padding:10px}
.sorot-border-abumuda:hover{border:1px solid #c5c6c7;margin:0 auto;padding:10px}
.sorot-border-hitam:hover{border:1px solid #222222;margin:0 auto;padding:10px}
.sorot-border-hitampekat:hover{border:1px solid #000000;margin:0 auto;padding:10px}
.sorot-border-putih:hover{border:1px solid #ffffff;margin:0 auto;padding:10px}
.sorot-border-coklat:hover{border:1px solid #7e623f;margin:0 auto;padding:10px}
.sorot-border-putus-hijau:hover{border:1px dashed #23c869;margin:0 auto;padding:10px}
.sorot-border-putus-hijautua:hover{border:1px dashed #049c2f;margin:0 auto;padding:10px}
.sorot-border-putus-hijaumuda:hover{border:1px dashed #9ec502;margin:0 auto;padding:10px}
.sorot-border-putus-hijautoska:hover{border:1px dashed #4adc8f;margin:0 auto;padding:10px}
.sorot-border-putus-biru:hover{border:1px dashed #2679ec;margin:0 auto;padding:10px}
.sorot-border-putus-birutua:hover{border:1px dashed #131168;margin:0 auto;padding:10px}
.sorot-border-putus-birumuda:hover{border:1px dashed #21b6fc;margin:0 auto;padding:10px}
.sorot-border-putus-birutoska:hover{border:1px dashed #1de1df;margin:0 auto;padding:10px}
.sorot-border-putus-ungu:hover{border:1px dashed #5526ee;margin:0 auto;padding:10px}
.sorot-border-putus-ungutua:hover{border:1px dashed #7c0ab7;margin:0 auto;padding:10px}
.sorot-border-putus-ungumuda:hover{border:1px dashed #e442f8;margin:0 auto;padding:10px}
.sorot-border-putus-kuning:hover{border:1px dashed #f8ce26;margin:0 auto;padding:10px}
.sorot-border-putus-kuningtua:hover{border:1px dashed #edbe03;margin:0 auto;padding:10px}
.sorot-border-putus-kuningmuda:hover{border:1px dashed #ffd905;margin:0 auto;padding:10px}
.sorot-border-putus-krem:hover{border:1px dashed #fde0be;margin:0 auto;padding:10px}
.sorot-border-putus-kremmuda:hover{border:1px dashed #f8ecd5;margin:0 auto;padding:10px}
.sorot-border-putus-merah:hover{border:1px dashed #e12d1a;margin:0 auto;padding:10px}
.sorot-border-putus-merahtua:hover{border:1px dashed #b2291b;margin:0 auto;padding:10px}
.sorot-border-putus-merahmuda:hover{border:1px dashed #e53177;margin:0 auto;padding:10px}
.sorot-border-putus-orange:hover{border:1px dashed #ff6600;margin:0 auto;padding:10px}
.sorot-border-putus-abuabu:hover{border:1px dashed #7b8691;margin:0 auto;padding:10px}
.sorot-border-putus-abumuda:hover{border:1px dashed #c5c6c7;margin:0 auto;padding:10px}
.sorot-border-putus-hitam:hover{border:1px dashed #222222;margin:0 auto;padding:10px}
.sorot-border-putus-hitampekat:hover{border:1px dashed #000000;margin:0 auto;padding:10px}
.sorot-border-putus-putih:hover{border:1px dashed #ffffff;margin:0 auto;padding:10px}
.sorot-border-putus-coklat:hover{border:1px dashed #7e623f;margin:0 auto;padding:10px}
.sorot-border-titik-hijau:hover{border:1px dotted #23c869;margin:0 auto;padding:10px}
.sorot-border-titik-hijautua:hover{border:1px dotted #049c2f;margin:0 auto;padding:10px}
.sorot-border-titik-hijaumuda:hover{border:1px dotted #9ec502;margin:0 auto;padding:10px}
.sorot-border-titik-hijautoska:hover{border:1px dotted #4adc8f;margin:0 auto;padding:10px}
.sorot-border-titik-biru:hover{border:1px dotted #2679ec;margin:0 auto;padding:10px}
.sorot-border-titik-birutua:hover{border:1px dotted #131168;margin:0 auto;padding:10px}
.sorot-border-titik-birumuda:hover{border:1px dotted #21b6fc;margin:0 auto;padding:10px}
.sorot-border-titik-birutoska:hover{border:1px dotted #1de1df;margin:0 auto;padding:10px}
.sorot-border-titik-ungu:hover{border:1px dotted #5526ee;margin:0 auto;padding:10px}
.sorot-border-titik-ungutua:hover{border:1px dotted #7c0ab7;margin:0 auto;padding:10px}
.sorot-border-titik-ungumuda:hover{border:1px dotted #e442f8;margin:0 auto;padding:10px}
.sorot-border-titik-kuning:hover{border:1px dotted #f8ce26;margin:0 auto;padding:10px}
.sorot-border-titik-kuningtua:hover{border:1px dotted #edbe03;margin:0 auto;padding:10px}
.sorot-border-titik-kuningmuda:hover{border:1px dotted #ffd905;margin:0 auto;padding:10px}
.sorot-border-titik-krem:hover{border:1px dotted #fde0be;margin:0 auto;padding:10px}
.sorot-border-titik-kremmuda:hover{border:1px dotted #f8ecd5;margin:0 auto;padding:10px}
.sorot-border-titik-merah:hover{border:1px dotted #e12d1a;margin:0 auto;padding:10px}
.sorot-border-titik-merahtua:hover{border:1px dotted #b2291b;margin:0 auto;padding:10px}
.sorot-border-titik-merahmuda:hover{border:1px dotted #e53177;margin:0 auto;padding:10px}
.sorot-border-titik-orange:hover{border:1px dotted #ff6600;margin:0 auto;padding:10px}
.sorot-border-titik-abuabu:hover{border:1px dotted #7b8691;margin:0 auto;padding:10px}
.sorot-border-titik-abumuda:hover{border:1px dotted #c5c6c7;margin:0 auto;padding:10px}
.sorot-border-titik-hitam:hover{border:1px dotted #222222;margin:0 auto;padding:10px}
.sorot-border-titik-hitampekat:hover{border:1px dotted #000000;margin:0 auto;padding:10px}
.sorot-border-titik-putih:hover{border:1px dotted #ffffff;margin:0 auto;padding:10px}
.sorot-border-titik-coklat:hover{border:1px dotted #7e623f;margin:0 auto;padding:10px}
.border-tebal{border-width:4px}.border-strong{border-width:2.5px}
.bg-melayang{background: url(" ") top center;background-attachment: fixed; background-size:cover;}
.bg-gambar{background: url(" ") top center repeat;}
.garis-footer{background: url("https://1.bp.blogspot.com/-bLb0J6wnA58/XdphEuBjc3I/AAAAAAAAAEs/BaNMD_33syIzy628lww2g7aVL1iPwyb5ACLcBGAsYHQ/s1600/footer_top_strip.jpg") no-repeat 0 0 transparent;}
.quote-besar{background: url("https://4.bp.blogspot.com/-Mtg25_BKWoU/XdxY89El_gI/AAAAAAAADtU/8elhcfA7LP0AYhI_-YqAakCge-0opGsmACNcBGAsYHQ/s1600/quote.png") no-repeat top center;padding-top:40px}
.quote-kecil{background: url("https://1.bp.blogspot.com/-7cxNuxoAcFo/Xe8wRS8kAsI/AAAAAAAAD3c/r9Ek-dT8ANUIUMOf9xx8ee61DAHraVfiwCNcBGAsYHQ/s1600/quote-kecil.png") no-repeat bottom right;}
.bg-header{background: url(" ") repeat scroll 0 0 #ffffff;background-size:cover;}
.tekstur1{background: url("https://4.bp.blogspot.com/-YOjPxJyQ4VU/W26sULyJ1II/AAAAAAAAA5M/ojxNAcnGiOE0SmpoiwY5C6ng-PF11FZ2wCLcBGAs/s1600/tekstur-plafon.jpg") repeat scroll 0 0 #ffffff}
.tekstur2{background: url("https://4.bp.blogspot.com/-09DuxXRdxr4/W26sUWL9RpI/AAAAAAAAA5Q/NAIXXGWBzXwsd-VpV3Sl3qfIXv3UZr1hACLcBGAs/s1600/tekstur-putih.jpg") repeat scroll 0 0 #ffffff}
.tekstur3{color:#ffffff;background: url("https://1.bp.blogspot.com/-hS1G_82t3_M/W26sTY7H5LI/AAAAAAAAA5E/PTRMg64w8n8DD_0HEHIChdLMR2DVj4oyACLcBGAs/s1600/tekstur-karpet.jpg") repeat scroll 0 0 #ffffff}
.tekstur4{color:#ffffff;background: url("https://4.bp.blogspot.com/-_4iU17OmITU/W26sTLlq4OI/AAAAAAAAA48/o2yrKOgXamo7fhtNj5CGb7T0113r-v8HQCLcBGAs/s1600/tekstur-abuabu.jpg") repeat scroll 0 0 #ffffff}
.tekstur5{color:#ffffff;background: url("https://1.bp.blogspot.com/-Bx-u_VSbHfY/W26sTPlwKcI/AAAAAAAAA5A/h5ab31leb2kYcR8YT2vclJodNk_54-MFQCLcBGAs/s1600/tekstur-hitam.jpg") repeat scroll 0 0 #ffffff}
.tekstur6{color:#ffffff;background: url("https://1.bp.blogspot.com/-5XswhsK44yE/W26sUEOcNbI/AAAAAAAAA5I/d25aLNjYsDsxH_xljsoLJIaUpiBHQ_GsACLcBGAs/s1600/tekstur-kayu.jpg") repeat scroll 0 0 #ffffff}
.tekstur7{color:#ffffff;background: url("https://3.bp.blogspot.com/-UUpIg1g1g80/W26sVX7J-yI/AAAAAAAAA5U/LuXRlk4v1f0L_t8m4XPKJSDSwKNssaVYACLcBGAs/s1600/tekstur-tembok.jpg") repeat scroll 0 0 #ffffff}
.melayang {background-attachment:fixed}
.bg-gradien-radial,.bg-gradient1,.gradient1 {background:-webkit-radial-gradient(center, circle, rgba(250,200,0,1), rgba(250,75,0,1));
background:-moz-radial-gradient(center, circle, rgba(250,200,0,1), rgba(250,75,0,1));
background:-o-radial-gradient(center, circle, rgba(250,200,0,1), rgba(250,75,0,1)); filter:progid:DXImageTransform.Microsoft.Alpha (opacity=0, finishopacity=100, style=2);height:100%;color:#ffffff}
.bg-gradien-radial2,.bg-gradient2,.gradient2 {background:-webkit-radial-gradient(center, circle, rgba(33,182,252,1), rgba(0,50,160,1));
background:-moz-radial-gradient(center, circle, rgba(33,182,252,1), rgba(0,50,160,1));
background:-o-radial-gradient(center, circle,  rgba(33,182,252,1), rgba(0,50,160,1));
filter:progid:DXImageTransform.Microsoft.Alpha (opacity=0, finishopacity=100, style=2);height:100%;color:#ffffff}
.bg-gradien-radial3,.bg-gradient3,.gradient3 {background:-webkit-radial-gradient(center, circle, rgba(10,126,253,1), rgba(210,10,253,1));
background:-moz-radial-gradient(center, circle, rgba(10,126,253,1), rgba(210,10,253,1));
background:-o-radial-gradient(center, circle,  rgba(10,126,253,1), rgba(210,10,253,1));
filter:progid:DXImageTransform.Microsoft.Alpha (opacity=0, finishopacity=100, style=2);height:100%;color:#ffffff}
.bg-gradien-radial4,.bg-gradient4,.gradient4 {background:-webkit-radial-gradient(center, circle, rgba(10,230,230,1), rgba(10,90,255,1));
background:-moz-radial-gradient(center, circle, rgba(10,230,230,1), rgba(10,90,255,1));
background:-o-radial-gradient(center, circle,  rgba(10,230,230,1), rgba(10,90,255,1));
filter:progid:DXImageTransform.Microsoft.Alpha (opacity=0, finishopacity=100, style=2);height:100%;color:#ffffff}
.bg-gradien-linear,.bg-gradient5,.gradient5{background:linear-gradient(to bottom right, rgba(10,126,253,1), rgba(210,10,253,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradien-linear2,.bg-gradient6,.gradient6{background:linear-gradient(to top left, rgba(10,230,230,1), rgba(10,90,255,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradien-linear3,.bg-gradient7,.gradient7{background:linear-gradient(to bottom left, rgba(33,182,252,1), rgba(0,50,160,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradien-linear4,.bg-gradient8,.gradient8{background:linear-gradient(to top left, rgba(250,200,0,1), rgba(250,75,0,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradien-linear5,.bg-gradient9,.gradient9{background:linear-gradient(to bottom right, rgba(241,95,34,1), rgba(238,40,41,1)),url("") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient10,.gradient10{background:linear-gradient(to bottom right, rgba(0,153,153,1), rgba(0,182,219,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient11,.gradient11{background:linear-gradient(to top right, rgba(0,115,50,1), rgba(0,200,20,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient12,.gradient12{background:linear-gradient(to top left, rgba(169,207,56,1), rgba(8,192,189,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient13,.gradient13{background:linear-gradient(to right, rgba(0,194,207,1), rgba(150,0,150,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient14,.gradient14{background:linear-gradient(to top left, rgba(250,200,0,1), rgba(237,4,51,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient15,.gradient15{background:linear-gradient(to top left, rgba(190,1,134,1), rgba(237,4,51,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-warnawarni,.bg-gradient16,.gradient16{background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB);background-size: 400% 400%;-webkit-animation: Gradient 15s ease infinite;-moz-animation: Gradient 15s ease infinite;animation: Gradient 15s ease infinite;color:#ffffff}
@-webkit-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@-moz-keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
@keyframes Gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.bg-colorfull,.bg-gradient17,.gradient17{background: linear-gradient(125deg, #00FF57 0%, #010033 40%, #460043 70%, #F0FFC5 100%), linear-gradient(55deg, #0014C9 0%, #410060 100%), linear-gradient(300deg, #FFC700 0%, #001AFF 100%), radial-gradient(135% 215% at 115% 40%, #393939 0%, #393939 40%, #849561 calc(40% + 1px), #849561 60%, #EED690 calc(60% + 1px), #EED690 80%, #ECEFD8 calc(80% + 1px), #ECEFD8 100%), linear-gradient(125deg, #282D4F 0%, #282D4F 40%, #23103A calc(40% + 1px), #23103A 70%, #A0204C calc(70% + 1px), #A0204C 88%, #FF6C00 calc(88% + 1px), #FF6C00 100%);background-blend-mode: overlay, screen, overlay, overlay, normal;color:#ffffff}
.bg-gradient18,.gradient18{background:linear-gradient(to bottom right, rgba(0,30,190,1), rgba(20,100,255,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient19,.gradient19{background:linear-gradient(to bottom right, rgba(0,51,51,1), rgba(149,192,2,1)),url(" ") center center no-repeat; background-size:cover;color:#ffffff}
.bg-gradient20,.gradient20{background:linear-gradient(270deg, #3f5efb, #fc466b);color:#ffffff}
.gradient1,.gradient2,.gradient3,.gradient4,.gradient5,.gradient6,.gradient7,.gradient8,.gradient9,.gradient10,.gradient11,.gradient12,.gradient13,.gradient14,.gradient15,.gradient16,.gradient17,.gradient18,.gradient19,.gradient20{;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.bg-transparan-hitam {background:linear-gradient(to bottom right, rgba(0,0,0,0.5), rgba(0,0,0,0.5)),url(" ") center center no-repeat; background-size:cover}
.bg-transparan-putih {background:linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.6)),url(" ") center center no-repeat; background-size:cover}
.overlay-hitam{background:linear-gradient(to bottom right, rgba(0,0,0,0.6), rgba(0,0,0,0.6))}
.overlay-putih{background:linear-gradient(to bottom right, rgba(255,255,255,0.6), rgba(255,255,255,0.6))}
.overlay-merah{background:linear-gradient(to bottom right, rgba(220,20,60,0.6), rgba(220,20,60,0.6))}
.overlay-orange{background:linear-gradient(to bottom right, rgba(255,140,0,0.6), rgba(255,140,0,0.6))}
.overlay-kuning{background:linear-gradient(to bottom right, rgba(255,255,0,0.6), rgba(255,255,0,0.6))}
.overlay-ungu{background:linear-gradient(to bottom right, rgba(255,0,255,0.6), rgba(255,0,255,0.6))}
.overlay-biru{background:linear-gradient(to bottom right, rgba(0,191,255,0.6), rgba(0,191,255,0.6))}
.overlay-hijau{background:linear-gradient(to bottom right, rgba(50,205,50,0.6), rgba(50,205,50,0.6))}
.overlay-hitam2{background:linear-gradient(to bottom right, rgba(0,0,0,0.7), rgba(0,0,0,0.7))}
.overlay-putih2{background:linear-gradient(to bottom right, rgba(255,255,255,0.7), rgba(255,255,255,0.7))}
.overlay-merah2{background:linear-gradient(to bottom right, rgba(220,20,60,0.7), rgba(220,20,60,0.7))}
.overlay-orange2{background:linear-gradient(to bottom right, rgba(255,140,0,0.7), rgba(255,140,0,0.7))}
.overlay-kuning2{background:linear-gradient(to bottom right, rgba(255,255,0,0.7), rgba(255,255,0,0.7))}
.overlay-ungu2{background:linear-gradient(to bottom right, rgba(255,0,255,0.7), rgba(255,0,255,0.7))}
.overlay-biru2{background:linear-gradient(to bottom right, rgba(0,191,255,0.7), rgba(0,191,255,0.7))}
.overlay-hijau2{background:linear-gradient(to bottom right, rgba(50,205,50,0.7), rgba(50,205,50,0.7))}
.gambar-bg1{background:url("https://1.bp.blogspot.com/-k_Npzye6FN4/YBDKgkgkqWI/AAAAAAAAEgs/o2S-31TP0mEr96LzE9KyHuHCLAqLY1XHQCNcBGAsYHQ/s0/bgheader.png") bottom center no-repeat; background-size:cover;}
.gambar-bg2{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk1LBhFVNB92816XwR_Pb7KN1u1ScM_aCvc6A-PQ8xUpWJ_ckmzjqOt3Lo699x72Ymhssa3qpN3xQ-PH4Z2bHvVszfW89M1_zT2wtIzEQgRXxw-AukE5LeNqw3HIsc6LgM9TQzaPWc0GSRY7_NoIsbfs9VqPOD1SiUFzBJsoMEF3GUn920ZrlIQls4/s1600/bg-2.png") top right no-repeat;}
.gambar-bg4{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXJ3z3DzTFaTzaByVnmjJV7G18T_fnjtobAt0q-QhX7xMygcanv9ZFyy6X8dRhiAP8Z06fKbcatPk-ZEtZmc3QAiKXGob79ib4QKv7UGnC7Ki5XVt9kBg5WhhcGNtSreYYIwCdGmAybsxjiIZBy_Ve9TmFrrmYckfgNMpZ9V523pLyL3lDdkfaByE4/s1600/bg-4.png") bottom left no-repeat; background-size:cover;}
.gambar-bg5{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnqdxC0eOq2_tVczRGp_-OrRLtSxRR2qUl_eaGersKGO17sREEHuRy9OxnzQ1lzZczautgBkZ_zvJpQEi5ZAhuVUmf1yEAJ3J63AFdiZC_kre4uBqSjVAq-v0MqwWaiLVSjQcCPqRfF0nzKjBYiblQ_JQG1VJ4yyWIF4lA-yLNFmh4c57Y2W1NEsEf/s1600/bg5.png") center center no-repeat; background-size:cover;}
.gambar-bg6{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7zrwKW6htBi9o4jcNbypfyuMFZJRhWrOmgcZjHdPIeh30fHfxSGK2CbXKEIodNzr7OiNmMI_rqDokc8M0tWyObQrQEQlNpm_OfBFiuGTUBaduwz6Sr72rSTr3qfOHJQmH4Vd_TCpBSx6eF-n_UvzRByh7D2FD0ClXv2wVD1ZBbZT_5P2s5edJeMPS/s1600/bg6.png") top right no-repeat; background-size:cover;}
.gambar-bg7{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWFqDxpWoChnX2a2Wb7X7uZpV3CzcsIUflOQpnHOdVfK6cM1FYq6bG_B26XHvQUpQJeub0OHlKx-aeHgYcxKwmbPVCZpitHoAXu7eUqoB9qscmYk_R2f9Y94e3eDvRu8NUvDoBVoIq93e8wFE3lEpMBduSMG4EIrSDpeXMI4L0NnEp2ZRq_OdYtVPe/s1600/bg7.png") center center no-repeat; background-size:cover;}
.gambar-bg3{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh43PAk-O0f-ocDr7JEbKmLaJhKlKaf4uYHx6dzGTfZpvSWYY9s37MApLFQ9sdXAhQuRybORWnSd7VrlL5hyyUckdJeZLFq0QIgZCPR_xxuW12ZVohq_8Iwh8OQ5Gtu8D9vo_50Mq2NltSxybAm7J-x4Gc0PWGGM1fv_gZlq1xFsX4TtAhjOzDxLf8F/s1600/bg8.png") bottom right no-repeat; background-size:cover;}
.gambar-bg8{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9wsNlgzweh1a2VQdy-T_0H_1NxFHuczZqmxjIDyg-IvjcjOoec6DWsoEng_Y-pM-T0MbyZYeGIamzXaAiTUZpRNby7SoF-Kiln9W2WwMr35Q91oipG56B-ymjytoNK_XJLGsQYdwCUAaxe4Io7349xTby7ILV688USqBUCMyD2Yr1xsP-gYoY4-aQKg/s1600/maps.png") bottom center no-repeat; background-size:cover;}
.divider1{background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6lxGKrMqJZKV5pe2Bl3gOIgoNwatCJXGeM4H98VRi9Wo6iJYKrsFdV-WezPosft1M_kcktJzKRqJ6Ictv9Vck0lXrgJdEufB766YuvpSc0jnaQnkOTTQjm8lWeyVT2LUWZ0qCEZAcDkDi1EO7sFYPjc3P9aMr4PQASwCILqdX7BiSi1VYKGyVlCu_/s1920/shape-3.png") bottom center no-repeat; }
.ContactForm,.post-icons{display:none}
#kontak-landing{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:35px;margin:5px auto;padding:12px 8px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:4px;width:100%;min-width:300px;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;min-width:300px;height:100px;margin:5px 0;padding:12px 8px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:4px;resize:none;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{height:35px; float:left;background:#0047b2!important;margin:auto;vertical-align:middle;cursor:pointer;padding:0 10px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:100px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover{background:#0088ff!important;color:#fff;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:0}.contact-form-error-message-with-border{background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:3px 0}.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}img.contact-form-cross{line-height:40px;margin-left:5px}.post-body input{width:initial}
.easyslider-wrapper {width: auto;float: left;position: relative;padding-right: 1%;padding-top: 0px;}
.easyslider {overflow: hidden;position: relative;width: 960px;height: 380px;background: transparent;}
.image_reel {position: absolute;top: 0;left: 0;}
.image_reel img {float: left;width: 20%;height: 380px;}
.paging {background: none;position: absolute;bottom: 15px;right: 20px;padding:4px 0 2px;z-index: 100;display:none;}
.paging a {margin: 3px;background: #fff;width: 10px;height:10px;display: inline-block;border: none;outline:none;}
.paging a.active {background: #15E3FF;border: 1px solid #15E3FF;}
.paging a:hover {}
.easytitledes {width:70%;display: none;position: absolute;bottom: 20px;left: 20px;z-index: 101;background:#000A3F;background: rgba(2, 0, 51, 0.6);padding: 10px 15px;}
.easytitledes a {color: #54aefa;font: 20px sans-serif;text-transform: uppercase;font-weight: bold;}
.easytitledes a:hover {color:#2b89fd}
.easytitledes span {color: #fff;font: 16px Arial;}
.mengambang-1{animation: animation-1 .5s ease-out infinite;}
.mengambang-2{animation: animation-2 2s ease-out infinite;}
.mengambang-3{animation: animation-3 3s ease-out infinite;}
.mengambang-4{animation: animation-4 4s ease-out infinite;}
@keyframes animation-1 {50% { transform: translate(0, 10px);}}
@keyframes animation-2 {50% { transform: translate(0, 15px);}}
@keyframes animation-3 {50% { transform: translate(0, 20px);}}
@keyframes animation-4 {50% { transform: translate(0, 25px);}}
@keyframes blink{0%{color:red}100%{color:black}}
@-webkit-keyframes blink{0%{color:red}100%{color:black}}
.blink{-webkit-animation:blink 1s linear infinite;-moz-animation:blink 1s linear infinite;animation:blink 1s linear infinite}
.fitur{padding:40px 0}.fitur-atas{padding-top:40px}.lebar{padding:20px 0}.lebar-atas{padding-top:60px}.box{padding:15px}.padding{padding:30px}.pad{padding:5px}.gap{padding:0 15px}.mepet{padding:0px}.gaps{padding:15px 0}.boxs{padding:7.5px}
.berbaris{line-height:2em}.line10{line-height:2.8em}.line9{line-height:2.6em}.line8{line-height:2.4em}.line7{line-height:2.2em}.line6{line-height:2em}.line5{line-height:1.8em}.line4{line-height:1.6em}.line3{line-height:1.4em}.line2{line-height:1.2em}.line1{line-height:1em}.spasi1{letter-spacing:0.05em;}.spasi2{letter-spacing:0.1em;}.spasi3{letter-spacing:0.15em;}.spasi4{letter-spacing:0.2em;}.spasi5{letter-spacing:0.25em;}
.Night body{background:#131c25;color:#d5d9dd}
.Night #landingpage .widget-content{background:#090f14;color:#d5d9dd}
.Night .post-outer{background:#131c25;box-shadow:none}
.Night #wrapper,.Night #outer-wrapper{background: #090f14!important}
.Night #left-side{background:#131c25;}
.Night #right-bar h3.title{color:#d5d9dd;}
.Night .comments .comment-block {background:transparent;border: 1px solid transparent}
.Night .comments .comment-block::after {border-color: transparent transparent transparent transparent;}
.Night .comments .comment-block::before {border-color: transparent transparent transparent transparent;}
.Night body,.Night .breadcrumbs,.Night .post-body,.Night .date-header,.Night .sharepost,.Night .comments,.Night .modes{color:#d5d9dd}
.Night {background:#000000;}
.Night h1.post-title.entry-title,.Night h1.post-title.entry-title a{color:#d5d9dd}
.Night #right-bar .LinkList .widget-content, .Night #right-bar .PopularPosts .post-content, .Night #right-bar .Label li, .Night #ArchiveList,.Night #right-bar .HTML .widget-content,.Night #right-bar .TextList .widget-content li{background:#131c25;color:#d5d9dd}
.Night a,.Night #right-bar .LinkList .widget-content a, .Night #right-bar .PopularPosts .post-content a, .Night #right-bar .Label li a, .Night #ArchiveList a,.Night #right-bar .HTML .widget-content a{color:#d5d9dd}
.Night a:hover,.Night #right-bar .LinkList .widget-content a:hover, .Night #right-bar .PopularPosts .post-content a:hover, .Night #right-bar .Label li a:hover, .Night #ArchiveList a,.Night #right-bar .HTML .widget-content a:hover,.Night h1.post-title.entry-title a:hover{color:#0864ee;}
#back-to-top{background:#000000;opacity:0.6;color:#ffffff;padding:10px 14px;font-size:20px;border-radius:50%;transition:all .5s ease 50ms;}
.back-to-top{position:fixed!important;position:absolute;bottom:30px;left:15px;z-index:99999;}
#back-to-top:hover {opacity:1;}
#right-bar .HTML img{text-align:center}
.switch input {display:none;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: .4s;transition: .4s;font-size:11px;line-height:0;}
input:checked + .slider:before {-webkit-transform: translateX(13px);-ms-transform: translateX(13px);transform: translateX(13px);}
.slider.round {border-radius: 14px;}
.slider.round:before {border-radius: 50%;}
.Night .slider.gelap {display:none}
.slider.terang {display:none}
.Night .slider.terang {display:block}
.switch {position: relative;display: inline-block;width: 32px;height: 19px;top:7px}
.slider {color:#ffffff;background:rgba(0,0,0,0.3)}
.Night .slider {background:rgba(255,255,255,0.3)}
.slider:before {background-color: #0088ff;padding:4px}
.Night .slider:before {background-color: #ffba00}
.headermenu.discroll .slider{color:(scroll.nav.color)!important}
.Night .footer{background:#131c25;color:#d5d9dd;transition: all .3s ease-out;}
.Night .teks-malam{color:#d5d9dd;transition: all .3s ease-out;}
.Night .btn-malam:hover{background:#090f14;color:#d5d9dd!important;transition: all .3s ease-out;}
.Night .bg-malam{background:#000000;transition: all .3s ease-out;}
.Night .bg-malam1{background:#090f14;color:#d5d9dd;transition: all .3s ease-out;}
.Night .bg-malam2{background:#131c25;color:#d5d9dd;transition: all .3s ease-out;}
@media only screen and (min-width: 960px){
.zoom{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.mobileshow { display: none; }}
@media only screen and (min-width: 769px) and (max-width: 959px){
h4,.sedang { font-size:24px}
.xx-besar { font-size:45px}
.x-besar { font-size:38px}
.besar { font-size:30px}
.x-kecil { font-size:13px}
.kol-16{width:33.3%}
.kol-14{width:49.8%}
.img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:80px}
.harga1 {max-width:95%}
.mobileshow { display: none; }
.easyslider {overflow: hidden;position: relative;width: 765px;height: 313px;background: transparent;}
.image_reel {position: absolute;top: 0;left: 0;}
.image_reel img {float: left;width: 20%;height: 313px;}
.top{margin-top:-250px;}
.lebar-bawah{padding-bottom:200px}
.zoom{-webkit-transform: scale(1.2, 1.2);-moz-transform: scale(1.2, 1.2);-ms-transform: scale(1.2, 1.2);-o-transform: scale(1.2, 1.2);transform: scale(1.2, 1.2);}
.order1-merah,.order1-hijau,.order1-biru,.order1-ungu,.order2-merah,.order2-hijau,.order2-biru,.order2-ungu{width:350px}}
@media only screen and (min-width: 631px) and (max-width: 768px){
h2,h1,h3 {font-size:28px}
.mobilecenter {text-align: center;}
.ditengah{display:block;}
h4,.sedang { font-size:22px}
.xx-besar { font-size:43px}
.x-besar { font-size:34px}
.besar { font-size:28px}
h5,.normal { font-size:18px}
.kecil { font-size:15px}
.x-kecil { font-size:12px;line-height:1.5em}
.kol6,.kol-6{width:calc(100% / 3)}
.kol-4{width:calc(100% / 2)}
.kol-12,.kol-13,.kol-14,.kol-15,.kol-16,.kol-123{width:calc(100% / 1)}
.harga1 {max-width:95%}
.mobileshow { display: none; }
.box-kontak {padding:20px;width:80%;background-color:#ececec;}
.img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:80px}
.ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:90px;text-align:center}
.avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9}
.logo{width:170px;height:auto;}
.easyslider {overflow: hidden;position: relative;width: 635px;height: 259px;background: transparent;}
.image_reel {position: absolute;top: 0;left: 0;}
.image_reel img {float: left;width: 20%;height:259px;}
.lebar-bawah{padding-bottom:135px}
.top{margin-top:-200px;}
.harga2 {max-width:80%}}
@media only screen and (min-width: 600px) and (max-width: 630px){
h2,h1,h3 {font-size:25px}
.xx-besar { font-size:40px}
.x-besar { font-size:34px}
.mobilecenter{text-align: center;}
.mobilehide { display: none; }
.ditengah{display:block;}
.besar { font-size:26px}
h4,.sedang { font-size:22px}
h5,.normal { font-size:18px}
.kecil { font-size:15px}
.x-kecil { font-size:12px;line-height:1.5em}
.kol6,.kol-6{width:calc(100% / 3)}
.kol-4{width:calc(100% / 2)}
.kol-12,.kol-13,.kol-14,.kol-15,.kol-16,.kol-123{width:calc(100% / 1)}
.harga1 {max-width:95%}
.img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:80px}
.ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:90px;text-align:center}
.box-kontak {padding:20px;width:80%;background-color:#ececec;}
.avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9}
.logo{width:170px;height:auto;}
.easyslider {overflow: hidden;position: relative;width: 595px;height: 243px;background: transparent;}
.image_reel {position: absolute;top: 0;left: 0;}
.image_reel img {float: left;width: 20%;height:243px;}
.lebar-bawah{padding-bottom:10px}
.top{margin-top:-70px;}
.harga2 {max-width:80%}}
@media only screen and (min-width: 480px) and (max-width: 599px){
.mobilehide{ display: none; }
h2,h1,h3 {font-size:23px}
.mobilecenter{text-align: center;}
.ditengah{display:block;}
.xx-besar { font-size:40px}
.x-besar { font-size:34px}
.besar { font-size:26px}
h4,.sedang { font-size:22px}
h5,.normal { font-size:18px}
.kecil { font-size:15px}
.x-kecil { font-size:12px;line-height:1.5em}
.kol-6{width:calc(100% / 3)}
.kol-4{width:calc(100% / 2)}
.kol6{width:calc(100% / 3)}
.kol-12,.kol-13,.kol-14,.kol-15,.kol-16,.kol-123{width:calc(100% / 1)}
.harga1 {max-width:100%}
.img-fitur,.gambar-fitur{width:100px;height:100px;;font-size:80px}
.ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:90px;text-align:center}
.lebar80,.lebar75,.lebar70,.lebar85{max-width:85%}
.box-kontak {padding:20px;width:80%;background-color:#ececec;}
.avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9}
.easyslider {overflow: hidden;position: relative;width: 475px;height: 194px;background: transparent;}
.image_reel {position: absolute;top: 0;left: 0;}
.image_reel img {float: left;width: 20%;height:194px;}
.top{margin-top:-100px}
.lebar-bawah{padding-bottom:60px}
.harga2 {max-width:80%}
.order1-merah,.order1-hijau,.order1-biru,.order1-ungu,.order2-merah,.order2-hijau,.order2-biru,.order2-ungu{width:95%}}
@media only screen and (max-width: 480px){
.fitur{padding:30px 0}.fitur-atas{padding-top:30px}
.mobilehide{ display: none;}
#copyright{font-size:14px;line-height:1.5em}
h2,h1,h3 {font-size:23px}
.box-kontak {padding:20px;width:80%;background-color:#ececec;}
.mobilecenter{text-align: center;}
.mobileleft{text-align: left;}
.ditengah{display:block;}
.xxx-besar { font-size:60px;line-height:1em}
.xx-besar { font-size:36px}
.x-besar { font-size:32px}
.besar { font-size:26px}
h4,.sedang { font-size:20px}
.kecil { font-size:15px}
.x-kecil { font-size:13px;line-height:1.5em}
.xx-kecil { font-size:11px;line-height:1.5em}
h5,.normal { font-size:17px}
.peta {padding-bottom: 100%;}
.lebar-bawah{padding-bottom:60px}
.top{margin-top:-100px}
.top2{margin-top:-200px;}
.top3{margin-top:-100px;}
.kol6{width:calc(100% / 3)}
.kol4{width:calc(100% / 2)}
.kol-2,.kol-3,.kol-4,.kol-6,.kol-23,.kol-12,.kol-13,.kol-14,.kol-15,.kol-16,.kol-123{width:calc(100% / 1)}
.teks{text-align:center}
.icon,.ikon{font-size:80px;}
.ikon{width:100%;height:100px;float:left;padding-right:10px;padding-left:10px;padding-top:10px;font-size:75px;text-align:center}
.img-fitur,.gambar-fitur{width:95px;height:95px;;font-size:75px;padding-right:15px}
.ico-fitur,.icon-fitur{width:60px;height:60px;float:left;padding-right:15px;padding-left:0;font-size:45px}
.ikon-fitur{width:100%;height:auto;float:none;padding:10px;font-size:90px;text-align:center}
.icon-samping{margin-right:10px;width:80px;height:80px;font-size:50px;line-height:1.55em;}
.btn-animasi1,.btn-animasi2,.btn-animasi3,.btn-animasi4,.btn-animasi5{font-size:16px;line-height:2em}
.img-btn{width:32px;height:32px;margin-right:6px!important}
.order{ width:300px; padding:10px}
.order1-merah,.order1-hijau,.order1-biru,.order1-ungu,.order2-merah,.order2-hijau,.order2-biru,.order2-ungu{width:98%}.order1-merah span,.order1-hijau span,.order1-biru span,.order1-ungu span,.order2-merah span,.order2-hijau span,.order2-biru span,.order2-ungu span{font-size:35px;}
.lebar80,.lebar75,.lebar70,.lebar85,.lebar90,.lebar50{max-width:100%}
.post-body-blockquote {border-color:#CC0000;border-image:none;border-style:dashed;border-width:3px;margin:0 auto;padding:15px;width:95%;}
.garis-box {border-right: 0px solid #ececec;border-left: 0px solid #ececec;border-top: 1px solid #ececec;border-bottom: 1px solid #ececec;}
.harga1 {max-width:100%}.harga1 .judul{font-size:26px;font-weight:normal}.harga1 .harga span{font-size:30px;}
.harga2 {max-width:100%}.harga2 .judul{font-size:26px;font-weight:normal}.harga2 .harga span{font-size:30px;}
.btn {font-size:15px;margin:2px;padding: 6px 14px}
.btn1 {font-size:15px;margin:2px;padding: 6px 14px}
.btn2 {font-size:15px;margin:2px;padding: 6px 14px}
.btn3 {font-size:15px;margin:2px;padding: 6px 14px}
.btn-order,.btn-x-besar {padding:10px 20px;font-size:22px}
.btn-besar {font-size:20px; padding: 8px 16px;}
.btn-kecil {font-size:12px; padding: 2px 8px;}
.avatar{width:140px;height:140px;overflow:hidden;margin:auto;border-radius:140px;border:3px solid #e9e9e9}
.paging {background: none;position: absolute;bottom: 5px;right: 5px;padding:2px 0 2px;z-index: 100;display:none;}
.easyslider {overflow: hidden;position: relative;width: 350px;height: 143px;background: transparent;}
.image_reel {position: absolute;top: 0;left: 0;}
.image_reel img {float: left;width: 20%;height:143px;}
.easytitledes {width:60%;display: none;position: absolute;bottom: 5px;left: 5px;z-index: 101;background:#000A3F;background: rgba(2, 0, 51, 0.6);padding: 5px 5px;}
.easytitledes a {font: 16px sans-serif;font-weight: bold;}
.easytitledes span {font: 12px Arial;}
.back-to-top{bottom:85px}
}
#google_translate_element{padding:0;top:15px; right:calc(6% + 50px);position: fixed;}
.goog-te-gadget-simple img,.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span,#goog-gt-tt,.VIpgJd-ZVi9od-ORHb-OEVmcd{display:none!important}
iframe.skiptranslate{border-left:none!important;border-top:none!important;border-bottom:none!important;border-right:none!important;border:none;box-shadow:none}
.goog-te-gadget-simple{background-color:transparent!important;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-dRm7I_6qCwSRcJVCeArnQlcLuqNbTVq7_SqHQwCRxCZ_lElgPSZ3LtTjOnImvTjOG6bGZxbk9MpWnCrTAmCf-nagEwORQzSRHqiu8RMsHpp3pAKWr0p8JfWGFKMZoa-n5aeteTfocxArsTAKxDebqiv_3y6yltLKmQsGColSko5Id_ODdCNrUhywd_3D/s1600/translate.png) center / 12px no-repeat;-webkit-transition:all .2s ease;transition:all .2s ease;background-size: 20px 20px;display:inline-block;font-weight:400;line-height: 1.8;padding:0 6px;text-align:center;white-space:nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select: none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-left:none!important;border-top:none!important;border-bottom:none!important;border-right:none!important;border-radius: 4px}
body{top:0px!important;margin: 0px;}
@media (min-width:1600px){.headermenu{padding:0 13%;transition: all .3s ease-out;}#google_translate_element{right:calc(13% + 50px);}}
@media (min-width:1920px){.headermenu{padding:0 19%;transition: all .3s ease-out;}#google_translate_element{right:calc(19% + 50px);}}
@media (max-width:1200px){.headermenu{padding:0 2%;transition: all .3s ease-out;}#google_translate_element{right:calc(2% + 40px);}}
@media (max-width:991px){
#google_translate_element{top:8px; right:calc(2% + 85px);}
.menu-switch{top:8px; right:calc(2% + 45px);position: fixed;}
#menu-btn{display: initial;}
.headermenu{padding:.5rem 2%;transition: all .3s ease-out;}
.headermenu .navbar{position: absolute;top:110%; right: 1.5rem;background:transparent;box-shadow: 0 .5rem 1.5rem rgba(0,0,0,.1);border:.1rem solid rgba(0,0,0,.1);border-radius: .5rem;width: 28rem;transform: scale(0);transform-origin: top right;opacity: 0;margin-top: 0.5rem;padding:0;transition: all .3s ease-out;}
.headermenu .dropdown:hover .dropbtn {background:#e7e7e7}
.headermenu.discroll .navbar{background:#ffffff}
.headermenu .navbar.active{transform: scale(1);opacity: 1;transition: all .3s ease-out;background:#ffffff;}
.Night .headermenu .navbar.active,.Night .headermenu .navbar a{background:#131c25}
.headermenu .navbar a{font-size: 1.5rem;display: block;padding:.7rem 1.2rem;margin: 0;border-radius: .5rem;transition: all .3s ease-out;background:#ffffff;color:#222222}
.headermenu .navbar a:hover{background:#e7e7e7;color:#222222}
.headermenu .logos{margin:0;font-size: 2.1rem;}
.headermenu .logos img{max-height:40px;}
.dropdown:hover .dropbtn{width: 28rem}
.Night .headermenu .navbar{background:#131c25;transition: all .3s ease-out;}
}
@media only screen and (min-width: 481px){
.teks{overflow:hidden;}
}
.CSS_LIGHTBOX {z-index: 999999!important;}.fa-ul{margin-left:1.5em}
.article-data {display:none}
--></style>
<!-- Css Animasi -->
<style>
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *Copyright (c) 2017 Daniel Eden
 */
.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}
@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}
@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.15,.75,1)}40%{transform:scale3d(.75,1.15,1)}50%{transform:scale3d(1.1,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}
@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}
@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}
@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}
@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}
.delay-1 {-webkit-animation-delay: 0.2s;-moz-animation-delay: 0.2s;-o-animation-delay: 0.2s;-ms-animation-delay: 0.2s;}.delay-2 {-webkit-animation-delay: 0.5s;-moz-animation-delay: 0.5s;-o-animation-delay: 0.5s;-ms-animation-delay: 0.2s;}.delay-3 {-webkit-animation-delay: 0.8s;-moz-animation-delay: 0.8s;-o-animation-delay: 0.8s;-ms-animation-delay: 0.2s;}.delay-4 {-webkit-animation-delay: 1.1s;-moz-animation-delay: 1.1s;-o-animation-delay: 1.1s;-ms-animation-delay: 0.2s;}.delay-5 {-webkit-animation-delay: 1.4s;-moz-animation-delay: 1.4s;-o-animation-delay: 1.4s;-ms-animation-delay: 0.2s;}.delay-6 {-webkit-animation-delay: 1.7s;-moz-animation-delay: 1.7s;-o-animation-delay: 1.7s;-ms-animation-delay: 0.2s;}.delay-7 {-webkit-animation-delay: 2.0s;-moz-animation-delay: 2.0s;-o-animation-delay: 2.0s;-ms-animation-delay: 0.2s;}.delay-8 {-webkit-animation-delay: 2.3s;-moz-animation-delay: 2.3s;-o-animation-delay: 2.3s;-ms-animation-delay: 0.2s;}.delay-9 {-webkit-animation-delay: 2.6s;-moz-animation-delay: 2.6s;-o-animation-delay: 2.6s;-ms-animation-delay: 0.2s;}.delay-10 {-webkit-animation-delay: 2.9s;-moz-animation-delay: 2.9s;-o-animation-delay: 2.9s;-ms-animation-delay: 0.2s;}.delay-11 {-webkit-animation-delay: 3.2s;-moz-animation-delay: 3.2s;-o-animation-delay: 3.2s;-ms-animation-delay: 0.2s;}.delay-12 {-webkit-animation-delay: 3.5s;-moz-animation-delay: 3.5s;-o-animation-delay: 3.5s;-ms-animation-delay: 0.2s;}.delay-13 {-webkit-animation-delay: 3.8s;-moz-animation-delay: 3.8s;-o-animation-delay: 3.8s;-ms-animation-delay: 0.2s;}.delay-14 {-webkit-animation-delay: 4.1s;-moz-animation-delay: 4.1s;-o-animation-delay: 4.1s;-ms-animation-delay: 0.2s;}.delay-15 {-webkit-animation-delay: 4.4s;-moz-animation-delay: 4.4s;-o-animation-delay: 4.4s;-ms-animation-delay: 0.2s;}.visible{visibility: visible;}
</style>
<!-- CSS on AllPage -->
<style>
a { text-decoration: none;}
img {max-width: 100%; height: auto;}
#headermenu, #landingpage {margin-bottom: 0px; clear:both;}
#left-side .widget, #right-bar .widget {padding: 0 0px; margin: 0 0 0 0;}
#outer-wrapper {max-width: 100%; margin: 0 auto; padding: 0; border:0}
#left-side{width:calc(100% - 380px);float:left;overflow:hidden;}
#right-bar{width:340px;overflow:hidden;}
#header {padding: 0px 0;}
.kanan,.right {float: right;}
.kiri,.left {float: left;}
.post-outer {overflow: hidden; padding: 0px; margin: 0 0 10px 0;}
.date-header {font-size: 12px;  padding: 0;margin:0}
#blog-pager a:hover {background: #ffffff;}
#blog-pager a {display: inline-block; padding: 6px 12px; font-size: 12px; text-transform: uppercase; font-weight: bold;}
#blog-pager {border-bottom: 0px solid #2980b9;  border-radius: 5px;}
@media screen and (max-width:768px) {
.kol14,.kol-5{width:calc(100% / 2)}
.kol15{width:calc(100% / 1)}
.tablet-1-kolom{width:calc(100% / 1)!important}
.tablet-2-kolom{width:calc(100% / 2)!important}
.tablet-3-kolom{width:calc(100% / 3)!important}
.tablet-4-kolom{width:calc(100% / 4)!important}
.tablet-5-kolom{width:calc(100% / 5)!important}
.tablet-6-kolom{width:calc(100% / 6)!important}
}
@media screen and (max-width:480px) {
.hp-1-kolom{width:calc(100% / 1)!important}
.hp-2-kolom{width:calc(100% / 2)!important}
.hp-3-kolom{width:calc(100% / 3)!important}
.hp-4-kolom{width:calc(100% / 4)!important}
.hp-5-kolom{width:calc(100% / 5)!important}
.hp-6-kolom{width:calc(100% / 6)!important}
}
</style>
<!-- CSS Cuma di Home -->
<style>
.Night #left-side{background:transparent;}
body,.widget-content {background:#ffffff;font-family: 'Poppins', sans-serif; color:#222222;line-height:1.5em;font-size:20px}
.post-thumbnail{width:100%;object-fit:cover;aspect-ratio: 3 / 2;}
.post-thumbnail:hover{opacity:.85;}
#wrapper{;background: #ffffff;margin-top:0;}
#outer-wrapper {padding:10px 0;display:none;background:#ffffff;box-shadow:0 0 0 #ffffff;}
.post-outer{float:left;width:calc((100% / 4) - 30px);margin:15px;padding:0 0 10px;background:#ffffff;transition:all .5s ease 50ms;}
.date-header,#blog-pager,#right-bar,.dipostingan{display:none;}
h2.post-title.entry-title,h2.post-title.entry-title a{font-size:17px;line-height:1.4em;padding:0;margin:10px 10px 5px 10px;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.snippet{font-size:13px;line-height:1.4em;display:block;height:180px;overflow: hidden;margin:0 20px;}
.jump-link{padding:0;margin:30px 0 0;}
#left-side{width:100%;float:left;overflow:hidden;margin-top:-10px;background:#ffffff;box-shadow:0 0 0 #ffffff}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email,#ContactForm1_contact-form-email-message{width:100%;min-width:100%;}
.post-body img{border-radius:0 0 0 0}
@media screen and (max-width:1024px) {
.snippet{height:200px;}
} 
@media screen and (max-width:991px) {
.post-outer{float:left;width:calc((100% / 2) - 35px);margin:17.5px;}
h2.post-title.entry-title,h2.post-title.entry-title a{line-height:1.4em;}
body,.widget-content {font-size:18px}
.snippet{height:160px;}
}
@media screen and (max-width:480px){
body,.widget-content {font-size:17px}
.post-outer{float:left;width:calc(100% - 35px);margin:17.5px;}
h2.post-title.entry-title,h2.post-title.entry-title a{font-size:17px;line-height:1.4em;}
.post-thumbnail{width:100%;}
.snippet{height:160px;}
}
</style>
<!-- CSS Cuma di Postingan -->
<!-- CSS Cuma di Halaman -->
<!-- CSS di hasil search dan label -->
<!-- CSS Di 404 -->
<!-- Style End -->
<script>
/*<![CDATA[*/
/*! WOW wow.js - v1.3.0 - 2016-10-04
* https://wowjs.uk
* Copyright (c) 2016 Thomas Grainger; Licensed MIT */!function(a,b){if("function"==typeof define&&define.amd)define(["module","exports"],b);else if("undefined"!=typeof exports)b(module,exports);else{var c={exports:{}};b(c,c.exports),a.WOW=c.exports}}(this,function(a,b){"use strict";function c(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function d(a,b){return b.indexOf(a)>=0}function e(a,b){for(var c in b)if(null==a[c]){var d=b[c];a[c]=d}return a}function f(a){return/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(a)}function g(a){var b=arguments.length<=1||void 0===arguments[1]?!1:arguments[1],c=arguments.length<=2||void 0===arguments[2]?!1:arguments[2],d=arguments.length<=3||void 0===arguments[3]?null:arguments[3],e=void 0;return null!=document.createEvent?(e=document.createEvent("CustomEvent"),e.initCustomEvent(a,b,c,d)):null!=document.createEventObject?(e=document.createEventObject(),e.eventType=a):e.eventName=a,e}function h(a,b){null!=a.dispatchEvent?a.dispatchEvent(b):b in(null!=a)?a[b]():"on"+b in(null!=a)&&a["on"+b]()}function i(a,b,c){null!=a.addEventListener?a.addEventListener(b,c,!1):null!=a.attachEvent?a.attachEvent("on"+b,c):a[b]=c}function j(a,b,c){null!=a.removeEventListener?a.removeEventListener(b,c,!1):null!=a.detachEvent?a.detachEvent("on"+b,c):delete a[b]}function k(){return"innerHeight"in window?window.innerHeight:document.documentElement.clientHeight}Object.defineProperty(b,"__esModule",{value:!0});var l,m,n=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),o=window.WeakMap||window.MozWeakMap||function(){function a(){c(this,a),this.keys=[],this.values=[]}return n(a,[{key:"get",value:function(a){for(var b=0;b<this.keys.length;b++){var c=this.keys[b];if(c===a)return this.values[b]}}},{key:"set",value:function(a,b){for(var c=0;c<this.keys.length;c++){var d=this.keys[c];if(d===a)return this.values[c]=b,this}return this.keys.push(a),this.values.push(b),this}}]),a}(),p=window.MutationObserver||window.WebkitMutationObserver||window.MozMutationObserver||(m=l=function(){function a(){c(this,a),"undefined"!=typeof console&&null!==console&&(console.warn("MutationObserver is not supported by your browser."),console.warn("WOW.js cannot detect dom mutations, please call .sync() after loading new content."))}return n(a,[{key:"observe",value:function(){}}]),a}(),l.notSupported=!0,m),q=window.getComputedStyle||function(a){var b=/(\-([a-z]){1})/g;return{getPropertyValue:function(c){"float"===c&&(c="styleFloat"),b.test(c)&&c.replace(b,function(a,b){return b.toUpperCase()});var d=a.currentStyle;return(null!=d?d[c]:void 0)||null}}},r=function(){function a(){var b=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];c(this,a),this.defaults={boxClass:"wow",animateClass:"animated",offset:0,mobile:!0,live:!0,callback:null,scrollContainer:null,resetAnimation:!0},this.animate=function(){return"requestAnimationFrame"in window?function(a){return window.requestAnimationFrame(a)}:function(a){return a()}}(),this.vendors=["moz","webkit"],this.start=this.start.bind(this),this.resetAnimation=this.resetAnimation.bind(this),this.scrollHandler=this.scrollHandler.bind(this),this.scrollCallback=this.scrollCallback.bind(this),this.scrolled=!0,this.config=e(b,this.defaults),null!=b.scrollContainer&&(this.config.scrollContainer=document.querySelector(b.scrollContainer)),this.animationNameCache=new o,this.wowEvent=g(this.config.boxClass)}return n(a,[{key:"init",value:function(){this.element=window.document.documentElement,d(document.readyState,["interactive","complete"])?this.start():i(document,"DOMContentLoaded",this.start),this.finished=[]}},{key:"start",value:function(){var a=this;if(this.stopped=!1,this.boxes=[].slice.call(this.element.querySelectorAll("."+this.config.boxClass)),this.all=this.boxes.slice(0),this.boxes.length)if(this.disabled())this.resetStyle();else for(var b=0;b<this.boxes.length;b++){var c=this.boxes[b];this.applyStyle(c,!0)}if(this.disabled()||(i(this.config.scrollContainer||window,"scroll",this.scrollHandler),i(window,"resize",this.scrollHandler),this.interval=setInterval(this.scrollCallback,50)),this.config.live){var d=new p(function(b){for(var c=0;c<b.length;c++)for(var d=b[c],e=0;e<d.addedNodes.length;e++){var f=d.addedNodes[e];a.doSync(f)}});d.observe(document.body,{childList:!0,subtree:!0})}}},{key:"stop",value:function(){this.stopped=!0,j(this.config.scrollContainer||window,"scroll",this.scrollHandler),j(window,"resize",this.scrollHandler),null!=this.interval&&clearInterval(this.interval)}},{key:"sync",value:function(){p.notSupported&&this.doSync(this.element)}},{key:"doSync",value:function(a){if("undefined"!=typeof a&&null!==a||(a=this.element),1===a.nodeType){a=a.parentNode||a;for(var b=a.querySelectorAll("."+this.config.boxClass),c=0;c<b.length;c++){var e=b[c];d(e,this.all)||(this.boxes.push(e),this.all.push(e),this.stopped||this.disabled()?this.resetStyle():this.applyStyle(e,!0),this.scrolled=!0)}}}},{key:"show",value:function(a){return this.applyStyle(a),a.className=a.className+" "+this.config.animateClass,null!=this.config.callback&&this.config.callback(a),h(a,this.wowEvent),this.config.resetAnimation&&(i(a,"animationend",this.resetAnimation),i(a,"oanimationend",this.resetAnimation),i(a,"webkitAnimationEnd",this.resetAnimation),i(a,"MSAnimationEnd",this.resetAnimation)),a}},{key:"applyStyle",value:function(a,b){var c=this,d=a.getAttribute("data-wow-duration"),e=a.getAttribute("data-wow-delay"),f=a.getAttribute("data-wow-iteration");return this.animate(function(){return c.customStyle(a,b,d,e,f)})}},{key:"resetStyle",value:function(){for(var a=0;a<this.boxes.length;a++){var b=this.boxes[a];b.style.visibility="visible"}}},{key:"resetAnimation",value:function(a
){if(a.type.toLowerCase().indexOf("animationend")>=0){var b=a.target||a.srcElement;b.className=b.className.replace(this.config.animateClass,"").trim()}}},{key:"customStyle",value:function(a,b,c,d,e){return b&&this.cacheAnimationName(a),a.style.visibility=b?"hidden":"visible",c&&this.vendorSet(a.style,{animationDuration:c}),d&&this.vendorSet(a.style,{animationDelay:d}),e&&this.vendorSet(a.style,{animationIterationCount:e}),this.vendorSet(a.style,{animationName:b?"none":this.cachedAnimationName(a)}),a}},{key:"vendorSet",value:function(a,b){for(var c in b)if(b.hasOwnProperty(c)){var d=b[c];a[""+c]=d;for(var e=0;e<this.vendors.length;e++){var f=this.vendors[e];a[""+f+c.charAt(0).toUpperCase()+c.substr(1)]=d}}}},{key:"vendorCSS",value:function(a,b){for(var c=q(a),d=c.getPropertyCSSValue(b),e=0;e<this.vendors.length;e++){var f=this.vendors[e];d=d||c.getPropertyCSSValue("-"+f+"-"+b)}return d}},{key:"animationName",value:function(a){var b=void 0;try{b=this.vendorCSS(a,"animation-name").cssText}catch(c){b=q(a).getPropertyValue("animation-name")}return"none"===b?"":b}},{key:"cacheAnimationName",value:function(a){return this.animationNameCache.set(a,this.animationName(a))}},{key:"cachedAnimationName",value:function(a){return this.animationNameCache.get(a)}},{key:"scrollHandler",value:function(){this.scrolled=!0}},{key:"scrollCallback",value:function(){if(this.scrolled){this.scrolled=!1;for(var a=[],b=0;b<this.boxes.length;b++){var c=this.boxes[b];if(c){if(this.isVisible(c)){this.show(c);continue}a.push(c)}}this.boxes=a,this.boxes.length||this.config.live||this.stop()}}},{key:"offsetTop",value:function(a){for(;void 0===a.offsetTop;)a=a.parentNode;for(var b=a.offsetTop;a.offsetParent;)a=a.offsetParent,b+=a.offsetTop;return b}},{key:"isVisible",value:function(a){var b=a.getAttribute("data-wow-offset")||this.config.offset,c=this.config.scrollContainer&&this.config.scrollContainer.scrollTop||window.pageYOffset,d=c+Math.min(this.element.clientHeight,k())-b,e=this.offsetTop(a),f=e+a.clientHeight;return d>=e&&f>=c}},{key:"disabled",value:function(){return!this.config.mobile&&f(navigator.userAgent)}}]),a}();b["default"]=r,a.exports=b["default"]});
  new WOW().init();
var containerHeight = $(window).height() / 2;
$('.spacer').css("height", containerHeight);
var x = $('.skills').prev().height() / 4;
$(window).scroll(function() {
  if ($(window).scrollTop() >= x) {
    $('.skill-percent').each(function() {
      $(this).animate({
        width: $(this).data('percent') + '%'
      }, 1000);
    });
  }
});
/*]]>*/
</script>
<!-- Javascript End -->
<link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=414308150541503240&amp;zx=654420a5-b8ad-4589-b0f5-ac2bd88e9a70' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyn-css/authorization.css?targetBlogID=414308150541503240&amp;zx=654420a5-b8ad-4589-b0f5-ac2bd88e9a70' rel='stylesheet'/></noscript>
<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
<meta name='google-adsense-platform-domain' content='blogspot.com'/>

</head>
<body>
<div id='wrapper'>
<div id='headermenu'>
<div id='box1' style='width: 100%; float: left; margin:0;'>
<div class='box-column section' id='Header Menu'><div class='widget HTML' data-version='2' id='HTML9'>
<h3 class='title'>
Menu Melayang
</h3>
<div class='widget-content'>
<!-- AWAL NAVBAR MELAYANG -->
<div class="headermenu">
    <a href="/" class="logos"><img alt="logo" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjznB-u3tavHM4pLJ7AtebQHwviWn99450czgQ9hLSsF5h8BRNLpmY4jtakJmFIXypIcXfQIbBgLjxNO4XkXX8T4iE0onXTmLPmw62upatC8y9q9y5X-cKU3mjsAPTem3LqoCKmY8BhPWcftn58fObSCTKp-kJnFgNPtWSRqBFqh90_GW7-FUctHOnSaT8/s320/logo-stisitelkom-jpeg.jpg" /></a>
<div class="mobilehide"></div>
<div class="mobilehide"></div>
    <nav class="navbar">
        <a href="/">Home</a>
<a href="#" target="_blank">Data Pendidikan</a>
        
        
        <a href="/#contact" class="anchor">Kontak</a>
    </nav>
    <div id="menu-btn" class="bi bi-list"></div>
</div>
<!-- AKHIR NAVBAR MELAYANG -->
</div>
</div></div>
</div>
<div style='clear:both;'></div>
</div>
<div id='landingpage'>
<div id='box2' style='width: 100%; float: left; margin:0;'>
<div class='box-column section' id='Landing Page home'><div class='widget HTML' data-version='2' id='HTML2'>
<h3 class='title'>
Header
</h3>
<div class='widget-content'>
</div>
</div><div class='widget HTML' data-version='2' id='HTML3'>
<h3 class='title'>
Landing Page Di Sini
</h3>
<div class='widget-content'>
<div class="bg-abuabu">
<div class="konten" style="max-width:1180px">
  
<br/><br/>
<!--AWAL HEADER CAROUSEL-->
<div class="latar-putih box">
<div class="owl-carousel slide-header">
    <div class="item">
        <div class="fitur gambar-header1">
            <div class="konten putih">
                <div class="kol-123 renggang">
                    <div class="box">
                        <h1 class="x-besar tebal kuningmuda style58">STISI TELKOM

</h1>
                        <p>Sekolah Tinggi Ilmu Seni dan Industri Kreatif Telkom


</p>
                        <br />
                        <a class="btn2 btn-biru" href="https://www.stisitelkom.ac.id/2024/03/stisi-telkom-menelusuri-pusat.html"><i class="fa fa-plus"></i> Read more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
  
    <div class="item">
        <div class="fitur gambar-header2">
            <div class="konten putih">
                <div class="kol-123 renggang">
                    <div class="box">
                        <h2 class="x-besar tebal kuningmuda style58">WISUDA TAHUN 2023
</h2>
                        <p>Wisuda tahun 2023: Rektor Baru Lepas 1.010 Wisudawan
</p>
                        <br />
                        <a class="btn2 btn-biru" href="#"><i class="fa fa-plus"></i> Read more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
  
  
    <div class="item">
        <div class="fitur gambar-header3">
            <div class="konten putih">
                <div class="kol-123 renggang">
                    <div class="box">
                        <h2 class="x-besar tebal kuningmuda style58">BEASISWA PENDIDIKAN INDONESIA
</h2>
                        <p>Telkom University dan PT. Cloud Hosting Indonesia (IDCloudhost) kembali membuka pendaftaran beasiswa IDCloudhost 2024 bagi siswa lulusan SMA/SMK/MA/Sederajat.
</p>
                        <br />
                        <a class="btn2 btn-biru" href="https://www.stisitelkom.ac.id/kuliah-gratis-sampai-lulus-di-tel-u"><i class="fa fa-plus"></i> Read more</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
  
    <div class="item">
        <div class="fitur gambar-header4">
            <div class="konten putih">
                <div class="kol-123 renggang">
                    <div class="box">
                        <h2 class="x-besar tebal kuningmuda style58">GEDUNG SENI RUPA
</h2>
                        <p>Tempat yang sangat nyaman untuk belajar dan menggali potensi seni anda.
</p>
                        <br />
                        <a class="btn2 btn-biru" href="#"><i class="fa fa-plus"></i> Read more</a>
                    </div>
                </div>
            </div>
        </div>
</div>


    </div>

</div>
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
    $('.slide-header').owlCarousel({
        items:1,
        responsive:{
            480:{items:1},
            780:{items:1}
        },
        pagination:false,
        navigation:false,
        margin:0,
        loop:true,
        autoplay:true,
        autoplayTimeout:3000,
    });
});
//]]></script>



<style>
.gambar-header1{background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhvIcUZtocSr7EC_v5YUB4HgM6TJdZxSs8ynfhmDFoN12m8uChApfs9Dl1mgBj_OdD33eLyqJh62w77HSlFJNrXjLx2J2gX-2UgQUNJ4RP6TsoZxBsiypQc3lumhBp9ixYATVouydjybu7hHvKGzPT5JlcCWYbS4-dExsaacbfTocUoEYEKohg7Uu6N5g/s16000/STISI%20TELKOM%20Kampus.jpg") center center no-repeat; background-size:cover;height:83vh}
.gambar-header2{background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSqNZVDKIkDji26wgxQUO344YfAwo33r4JmOJdwpOrCuKAg3cNaF3JS2KeHSB7-BrSoxEYaZUOemWPc45N5Je-4dbT58Lij1uXYNhVQWRKXGNNAZm-9Hutyc7OvGVp4r4TdueTnJjHx2gCnJg-lRnLUiQczloQGg_JzwBQc44JUCe7km5LJxIV7Vy5EkE/s16000/Scholarship.jpg") center center no-repeat; background-size:cover;height:83vh}
.gambar-header3{background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg9a3ezpL5v8NUW2olj-b6AEuyuBZ-4CLtSe66hb-4WpxErnHkp7BEP0uLCSCO5THnPgm2CZx05bLnYwlynm4TN9mMLyjFAqGW4tB0PAqVg9hBmQMNBgZa3oCeZdYXt-V2I6J4nPmrRrvLJ4KrjkLAcNX1fxeSExFfGhQxm3c7AxY6Owkaka5JMhcHhVc/s16000/BEASISWA-1125x675.jpeg") center center no-repeat; background-size:cover;height:83vh}
.gambar-header4{background:linear-gradient(to bottom, rgba(0,0,0,0.3), rgba(0,0,0,0.3)),url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBjvidmxNcqBwhK8Dx14ejvx1aRZCnZpRzC7L-VIe5IqJEvV6lwNRF1MrZhC9O_X3wy9qzBwvnZr3g4JaEuk9_Qqu4LheDv5IATdE_PZaMuo67HRUzx0e2VV3yVLfNWX3K0GQbGuNz1IaGp8r8E9d8MntGId1auRgx1caugYKhZvwyhdGK9f2W1JTY9co/s16000/IMG_9473_edit.jpg") center center no-repeat; background-size:cover;height:83vh}
.renggang{padding-top:100px;}
.mepetkan{margin-top:-50px}
@media (max-width: 680px) {
.renggang{padding-top:50px}
}
@media (max-width: 480px) {
.renggang{padding-top:150px}
.mepetkan{margin-top:-47px}
}
</style>

<!--AKHIR HEADER CAROUSEL-->

  
  
<!-- AWAL TENTANG KAMI-->
<div class="latar-putih box">
    <div class="konten headline">
        
    </div>

    <div class="konten mobilecenter">
        <div class="kol-13">
            <div class="box">
                <img class="box-shadow-biru" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4HVgLi0mh-PeZxjPAOYMrmWcsoMtNRQt4-jDaCPthTPXnSEKJvT9VB3U2kUUxn3Tca5vQtoTO38-JcD85o7GsJRsMM45_fPWEoVatXeKWRC9BJRRvMaRPvrR4c9W0AVeKf9oTe8mTOlPqwCTquaRi_y5p0qakOO5IwcPsoFisLRWZ1F9uVEONWdR6u_4/w300-h400/IMG_9421.jpg"/>
            </div>
        </div>
        <div class="kol-123">
            <div class="box">
                <p> <span class="besar"><b>STISI TELKOM</b></span>
                <br/>Sekolah Tinggi Ilmu Seni dan Industri Kreatif Telkom</p>
                <hr/>
                <p class="kecil">Selamat datang diwebsite resmi STISI TELKOM Kab. Bandung Prov. Jawa Barat 40257</p>
                <p class="kecil">STISI TELKOM, atau Sekolah Tinggi Ilmu Seni dan Industri Kreatif Telkom, adalah institusi pendidikan tinggi yang berfokus pada pengembangan bakat di bidang seni dan industri kreatif. Artikel ini akan mengulas lebih lanjut tentang STISI TELKOM, visi-misi, program studi, fasilitas, dan kontribusi terhadap dunia seni dan industri kreatif di Indonesia.</p>
                <br/>
                <div class="teks-kiri mobilecenter">
                    <a class="btn2 btn-hitam" href="https://www.stisitelkom.ac.id/2024/03/stisi-telkom-menelusuri-pusat.html">Selengkapnya</a> <a class="btn2 btn-biru" href="#" target="_blank">Kemdikbud.go.id</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- AKHIR TENTANG KAMI-->  



<!-- AWAL ARTIKEL -->
<style>
.article-wrap{margin:40px 0;display:grid;gap:20px}.article-wrap *{margin:0;padding:0;font-size:16px;line-height:1.5em;transition-duration:500ms;color:#5f5f86}.article-wrap a:hover{color:#2679ec}.article-inner{overflow:hidden;border:1px solid #e6e6e9;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,.05);background-color:#ffffff}.article-thumb{position:relative;overflow:hidden;display:block;padding-bottom:calc(9 / 16 * 100%);background-color:#e6e6e9}.article-thumb:hover .article-img{transform:scale(1.1) rotate(0deg)}.article-img{position:absolute;height:100%;width:100%;object-fit:cover}.article-pack{padding:20px}.article-title{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:12px;font-size:18px;font-weight:600}.article-data{margin-bottom:8px}.article-author,.article-date{font-size:14px}.article-author::after{margin:0 4px;content:'\2022'}.article-snippet{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-bottom:12px}.article-readmore{font-weight:500}.article-2 .article-inner{padding:20px}.article-2 .article-thumb{margin-bottom:20px;border-radius:10px}.article-2 .article-pack{padding:0}.article-5 .article-thumb{clip-path:polygon(0 0,100% 0%,100% 90%,0% 100%)}.article-6 .article-thumb{clip-path:polygon(0 0,100% 0%,100% 100%,0 90%)}@media (min-width:768px){.article-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}.article-title a{font-size:20px}.article-3 .article-wrap,.article-4 .article-wrap,.article-5 .article-wrap,.article-6 .article-wrap{grid-template-columns:none}.article-3 .article-inner,.article-4 .article-inner,.article-5 .article-inner,.article-6 .article-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.article-4 .article-thumb,.article-6 .article-thumb{order:2}.article-5 .article-thumb{clip-path:polygon(0 0,100% 0,90% 100%,0 100%)}.article-6 .article-thumb{clip-path:polygon(10% 0,100% 0,100% 100%,0 100%)}}@media (min-width:1200px){.article-wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.article-3 .article-wrap,.article-4 .article-wrap,.article-5 .article-wrap,.article-6 .article-wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
</style>
<script>
    /*<![CDATA[*/
    var _0x2bb6=['<div class="article-wrap">',"entry","feed","length","link","alternate","rel","href","$t","title","name","author","published","-","split","T"," ","January","February","March","April","May","June","July","August","September","October","November","December","substring","summary","lastIndexOf","...",'<article class="article-inner"><a class="article-thumb" href="','"><img class="article-img" src="',"media$thumbnail","/s72","/s720","replace","url","data:image/png;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=",'" alt="','" loading="lazy"/></a><div class="article-pack"><h3><a class="article-title" href="','">','</a></h3><div class="article-data"><span class="article-author">','</span><time class="article-date" datatime="','</time></div><p class="article-snippet">','</p><a class="article-readmore" href="','">Read More</a></div></article>',"</div>","write"];function artikelblog(b){for(var a=_0x2bb6[0],x=b[_0x2bb6[2]][_0x2bb6[1]],_=0;_<x[_0x2bb6[3]];_++){for(var e=x[_],r=0;r<e[_0x2bb6[4]][_0x2bb6[3]];r++)if(_0x2bb6[5]==e[_0x2bb6[4]][r][_0x2bb6[6]])var t=e[_0x2bb6[4]][r][_0x2bb6[7]];var l=e[_0x2bb6[9]][_0x2bb6[8]],i=e[_0x2bb6[11]][0][_0x2bb6[10]][_0x2bb6[8]],s=e[_0x2bb6[12]][_0x2bb6[8]],c=e[_0x2bb6[12]][_0x2bb6[8]][_0x2bb6[14]](_0x2bb6[15])[0][_0x2bb6[14]](_0x2bb6[13]),n=c[2]+_0x2bb6[16]+[_0x2bb6[17],_0x2bb6[18],_0x2bb6[19],_0x2bb6[20],_0x2bb6[21],_0x2bb6[22],_0x2bb6[23],_0x2bb6[24],_0x2bb6[25],_0x2bb6[26],_0x2bb6[27],_0x2bb6[28]][+c[1]-1]+_0x2bb6[16]+c[0],d=e[_0x2bb6[30]][_0x2bb6[8]][_0x2bb6[29]](0,150),A=d[_0x2bb6[31]](_0x2bb6[16]),m=d[_0x2bb6[29]](0,A)+_0x2bb6[32];a+=_0x2bb6[33]+t+_0x2bb6[34]+(e[_0x2bb6[35]]?e[_0x2bb6[35]][_0x2bb6[39]][_0x2bb6[38]](_0x2bb6[36],_0x2bb6[37]):_0x2bb6[40])+_0x2bb6[41]+l+_0x2bb6[42]+t+_0x2bb6[43]+l+_0x2bb6[44]+i+_0x2bb6[45]+s+_0x2bb6[43]+n+_0x2bb6[46]+m+_0x2bb6[47]+t+_0x2bb6[48]}a+=_0x2bb6[49],document[_0x2bb6[50]](a)}
    /*]]>*/
</script>


<div class="latar-putih box">
<div class="konten box"><center>
<h3 class="tebal hitam">Blog <span class="tebal hitam">STISI TELKOM
</span></h3>
<p class="kecil">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod</p></center>
<div class="article-2"><script src="/feeds/posts/summary?max-results=3&amp;alt=json-in-script&amp;orderby=published&amp;callback=artikelblog"></script>

<a href="https://www.stisitelkom.ac.id/"><p class="hitam kanan lebar">Lihat lebih banyak <i class="fa fa-arrow-right"></i></p></a>


</div>

</div>

</div>  
<!-- AKHIR ARTIKEL -->  
 
    
  
  
    

    
    
    
    
</div>
</div>



<style>
.pads{padding:10px}
.btn-order{padding:12px 24px;margin:20px}
.garansi{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPybZWnNdU7qujy9w8mDAlbLYzkfamJb0dWqxJB2ePz6bbPienKuOdxwAVSyrmUW9vkW8_kNyZ4wPPsT_UBugdLM8PRvdvhEB3lsrsrarZBSx4Q4tB3ceFj8i0Y3XoBQhfzLPeVYDhQSJ7dU4-7lh95NMlmWRTNH1EFp73ZUE3hz8HYrRMB5OanoW6SrI/s1600/garansi.png") no-repeat top right;}
.testimoni .carousel {position:relative;margin-top:0;}
.testimoni .carousel-cell {width: 18vw;height: 38vw;margin-right: 20px;background: #fff;border-radius: 5px;counter-increment: carousel-cell;}
.testimoni .carousel:before {content:"";height:40vw;width:20.5vw;position:absolute;top:-1.5vw;left:50%;transform:translateX(-50%); background:url(https://blogger.googleusercontent.com/img/a/AVvXsEgm85GTGvhNDHKu9szz6t3ptrOkPpH__GOeO4PDdvNi8p77gSqbzKQA5B3eGbqwbUxEuOYohVaJ4KCdRod5BYec0etpL5XrJeQHrEq5eejk9snuM2TjEbcqaEw286rJ7z6hDRIcRKGAuNdKhek5lpbiO7ffN1giMaMWNVMsg7KZcEEHA4ahtSnXJTarhQ);background-size:contain;background-repeat:no-repeat;z-index:2;}
img.screen {width:98%;}
.testimoni .carousel-cell.is-selected {opacity: 1;transform: none;}
.testimoni .carousel-cell {transform: scale(0.7);opacity: 0.7;transition: opacity 0.225s ease-in-out, transform 0.225s ease-in-out;}
@media only screen and (max-width:768px) {
.pads{padding:15px}
.btn-order{padding:12px 24px;margin:10px;font-size:20px;min-width:300px}
.testimoni .carousel:before {height: 200vw;width: 70vw;top: -5vw;}
.testimoni .carousel-cell {width: 65vw;height: 132vw;margin-right:5px;}
}
</style>
</div>
</div>
</div>
</div>
<div style='clear:both;'></div>
</div>
<div id='outer-wrapper'>
<div id='left-side'>
<div class='main section' id='Postingan'><div class='widget Blog' data-version='1' id='Blog1'>
<div class='blog-posts hfeed'>
<!--Can't find substitution for tag [defaultAdStart]-->

          <div class="date-outer">
        

          <div class="date-posts">
        
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2LsBogdTAfIzJfTrdso-JLhkmj6RIRRQrDCBlXE_VU5ZCH-LAbuvjqLwRk1bV687E0S77xtAtMWxlgtabXjw9CtjZRrf6C8ydrZCqS4NgcHLGmYbh6XCnPjB5Y_JaRXYSM9d-gw2Y3hl3XSVEcQ-k5KI6xl-1D9PlmU3mdTrIg9-ah7N6v0eVm9pzyYY/s16000/beasiswa-BPI.jpg' itemprop='image_url'/>
<meta content='414308150541503240' itemprop='blogId'/>
<meta content='6618208355786839981' itemprop='postId'/>
<a name='6618208355786839981'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-6618208355786839981' itemprop='description articleBody'>
<div>
<a href='https://www.stisitelkom.ac.id/2024/03/kuliah-gratis-sampai-lulus-di-tel-u.html'><img alt='Kuliah Gratis Sampai Lulus di Tel-U! Daftar Beasiswa IDCloudHost 2024 Tanpa Biaya' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2LsBogdTAfIzJfTrdso-JLhkmj6RIRRQrDCBlXE_VU5ZCH-LAbuvjqLwRk1bV687E0S77xtAtMWxlgtabXjw9CtjZRrf6C8ydrZCqS4NgcHLGmYbh6XCnPjB5Y_JaRXYSM9d-gw2Y3hl3XSVEcQ-k5KI6xl-1D9PlmU3mdTrIg9-ah7N6v0eVm9pzyYY/s72-c/beasiswa-BPI.jpg'/></a>
</div>
<h2 class='post-title entry-title'>
<a href='https://www.stisitelkom.ac.id/2024/03/kuliah-gratis-sampai-lulus-di-tel-u.html'>Kuliah Gratis Sampai Lulus di Tel-U! Daftar Beasiswa IDCloudHost 2024 Tanpa Biaya</a>
</h2>
<div class='snippet'>
Telkom University dan PT. Cloud Hosting Indonesia (IDCloudhost) kembali membuka pendaftaran beasiswa IDCloudhost 2024 bagi siswa lulusan SMA...
<div class='jump-link'>
<a href='https://www.stisitelkom.ac.id/2024/03/kuliah-gratis-sampai-lulus-di-tel-u.html' title='Kuliah Gratis Sampai Lulus di Tel-U! Daftar Beasiswa IDCloudHost 2024 Tanpa Biaya'>Baca selengkapnya &#187;</a>
</div>
</div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
<span class='item-control blog-admin pid-789949630'>
<a href='https://www.blogger.com/post-edit.g?blogID=414308150541503240&postID=6618208355786839981&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
<div class='clear'></div>
</div>
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhvIcUZtocSr7EC_v5YUB4HgM6TJdZxSs8ynfhmDFoN12m8uChApfs9Dl1mgBj_OdD33eLyqJh62w77HSlFJNrXjLx2J2gX-2UgQUNJ4RP6TsoZxBsiypQc3lumhBp9ixYATVouydjybu7hHvKGzPT5JlcCWYbS4-dExsaacbfTocUoEYEKohg7Uu6N5g/s16000/STISI%20TELKOM%20Kampus.jpg' itemprop='image_url'/>
<meta content='414308150541503240' itemprop='blogId'/>
<meta content='3016800357873436028' itemprop='postId'/>
<a name='3016800357873436028'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-3016800357873436028' itemprop='description articleBody'>
<div>
<a href='https://www.stisitelkom.ac.id/2024/03/stisi-telkom-menelusuri-pusat.html'><img alt='STISI TELKOM: Menelusuri Pusat Pendidikan Kreatif di Indonesia' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhvIcUZtocSr7EC_v5YUB4HgM6TJdZxSs8ynfhmDFoN12m8uChApfs9Dl1mgBj_OdD33eLyqJh62w77HSlFJNrXjLx2J2gX-2UgQUNJ4RP6TsoZxBsiypQc3lumhBp9ixYATVouydjybu7hHvKGzPT5JlcCWYbS4-dExsaacbfTocUoEYEKohg7Uu6N5g/s72-c/STISI%20TELKOM%20Kampus.jpg'/></a>
</div>
<h2 class='post-title entry-title'>
<a href='https://www.stisitelkom.ac.id/2024/03/stisi-telkom-menelusuri-pusat.html'>STISI TELKOM: Menelusuri Pusat Pendidikan Kreatif di Indonesia</a>
</h2>
<div class='snippet'>
STISI TELKOM, atau Sekolah Tinggi Ilmu Seni dan Industri Kreatif Telkom, adalah institusi pendidikan tinggi yang berfokus pada pengembangan ...
<div class='jump-link'>
<a href='https://www.stisitelkom.ac.id/2024/03/stisi-telkom-menelusuri-pusat.html' title='STISI TELKOM: Menelusuri Pusat Pendidikan Kreatif di Indonesia'>Baca selengkapnya &#187;</a>
</div>
</div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
<span class='item-control blog-admin pid-789949630'>
<a href='https://www.blogger.com/post-edit.g?blogID=414308150541503240&postID=3016800357873436028&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
<div class='clear'></div>
</div>
<div class='post-outer'>
<div class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='https://schema.org/BlogPosting'>
<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUC0g2k0BKQJ6FbDnSf4CuCqEqB1FboznZ2W2ZII7PVYBP-XXWeeFDn5_dh8eWUFI4okjJtw4OQKke0rF5pDNxF3ZZ1rg3AaZ_kwkPnBIuEeQcsUnyq04MIZYC7mJgrHOJ5GEO5avaVJdtQFtci9WE6Q2RMmqpFZke0lIeKSC6IXwSEYntsw7nBLLcP0/s16000/Mahasiswa.jpg' itemprop='image_url'/>
<meta content='414308150541503240' itemprop='blogId'/>
<meta content='6712557925298468624' itemprop='postId'/>
<a name='6712557925298468624'></a>
<div class='post-header'>
<div class='post-header-line-1'></div>
</div>
<div class='post-body entry-content' id='post-body-6712557925298468624' itemprop='description articleBody'>
<div>
<a href='https://www.stisitelkom.ac.id/2024/03/langkah-langkah-menuju-kesuksesan.html'><img alt='Langkah-langkah Menuju Kesuksesan Pendidikan Tinggi' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyUC0g2k0BKQJ6FbDnSf4CuCqEqB1FboznZ2W2ZII7PVYBP-XXWeeFDn5_dh8eWUFI4okjJtw4OQKke0rF5pDNxF3ZZ1rg3AaZ_kwkPnBIuEeQcsUnyq04MIZYC7mJgrHOJ5GEO5avaVJdtQFtci9WE6Q2RMmqpFZke0lIeKSC6IXwSEYntsw7nBLLcP0/s72-c/Mahasiswa.jpg'/></a>
</div>
<h2 class='post-title entry-title'>
<a href='https://www.stisitelkom.ac.id/2024/03/langkah-langkah-menuju-kesuksesan.html'>Langkah-langkah Menuju Kesuksesan Pendidikan Tinggi</a>
</h2>
<div class='snippet'>
Menjadi mahasiswa adalah langkah penting dalam perjalanan pendidikan seseorang. Saat memasuki dunia perguruan tinggi, ada berbagai hal yang ...
<div class='jump-link'>
<a href='https://www.stisitelkom.ac.id/2024/03/langkah-langkah-menuju-kesuksesan.html' title='Langkah-langkah Menuju Kesuksesan Pendidikan Tinggi'>Baca selengkapnya &#187;</a>
</div>
</div>
<div style='clear: both;'></div>
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-icons'>
<span class='item-control blog-admin pid-789949630'>
<a href='https://www.blogger.com/post-edit.g?blogID=414308150541503240&postID=6712557925298468624&from=pencil' title='Edit Entri'>
<img alt='' class='icon-action' height='18' src='//img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</span>
</div>
<div class='post-footer-line post-footer-line-2'></div>
<div class='post-footer-line post-footer-line-3'></div>
</div>
</div>
<div class='clear'></div>
</div>

        </div></div>
      
<!--Can't find substitution for tag [adEnd]-->
</div>
</div><div class='widget ContactForm' data-version='2' id='ContactForm1'>
<h3 class='title'>
Formulir Kontak
</h3>
<div class='contact-form-widget'>
<div class='form'>
<form name='contact-form'>
<p></p>
Nama
<br/>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<p></p>
Email
<span style='font-weight: bolder;'>*</span>
<br/>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<p></p>
Pesan
<span style='font-weight: bolder;'>*</span>
<br/>
<textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Kirim'/>
<p></p>
<div style='text-align: center; max-width: 222px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
</div>
</div>
</div></div>
</div>
<div id='right-bar'>
<div class='sidebar-post section' id='Sidebar Post'><div class='widget BlogSearch' data-version='2' id='BlogSearch1'>
<h3 class='title'>
Cari Blog Ini
</h3>
<div class='widget-content' role='search'>
<form action='https://www.stisitelkom.ac.id/search' target='_top'>
<div class='search-input'>
<input aria-label='Cari blog ini' autocomplete='off' name='q' placeholder='Cari blog ini' value=''/>
</div>
<input class='search-action' type='submit' value='Telusuri'/>
</form>
</div>
</div>
<div class='widget PopularPosts' data-version='2' id='PopularPosts2'>
</div>
</div>
</div>
<div style='clear:both;'></div>
</div>
</div>
<div>
<div class='bawah section' id='Footer'><div class='widget HTML' data-version='2' id='HTML4'>
<h3 class='title'>
Popup
</h3>
<div class='widget-content'>
<!-- AWAL POPUP -->
<div id="popup">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xcXE7fVTeU_Ax2SwK61S0uxk3E91UZquCSSQhbVF6dKh9HpV-gv0kS1GYzxbxYjYc1IUNvkJWNI9k-dZ_aaI7AEhW0IvMXsCywsQ0bxkadX9KgrxmnZW3AMO7BiocR47Vc5O6bFwVTQ7jv9FTOGrV8lQy5dA4noC_6zFtAevWydR70nAsxyC-MShJa0/s16000/desa3.jpg" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup2">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7cRv2wjWHXfNH6D9mHvuGN3pYH8pr0R-ikjw8RimhlklgkTHlLVc569hUQj1i0-8eEaI4-rjBSZ0pOq1nm-RI-PiKs7aG_g8U4oFJU9Z6jgysvlHEQmj-x_pz-8LdIktc0ez96Kl5Lfbsdn0_r_wYOHOrYMpee2kM925OXBK57uql1UyzS4cRWPLy0Vs/s16000/desa4.webp" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup3">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiggJ6_049LJ0DoeVPyMbzxI4Ie3zyfQsc6CtI5-2A3k2nSKFFnrFsJWjrc5cKkv9M-lxMjTdJPXfC-1zcEe9oA6pLg9WO16GJpzVmSYiIP6PCK57AxI4atsbRtysBYDvBnZafW-WAUnCs5t8cLF0h2xgutymGS_5e2t7jDczCJ-vqjhTxe-yQsIUvOgs/w640-h426/desa5.jpg" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup4">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7ztBz-dfFHmq9NcAQJbYyPeCWnhW3kC-AFz4T-pKXRL_Q-ha6cAIPKWLpP_UgQxT5xE8JKk8MDsNan5mb1y-etctCDQe1AsO7MWCu6a0jZajZRIpNjr_wSozp6ixpItGe1FeqIIqOZSQtEiFZjci2jt6bJ3goBgTl7t553Y51rrORgG10YEzscS1bsic/s16000/desa7.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup5">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9xcXE7fVTeU_Ax2SwK61S0uxk3E91UZquCSSQhbVF6dKh9HpV-gv0kS1GYzxbxYjYc1IUNvkJWNI9k-dZ_aaI7AEhW0IvMXsCywsQ0bxkadX9KgrxmnZW3AMO7BiocR47Vc5O6bFwVTQ7jv9FTOGrV8lQy5dA4noC_6zFtAevWydR70nAsxyC-MShJa0/s16000/desa3.jpg" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup6">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg7cRv2wjWHXfNH6D9mHvuGN3pYH8pr0R-ikjw8RimhlklgkTHlLVc569hUQj1i0-8eEaI4-rjBSZ0pOq1nm-RI-PiKs7aG_g8U4oFJU9Z6jgysvlHEQmj-x_pz-8LdIktc0ez96Kl5Lfbsdn0_r_wYOHOrYMpee2kM925OXBK57uql1UyzS4cRWPLy0Vs/s16000/desa4.webp" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup7">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHwVmjInd31P6wRK6NdSWbc-9KB21ZV4V4dPW0_Vv23AuT_GF1Bqtrmv2e4rrTCi5mAesjW7VwkCKBbwfIV7m3uba46zy8WTgWRHl7imN9R-8kNAAscuTew1e6OrB7jRQ4NQMCZ6QIGDxZVbQlj8j8XBq0-6V6KrEO3KMHkQHM7MvbddhBbCcuoh8oY2in/s16000/kalender.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup8">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC3QhEwz_08zXdLOtTHwMZwy-QMzKimnDP0xg6nbHtXrr5APeXtzAPTAciSUh4T5lyi7qV6CKnaxhEBdOuxNoVvTsOJCdEDQFgYd6zoCEPUY8gSFOfCD3Sz5Lh6ecEXNT2m0Gr5kORBBdxAzdqw1LZHljNnOk8dEAwzS48U6N21gy15TpKrfJ-F_7Ip-Nk/s16000/google%20form.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup9">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1uMOKT7B6ZZtNj9gsOM1mbz58r0-5HnzodqCIQ0Uod6H6AwRQ7_OCAT57y0cXpZBzD8sXt2tb-sCtCovmD8AMte_3bHUE5jpKB_d0_Ixnc80fbaaDlZubLoKHr9x6b8NBKYWPEcLRray3kdAc-iBKhxVjizMBCEwWrC9-WOqgqej0LtoyZIRi-Vcaj8gd/s16000/google%20meet.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup10">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibFgTOjIDqdIlrIwicUMnOE_oFAlh1rqGfm5uNtVgw1wNrvXDXdJrpNYv8OPIKNo69xyA8wXS_a8Bs_qqUdSqvnzKEBdHYF-IRMxjMG2acz6K8Ic3CW9z_oFQjufYp33up3vQupVHY9KfTWB66CZB8hpJxQCjVbLXzZmDG6BEkWFBKo5lyFi9XN1Q8Be7c/s16000/sites.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup11">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_IjbphltB3buOZUh7DEeVOQ_DQ7UWHYePxVq7Iu5-9jiUF5bqL3C111osNoYGFxW63RP6xuyX9AI98cu3uiAFz7pIz9SVhoBDMWot4mEuWdJAe0GP5pG0SFJP_ii8wnP8JrxXN_6FclnYhRK63ANnmNVXPu3Z0xZ0_TS3DLtJxNzh8h2wPRQSAyUEyM_y/s16000/classroom.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<div id="popup12">
    <div class="popup-container">
    <center>
        <a href="#"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh45bWHRRviHcES4NrVFcaLzuRik2g9yXoBQlW-81f4HfuqYjwwkvdRZCY8APrv7UcTMZg99CRBRtgXkk1rN-5MDOtmQxafFMJcAAyv2GQNTzZ9sv1fIG5otlSpeVaDH7aaH02vIrE9jaqbKNug7MniWPFXxvqMXe8eZobOBGczcakxG_fLAKUvUKih2HDh/s16000/group.png" /></a>
    </center>
    <a class="popup-close" href="#close">X</a>
</div>
</div>

<style>
#popup, #popup2,#popup3,#popup4,#popup5,#popup6,#popup7,#popup8,#popup9,#popup10,#popup11,#popup12{visibility: hidden;opacity: 0;margin-top: 0;}
#popup:target,#popup2:target,#popup3:target,#popup4:target,#popup5:target,#popup6:target,#popup7:target,#popup8:target,#popup9:target,#popup10:target,#popup11:target,#popup12:target {visibility:visible;opacity: 1;background-color: rgba(0,0,0,0.8); 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;}
.popup-container {position:absolute;top:45%;left:50%;padding:10px;transform:translate(-50%,-45%);background-color:#fff;border-radius:.5rem;max-width:600px;width:90%;box-shadow:inset 0 2px 6px 0 rgba(49,53,59,.12);max-height:calc(100vh - 100px);overflow:hidden;margin:auto;overflow-x:hidden;overflow-y:auto}
a.popup-close {position: absolute; top:3px; right:3px; background-color: #333; opacity:0.5; padding:7px 10px; font-size: 20px; text-decoration: none; line-height: 1; color:#fff; border-radius: 5px}
@media (max-width:767px) {
.popup-container {width:300px;padding:10px 10px;}
}
</style>
<!-- AKHIR POPUP -->
</div>
</div><div class='widget HTML' data-version='2' id='HTML1'>
<h3 class='title'>
Footer
</h3>
<div class='widget-content'>
<!-- AWAL FOOTER -->
<div class="footer fitur latar-biru style5"  id="contact">
    <div class="konten kecil">
<div class="kol-13 box">
            <p class="garis-putih putih tebal normal">Alamat Sekolah</p>
            <p> Jl. Telekomunikasi - Terusan Buahbatu Desa Sukapura Kec. Dayeuh Kolot Kab. Bandung Prov. Jawa Barat 40257</p>
        </div>

        <div class="kol-13 box">
            <p class="garis-putih putih tebal normal">Kontak Kami</p>
            <ul class="fa-ul">
                <li><i class="fa-li bi bi-telephone-fill"></i> (022) 88884028</li>

<li><i class="fa-li bi bi-envelope-fill"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c6afa8a0a986b5b2afb5afb2a3aaada9abe8a7a5e8afa2">[email&#160;protected]</a>
</li>
            </ul>
        </div>
        <div class="kol-13 box">
            <p class="garis-putih putih tebal normal">Social Media</p>
            
<a href="#" class="pad"><i class="fa bi-facebook icon-bulat-biru latar-putih icon-btn sorot-keatas"></i></a>
            <a href="#" class="pad"><i class="fa bi-instagram icon-bulat-merahmuda latar-putih icon-btn sorot-keatas"></i></a>
            <a href="#" class="pad"><i class="fa bi-youtube icon-bulat-merah latar-putih icon-btn sorot-keatas"></i></a>
            <a href="#" class="pad"><i class="fa bi-tiktok icon-bulat-hitam latar-putih icon-btn sorot-keatas"></i></a>
        </div>
        
    </div>
</div>
<!-- AKHIR FOOTER -->
</div>
</div><div class='widget HTML' data-version='2' id='HTML8'>
<h3 class='title'>
WhatsApp Chat Melayang
</h3>
<div class='widget-content'>
<div class="chatfixed">
<a target="_blank" href='https://wa.me/6288884028' title="Hubungi Kami Via WhatsApp">
<i class='bi bi-whatsapp btn-chat animated rubberBand infinite'></i>
</a>
</div>

<style>
.btn-chat {font-size:48px;border: 0 solid #049c2f;color:white;background: #049c2f;padding:0;cursor: pointer;display:inline-block;  -webkit-transition-duration: 0.4s; transition-duration: 0.4s;border-radius:50%;float:left;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));transition:all .5s ease 50ms;}
.btn-chat:hover {border: 0 solid #049c2f; background-color: #ffffff; color: #049c2f;transition:all .5s ease 50ms;}
.chatfixed{line-height:0px;position:fixed;bottom:20px;z-index: 999999;right:20px;}
@media (max-width:480px){
.chatfixed{bottom:75px}
}
</style>
</div>
</div></div>
</div>
<footer id='copyright'>
Copyright &#169; <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type='text/javascript'>var creditsyear = new Date();document.write(creditsyear.getFullYear());</script>
<a href='https://www.stisitelkom.ac.id/'>STISI TELKOM</a>. All rights reserved.
</footer>
<div class='back-to-top'><a href='#' id='back-to-top' title='back to top'><i class='bi bi-chevron-up'></i></a></div>
<script> $(window).scroll(function() { if($(this).scrollTop() > 300) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); $('#back-to-top').hide().click(function() { $('html, body').animate({scrollTop:0}, 1000); return false; }); </script><script>
$(window).scroll(function() { if($(this).scrollTop() > 300) { $('#back-to-top').fadeIn(); } else { $('#back-to-top').fadeOut(); } }); $('#back-to-top').hide().click(function() { $('html, body').animate({scrollTop:0}, 1000); return false; }); 
$('.anchor').click(function(){ $("html, body").animate({ scrollTop: $(this.hash).offset().top }, 1000); return false;});
</script>
<script>
//<![CDATA[
function thumbnyabener(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r]}thumbnyabener("headermenu",1600);function thumbnyabener(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r]}thumbnyabener("landingpage",1600);function thumbnyabener(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r]}thumbnyabener("outer-wrapper",1600);function thumbnyabener(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r]}thumbnyabener("Footer",1600);$("#Night").click(function(){$("body").toggleClass('Night');});$(window).on("scroll", function(){if($(window).scrollTop() > 100){$(".headermenu").addClass("discroll");} else {$(".headermenu").removeClass("discroll");}});function darkmode(){$('body').addClass('Night');localStorage.setItem("mode", "dark");}function nodark(){$('body').removeClass('Night');localStorage.setItem("mode", "light");}if(localStorage.getItem("mode")=="dark")darkmode();else nodark();$('#Night').change(function(){if ($(this).prop('checked')){darkmode();}else{nodark();}});//]]>
</script>
<script>
let menu = document.querySelector('#menu-btn');let navbar = document.querySelector('.navbar');menu.onclick = () =>{menu.classList.toggle('bi-x-lg');navbar.classList.toggle('active');}
window.onscroll = () =>{menu.classList.remove('bi-x-lg');navbar.classList.remove('active');}
</script>

<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/1671891383-widgets.js"></script>
<script type='text/javascript'>
window['__wavt'] = 'AOuZoY5c4ZK9-i7-GnjEgxcImT6yeUyN5g:1710517214267';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d414308150541503240','//www.stisitelkom.ac.id/','414308150541503240');
_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '414308150541503240', 'title': 'STISI TELKOM', 'url': 'https://www.stisitelkom.ac.id/', 'canonicalUrl': 'https://www.stisitelkom.ac.id/', 'homepageUrl': 'https://www.stisitelkom.ac.id/', 'searchUrl': 'https://www.stisitelkom.ac.id/search', 'canonicalHomepageUrl': 'https://www.stisitelkom.ac.id/', 'blogspotFaviconUrl': 'https://www.stisitelkom.ac.id/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': '', 'encoding': 'UTF-8', 'locale': 'id', 'localeUnderscoreDelimited': 'id', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22STISI TELKOM - Atom\x22 href\x3d\x22https://www.stisitelkom.ac.id/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22STISI TELKOM - RSS\x22 href\x3d\x22https://www.stisitelkom.ac.id/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22STISI TELKOM - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/414308150541503240/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/aae4e6dd9baa8dcc', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Dapatkan link', 'key': 'link', 'shareMessage': 'Dapatkan link', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': 'Bagikan ke Facebook', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'Twitter', 'key': 'twitter', 'shareMessage': 'Bagikan ke Twitter', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': 'Bagikan ke Pinterest', 'target': 'pinterest'}, {'name': 'Email', 'key': 'email', 'shareMessage': 'Email', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27id\x27};\x3c/script\x3e'}, 'hasCustomJumpLinkMessage': false, 'jumpLinkMessage': 'Baca selengkapnya', 'pageType': 'index', 'pageName': '', 'pageTitle': 'STISI TELKOM'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Edit', 'linkCopiedToClipboard': 'Tautan disalin ke papan klip!', 'ok': 'Oke', 'postLink': 'Tautan Pos'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Khusus', 'isResponsive': false, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'STISI TELKOM', 'description': '', 'url': 'https://www.stisitelkom.ac.id/', 'type': 'feed', 'isSingleItem': false, 'isMultipleItems': true, 'isError': false, 'isPage': false, 'isPost': false, 'isHomepage': true, 'isArchive': false, 'isLabelSearch': false}}]);
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'Header Menu', document.getElementById('HTML9'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'Landing Page home', document.getElementById('HTML2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'Landing Page home', document.getElementById('HTML3'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'Postingan', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false, 'lightboxEnabled': true, 'lightboxModuleUrl': 'https://www.blogger.com/static/v1/jsbin/2897207460-lbx.js', 'lightboxCssUrl': 'https://www.blogger.com/static/v1/v-css/3268905543-lightbox_bundle.css'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'Postingan', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Mengirim...', 'contactFormMessageSentMsg': 'Pesan sudah dikirim.', 'contactFormMessageNotSentMsg': 'Pesan tidak dapat dikirim. Coba lagi nanti.', 'contactFormInvalidEmailMsg': 'Alamat email harus valid.', 'contactFormEmptyMessageMsg': 'Bidang pesan harus diisi.', 'title': 'Formulir Kontak', 'blogId': '414308150541503240', 'contactFormNameMsg': 'Nama', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Pesan', 'contactFormSendMsg': 'Kirim', 'contactFormToken': 'AOuZoY5weQDcbloCA_J-S7GJu89gmaXhtw:1710517214273', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_BlogSearchView', new _WidgetInfo('BlogSearch1', 'Sidebar Post', document.getElementById('BlogSearch1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_PopularPostsView', new _WidgetInfo('PopularPosts2', 'Sidebar Post', document.getElementById('PopularPosts2'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'Footer', document.getElementById('HTML4'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML1', 'Footer', document.getElementById('HTML1'), {}, 'displayModeFull'));
_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'Footer', document.getElementById('HTML8'), {}, 'displayModeFull'));
</script>
</body>
</html>