/** css **/ @font-face {font-family: "San Francisco"; font-weight: 400; src: url("../FONT/San Fransisco.woff");} html,body,address,blockquote,input,div,dl,form,h1,h2,h3,h4,h5,h6,ol,pre,table,dd,dt,li,tbody,td,tfoot,th,thead,tr,button,del,ins,map,object,abbr,acronym,b,bdo,big,br,cite,code,dfn,em,i,img,kbd,q,samp,small,span,sub,sup,tt,var,legend,fieldset{box-sizing:border-box;font-weight:400;margin:0;padding:0;font-family:San Francisco,helvetica,sans-serif} a:hover,a:active,a:focus,a:link,a:visited{outline:none;text-decoration:none;color:#333;font-weight:auto;} *{transition: background 0.5s linear;} @media (min-width: 1200px) { .container{ max-width: 1100px; } } input:focus,select:focus,textarea:focus,button:focus{outline:none;} input::-webkit-input-placeholder{color:#ccc;font-weight:400;} img,abbr{border:0;text-decoration:none;max-width:100%;height:auto;} img.alignleft{float:left;margin-right:10px;} img.alignright{float:right;margin-left:10px;} .clear::after,.after::after{content:'';display:block;clear:both;} ._fr{float:right} ._fl{float:left} ._ml{margin-left:10px} ._mr{margin-right:10px} .table-row{display:table-row} .table-cell{display:table-cell;vertical-align:top} .table{display:table;width:100%} .hide,.hidden{display:none} .bg1{ background-color: #7E007E; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='317' height='317' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%239B009B' stroke-width='2.2'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23730073'%3E%3Ccircle cx='769' cy='229' r='11'/%3E%3Ccircle cx='539' cy='269' r='11'/%3E%3Ccircle cx='603' cy='493' r='11'/%3E%3Ccircle cx='731' cy='737' r='11'/%3E%3Ccircle cx='520' cy='660' r='11'/%3E%3Ccircle cx='309' cy='538' r='11'/%3E%3Ccircle cx='295' cy='764' r='11'/%3E%3Ccircle cx='40' cy='599' r='11'/%3E%3Ccircle cx='102' cy='382' r='11'/%3E%3Ccircle cx='127' cy='80' r='11'/%3E%3Ccircle cx='370' cy='105' r='11'/%3E%3Ccircle cx='578' cy='42' r='11'/%3E%3Ccircle cx='237' cy='261' r='11'/%3E%3Ccircle cx='390' cy='382' r='11'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: coverf; } .bg2{ background-color:rgb(206, 80, 82); } /** PAGE **/ #page{margin:0 auto;position:relative;background:#fff;box-shadow:0px 4px 12px rgba(0,0,0,0.2)} #header{padding:50px 20px 10px;box-shadow:0px 2px 2px #eee} #header h1{font-size:25px;font-weight:bold;color:#eee} #header h1 a{color:#fff} #header h1 span{display:block} #header h1 span.t1{font-weight:bold} #header h1 span.t2{font-weight:normal} #header .table-row{width:100%} #header .container{display:table;width:100%} #header .header-left img{width:50px;float:left;margin-right:10px} #header .header-left{width:500px;padding-top:10px} .header-desc{color:#eee;font-size:12px} /** MENU **/ #nav-top{background:#000;position:fixed;top:0;left:0;right:0;z-index:98;box-shadow:0px 2px 3px rgba(0,0,0,0.5)} .main_nav a{color:#fff} .main_nav_menu{width:calc(100% - 200px);float:left} .main_nav_menu ul{list-style:none;padding:0;margin:0;font-size:14px} .main_nav_menu ul li{position:relative} .main_nav_menu > ul > li{float:left;display:block} .main_nav_menu > ul > li > ul{display:none;position:absolute;background:#ddd;box-shadow:2px 2px 2px #555;width:200px} .main_nav_menu > ul > li > ul:before{content:"";display:block;width:0;height:0;border-style:solid;border-width:0 5px 5px;border-color:transparent transparent #ddd;position:absolute;top:-5px;left:25px} .main_nav_menu > ul > li > ul > li > ul{display:none;position:absolute;background:#eee;top:0;left:200px;width:200px;box-shadow:2px 2px 2px #555} .main_nav_menu > ul > li:hover > ul{display:block} .main_nav_menu > ul > li > ul > li:hover > ul{display:block} .main_nav_menu > ul > li > a{display:block;padding:10px 20px 10px;text-transform:uppercase} .main_nav_menu > ul > li > ul li{border-bottom:1px dotted #ccc;display:block} .main_nav_menu > ul > li > ul li a{display:block;padding:5px 20px;color:#000} .main_nav_search{width:200px;float:right;padding:6px 0} .main_nav_menu > ul > li.menu-item-has-children > a:after{content:"\f0dd";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:10px;color:#aaa !important;top:-3px;position:relative} .main_nav_menu > ul > li > ul > li.menu-item-has-children > a:after{content:"\f0da";font-family:FontAwesome;font-style:normal;font-weight:400;text-decoration:inherit;padding-left:10px;position:absolute;right:10px} .main_nav_search_wrap{background:rgba(255,255,255,0.3);padding:0 5px 0 15px;border-radius:10px;font-size:12px} .main_nav_search_wrap input{background:none;padding:0 5px;border:none;width:calc(100% - 40px);color:#ccc} .main_nav_search_wrap button{background:none;padding:5px 0;border:none;width:30px;color:#fff} .main_nav_header{display:none} .main_nav_header .hide{display:inline-block} .dekstop .main_nav_menu > ul > li.current_page_item > a, .dekstop .main_nav_menu > ul > li.current-menu-item > a, .dekstop .main_nav_menu > ul > li.current-menu-ancestor > a, .dekstop .main_nav_menu > ul > li.current-menu-parent > a{background:#444 !important;border-top:1px solid orange} /** MENU LAYANAN **/ #pelayanan{margin:0;padding:4px 0 10px;text-align:center} #pelayanan .col-sm{padding:0} #pelayanan a{display:block;line-height:10px} #pelayanan a span{color:#eee;display:block;font-weight:bold;display:block;font-size:12px} #pelayanan .col-sm .l-content{;font-weight:bold;font-size:14px;padding:5px;display:block;text-align:center} #pelayanan .fa{color:#eee;font-size:20px;display:block;margin:0 auto 5px;width:45px;background:rgba(0,0,0,0.05);padding:15px 10px;border-radius:50px;line-height:15px} /** CONTAINER **/ #container{padding:0;} #container .container{padding-top:20px;position:relative} #container .container::after{content:'';display:block;clear:both} #content{width:calc(100% - 320px);float:left} #content.full{width:100%;float:none} /**CONTENT**/ #content .post{} #content .single .post{text-align:justify} #content .post img{width:100%} #content .breadcrumbs{font-size:11px} #content .post ul,#content .post ol{padding-left:30px;font-color:#555;margin:10px 0;} #content .post li{color:#3A60A4;font-size:14px;} /** RELATED **/ #related-post{margin:20px 0} #related-post h2{color:#000;font-size:25px;margin:0 0 20px} #related-post li{padding:2px 0} #related-post ul{padding-left:10px;border-left:1px dotted #ddd;list-style:none;margin-left:15px} #related-post .card .card{width:40%;float:left} #related-post a{color:#444} /** SIDEBAR **/ #sidebar{width:300px;float:right;} #sidebar h2,.index-h2{padding:0 10px;font-size:15px;color:#000;text-transform:uppercase;font-weight:bold;border-bottom:3px solid #ddd;padding:5px 10px; background-color: #4a0a45; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='250' viewBox='0 0 1080 900'%3E%3Cg fill-opacity='0.06'%3E%3Cpolygon fill='%23444' points='90 150 0 300 180 300'/%3E%3Cpolygon points='90 150 180 0 0 0'/%3E%3Cpolygon fill='%23AAA' points='270 150 360 0 180 0'/%3E%3Cpolygon fill='%23DDD' points='450 150 360 300 540 300'/%3E%3Cpolygon fill='%23999' points='450 150 540 0 360 0'/%3E%3Cpolygon points='630 150 540 300 720 300'/%3E%3Cpolygon fill='%23DDD' points='630 150 720 0 540 0'/%3E%3Cpolygon fill='%23444' points='810 150 720 300 900 300'/%3E%3Cpolygon fill='%23FFF' points='810 150 900 0 720 0'/%3E%3Cpolygon fill='%23DDD' points='990 150 900 300 1080 300'/%3E%3Cpolygon fill='%23444' points='990 150 1080 0 900 0'/%3E%3Cpolygon fill='%23DDD' points='90 450 0 600 180 600'/%3E%3Cpolygon points='90 450 180 300 0 300'/%3E%3Cpolygon fill='%23666' points='270 450 180 600 360 600'/%3E%3Cpolygon fill='%23AAA' points='270 450 360 300 180 300'/%3E%3Cpolygon fill='%23DDD' points='450 450 360 600 540 600'/%3E%3Cpolygon fill='%23999' points='450 450 540 300 360 300'/%3E%3Cpolygon fill='%23999' points='630 450 540 600 720 600'/%3E%3Cpolygon fill='%23FFF' points='630 450 720 300 540 300'/%3E%3Cpolygon points='810 450 720 600 900 600'/%3E%3Cpolygon fill='%23DDD' points='810 450 900 300 720 300'/%3E%3Cpolygon fill='%23AAA' points='990 450 900 600 1080 600'/%3E%3Cpolygon fill='%23444' points='990 450 1080 300 900 300'/%3E%3Cpolygon fill='%23222' points='90 750 0 900 180 900'/%3E%3Cpolygon points='270 750 180 900 360 900'/%3E%3Cpolygon fill='%23DDD' points='270 750 360 600 180 600'/%3E%3Cpolygon points='450 750 540 600 360 600'/%3E%3Cpolygon points='630 750 540 900 720 900'/%3E%3Cpolygon fill='%23444' points='630 750 720 600 540 600'/%3E%3Cpolygon fill='%23AAA' points='810 750 720 900 900 900'/%3E%3Cpolygon fill='%23666' points='810 750 900 600 720 600'/%3E%3Cpolygon fill='%23999' points='990 750 900 900 1080 900'/%3E%3Cpolygon fill='%23999' points='180 0 90 150 270 150'/%3E%3Cpolygon fill='%23444' points='360 0 270 150 450 150'/%3E%3Cpolygon fill='%23FFF' points='540 0 450 150 630 150'/%3E%3Cpolygon points='900 0 810 150 990 150'/%3E%3Cpolygon fill='%23222' points='0 300 -90 450 90 450'/%3E%3Cpolygon fill='%23FFF' points='0 300 90 150 -90 150'/%3E%3Cpolygon fill='%23FFF' points='180 300 90 450 270 450'/%3E%3Cpolygon fill='%23666' points='180 300 270 150 90 150'/%3E%3Cpolygon fill='%23222' points='360 300 270 450 450 450'/%3E%3Cpolygon fill='%23FFF' points='360 300 450 150 270 150'/%3E%3Cpolygon fill='%23444' points='540 300 450 450 630 450'/%3E%3Cpolygon fill='%23222' points='540 300 630 150 450 150'/%3E%3Cpolygon fill='%23AAA' points='720 300 630 450 810 450'/%3E%3Cpolygon fill='%23666' points='720 300 810 150 630 150'/%3E%3Cpolygon fill='%23FFF' points='900 300 810 450 990 450'/%3E%3Cpolygon fill='%23999' points='900 300 990 150 810 150'/%3E%3Cpolygon points='0 600 -90 750 90 750'/%3E%3Cpolygon fill='%23666' points='0 600 90 450 -90 450'/%3E%3Cpolygon fill='%23AAA' points='180 600 90 750 270 750'/%3E%3Cpolygon fill='%23444' points='180 600 270 450 90 450'/%3E%3Cpolygon fill='%23444' points='360 600 270 750 450 750'/%3E%3Cpolygon fill='%23999' points='360 600 450 450 270 450'/%3E%3Cpolygon fill='%23666' points='540 600 630 450 450 450'/%3E%3Cpolygon fill='%23222' points='720 600 630 750 810 750'/%3E%3Cpolygon fill='%23FFF' points='900 600 810 750 990 750'/%3E%3Cpolygon fill='%23222' points='900 600 990 450 810 450'/%3E%3Cpolygon fill='%23DDD' points='0 900 90 750 -90 750'/%3E%3Cpolygon fill='%23444' points='180 900 270 750 90 750'/%3E%3Cpolygon fill='%23FFF' points='360 900 450 750 270 750'/%3E%3Cpolygon fill='%23AAA' points='540 900 630 750 450 750'/%3E%3Cpolygon fill='%23FFF' points='720 900 810 750 630 750'/%3E%3Cpolygon fill='%23222' points='900 900 990 750 810 750'/%3E%3Cpolygon fill='%23222' points='1080 300 990 450 1170 450'/%3E%3Cpolygon fill='%23FFF' points='1080 300 1170 150 990 150'/%3E%3Cpolygon points='1080 600 990 750 1170 750'/%3E%3Cpolygon fill='%23666' points='1080 600 1170 450 990 450'/%3E%3Cpolygon fill='%23DDD' points='1080 900 1170 750 990 750'/%3E%3C/g%3E%3C/svg%3E"); background-attachment:fixed } #sidebar h2 span,.index-h2 span{color:#eee} #sidebar .widget{margin:0 0 20px} #sidebar .load_c{background:#fff;padding:0 0} #sidebar .load_c .info_post{font-size:9px;color:#999} #sidebar .load_c .info_post a{color:#eee;padding:0 5px;border-radius:1px;box-shadow:1px 1px 2px #ccc;text-transform:uppercase} #sidebar .load_c .info_post ._ml{display:none} #sidebar .load_c .table-cell:first-child{width:120px;padding-right:10px} #sidebar .load_c .table-cell{border-bottom:1px solid #eee;padding:15px 0} #sidebar .load_c .art_title{font-size:14px;line-height:20px} #sidebar .load_c .time_ago{font-size:11px;display:block;color:#aaa} #sidebar a{color:#444} #sidebar #Cwpb_foto-2 .carousel-item{padding:10px;border:1px dotted #ddd;background:#eee} .widget.widget_categories ul {list-style:none;padding:0} .widget.widget_categories ul li{display:block;border:1px solid #ddd;margin:5px 0;text-align:right;padding:5px 10px 5px 0;color:#111;box-shadow:1px 1px 1px rgba(0,0,0,0.1)} .widget.widget_categories ul li:after{content:"";display:block;clear:both} .widget.widget_categories ul li a{display:block;width:calc(100% - 50px);float:left;text-align:left;padding:0px 10px;color:orange !important} .widget.widget_search form{background:#eee;border:1px solid #ddd;padding:10px;position:relative} .widget.widget_search .screen-reader-text{display:none} .widget.widget_search #s{width:100%;border:1px solid orange;padding:5px} .widget.widget_search #searchsubmit{position:absolute;top:11px;right:10px;padding:5px 10px;border:none;background:orange;font-weight:bold;color:#fff} /**HOME PAGE**/ #first-news{margin:0 0 10px} .carousel-item img{width:100%} .f-h2{position:absolute;left:5px;top:5px;z-index:9;background:#F63E40;padding:5px 20px;color:#fff;font-size:14px;box-shadow:2px 2px 2px #444} .carousel-item{position:relative} .carousel-item::after{content:'';display:block;background:linear-gradient(0deg, rgba(0,0,0,1) 1%, rgba(253,187,45,0) 33%);;;position:absolute;left:0;right:0;top:0;bottom:0} .carousel-indicators .active{background-color: #f00;} .carousel-caption{padding:10px !important;background:} .carousel-caption h3{font-size:18px} .carousel-caption h3 a{color:#fff !important} .carousel-caption p{margin:0;font-size:11px;color:#ccc} .swiper-container{background:#fff} .swiper-container h2{margin:10px 0} .swiper-container .art_title{font-size:14px;margin:2px 0 15px} .swiper-container p{font-size:12px;line-height:18px;border-left:3px solid #ddd;padding-left:10px;margin:0} #berita{width:58%;float:left;margin:10px 0 0} #pengumuman{width:40%;float:right;margin:10px 0 0} /** Home Article **/ .news-article .table-row{width:100%} .news-article .table-cell{border-bottom:1px solid #ddd;padding:10px 0} .news-article .table-cell:first-child{width:90px;padding-right:10px} .news-article .post{text-align:left;width:100%;margin:0 0 5px;padding:10px 0} .news-article .post h2{font-size:13px;font-weight:bold;margin:0 0 2px} .news-article .table-row.item-1{display:block;margin:0;} .news-article .table-row.item-1 .table-cell{display:block;padding:10px 0;border-bottom:1px solid #ddd} .news-article .table-row.item-1 .table-cell:first-child{width:100%;padding-right:0;border:0px solid red;border-bottom:0px;padding:0} .news-article .table-row.item-1 .table-cell:first-child img{border:0px solid #ccc0} .news-article .table-row.item-1 h2 {font-size:15px} .news-article .table-row.item-1 h2 a{color:#111} .news-article .next_category{display:block;clear:both;padding:2px;background:#eee;text-align:center;font-size:11px} #arsip .table-row{width:100%} #arsip .table-cell{border-bottom:1px dashed #ddd;padding:10px 0} #arsip .table-cell:first-child{width:140px;padding-right:10px} #arsip .post{text-align:left;width:100%;margin:0 0 5px;padding:10px 0} #arsip .post h2{font-size:19px;font-weight:normal;margin:0 0 2px;line-height:25px;margin:0 0 10px} #arsip .post img{box-shadow:2px 2px 1px rgba(0,0,0,0.1);border:3px solid #ddd} .info_post_index1{display:block} .info_post_index1 a{background:#eee;font-size:10px;color:#555;padding:3px 10px;margin-right:2px;border:1px solid #ddd} .info_post_index1a a.list-1{background:#eee;font-size:10px;color:#FFA500} .info_post_index2{color:#aaa;font-size:11px;display:block} .nextpage{display:block;clear:both;margin:5px 0 10px} .nextpage a{background:#eee;padding:10px;text-align:center;display:block;clear:both;width:100%} /*####PAGING######*/ .pagination{display:block;clear:both;text-align:center;padding:20px 0} .pagination span,.pagination a{background:#ddd;display:inline-block;padding:5px 15px;margin:0 2px;border-bottom:1px solid #ccc} .pagination span{background:#FF960C;color:#fff} .pagination span.current{background:#bbb;color:#555} /*SINGLE*/ #content h1{margin:0 0 10px;font-size:26px;color:#F8BD63;font-weight:bold} #content h1 a{color:#7E007E} .single_info .info_post{font-size:13px;color:#999} .single_info .info_post a{background:none;font-size:25px;;padding:10px 0;color:red !important;display:inline-block} .single_info .info_post span{float:right;margin-top:20px} .single ul,.single ol{padding:5px 10px 5px 50px} .single .post{text-align:justify} .single .image_poster{border-bottom:5px solid #7E007E;margin:0 0 10px} /** Box Author **/ .box-author{border:1px solid #eee;box-shadow:2px 2px 3px rgba(0,0,0,0.1);line-height:20px;margin:10px 0 0; position:relative; } .box-author .avatar{width:70px;padding:10px;background:#eee} .box-author .avatar img{border-radius:110px;;width:50px;height:50px} .contact_us a{background:#fff;box-shadow:1px 1px 1px #ddd;display:inline-block;padding:1px;border:1px solid #ddd;width:35px;line-height:30px;border-radius:25px;text-align:center;float:left;margin-right:10px} .contact_us{padding:8px 0;text-align:center;position:absolute;top:10px;right:10px} .box-author strong{color:#222} .box-author strong span{color:#ccc;margin-left:10px;font-size:12px} .box-author .citie{color:#aaa;display:block} .info_user{padding:15px;font-size:13px} /**TAGS**/ .tags{font-weight:bold;color:#999;padding:10px 0;font-size:13px} .tags a{color:#999;padding:2px 15px;background:#eee;border-radius:15px;margin:0 5px;box-shadow:2px 1px 1px#ccc} .tags a::before{content:"#"} #footer{ background-color: #78236b; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 100 60'%3E%3Cg %3E%3Crect fill='%2378236b' width='11' height='11'/%3E%3Crect fill='%23762369' x='10' width='11' height='11'/%3E%3Crect fill='%23742267' y='10' width='11' height='11'/%3E%3Crect fill='%23722265' x='20' width='11' height='11'/%3E%3Crect fill='%23702263' x='10' y='10' width='11' height='11'/%3E%3Crect fill='%236e2262' y='20' width='11' height='11'/%3E%3Crect fill='%236b2160' x='30' width='11' height='11'/%3E%3Crect fill='%2369215e' x='20' y='10' width='11' height='11'/%3E%3Crect fill='%2367215c' x='10' y='20' width='11' height='11'/%3E%3Crect fill='%2365205a' y='30' width='11' height='11'/%3E%3Crect fill='%23632058' x='40' width='11' height='11'/%3E%3Crect fill='%23612057' x='30' y='10' width='11' height='11'/%3E%3Crect fill='%235f1f55' x='20' y='20' width='11' height='11'/%3E%3Crect fill='%235d1f53' x='10' y='30' width='11' height='11'/%3E%3Crect fill='%235b1f51' y='40' width='11' height='11'/%3E%3Crect fill='%23591e4f' x='50' width='11' height='11'/%3E%3Crect fill='%23571e4e' x='40' y='10' width='11' height='11'/%3E%3Crect fill='%23551d4c' x='30' y='20' width='11' height='11'/%3E%3Crect fill='%23531d4a' x='20' y='30' width='11' height='11'/%3E%3Crect fill='%23511d48' x='10' y='40' width='11' height='11'/%3E%3Crect fill='%234f1c46' y='50' width='11' height='11'/%3E%3Crect fill='%234d1c45' x='60' width='11' height='11'/%3E%3Crect fill='%234b1b43' x='50' y='10' width='11' height='11'/%3E%3Crect fill='%23491b41' x='40' y='20' width='11' height='11'/%3E%3Crect fill='%23471b40' x='30' y='30' width='11' height='11'/%3E%3Crect fill='%23451a3e' x='20' y='40' width='11' height='11'/%3E%3Crect fill='%23431a3c' x='10' y='50' width='11' height='11'/%3E%3Crect fill='%2341193a' x='70' width='11' height='11'/%3E%3Crect fill='%23401939' x='60' y='10' width='11' height='11'/%3E%3Crect fill='%233e1837' x='50' y='20' width='11' height='11'/%3E%3Crect fill='%233c1835' x='40' y='30' width='11' height='11'/%3E%3Crect fill='%233a1834' x='30' y='40' width='11' height='11'/%3E%3Crect fill='%23381732' x='20' y='50' width='11' height='11'/%3E%3Crect fill='%23361730' x='80' width='11' height='11'/%3E%3Crect fill='%2334162f' x='70' y='10' width='11' height='11'/%3E%3Crect fill='%2332162d' x='60' y='20' width='11' height='11'/%3E%3Crect fill='%2331152b' x='50' y='30' width='11' height='11'/%3E%3Crect fill='%232f152a' x='40' y='40' width='11' height='11'/%3E%3Crect fill='%232d1428' x='30' y='50' width='11' height='11'/%3E%3Crect fill='%232b1426' x='90' width='11' height='11'/%3E%3Crect fill='%23291325' x='80' y='10' width='11' height='11'/%3E%3Crect fill='%23271323' x='70' y='20' width='11' height='11'/%3E%3Crect fill='%23261222' x='60' y='30' width='11' height='11'/%3E%3Crect fill='%23241220' x='50' y='40' width='11' height='11'/%3E%3Crect fill='%2322111f' x='40' y='50' width='11' height='11'/%3E%3Crect fill='%2320111d' x='90' y='10' width='11' height='11'/%3E%3Crect fill='%231f101c' x='80' y='20' width='11' height='11'/%3E%3Crect fill='%231d0f1a' x='70' y='30' width='11' height='11'/%3E%3Crect fill='%231c0e19' x='60' y='40' width='11' height='11'/%3E%3Crect fill='%231a0d17' x='50' y='50' width='11' height='11'/%3E%3Crect fill='%23180c15' x='90' y='20' width='11' height='11'/%3E%3Crect fill='%23160a14' x='80' y='30' width='11' height='11'/%3E%3Crect fill='%23140912' x='70' y='40' width='11' height='11'/%3E%3Crect fill='%23120810' x='60' y='50' width='11' height='11'/%3E%3Crect fill='%2310060e' x='90' y='30' width='11' height='11'/%3E%3Crect fill='%230d050b' x='80' y='40' width='11' height='11'/%3E%3Crect fill='%230a0409' x='70' y='50' width='11' height='11'/%3E%3Crect fill='%23070306' x='90' y='40' width='11' height='11'/%3E%3Crect fill='%23030103' x='80' y='50' width='11' height='11'/%3E%3Crect fill='%23000000' x='90' y='50' width='11' height='11'/%3E%3C/g%3E%3C/svg%3E"); background-attachment: fixed; background-size: cover; padding:10px 0 0;color:#ccc; } .footer_l{width:calc(100% - 430px);float:left;line-height:33px;font-size:12px} .footer_l p{margin:0} .footer_r{width:400px;float:right;text-shadow:2px 2px 2px #000;} .social_footer{text-align:right} .social_footer a{background:rgba(0,0,0,0.1);border:0px solid rgba(255,255,255,0.1);width:40px;padding:5px;display:inline-block;color:#ccc;margin:0 0 8px;font-size:16px;text-align:center;box-shadow:3px 3px 3px rgba(0,0,0,0.1)} #footer-2{background:rgba(0,0,0,0.5);text-align:center;padding:2px 0 8px;color:#888} #footer-2 h3{margin:0 0 10px;font-size:15px} #footer-2 .link_footer a{color:#999;font-size:10px} .post .outlink{text-shadow:2px 2px 2px 2px rgba(0,0,0,0.5);text-decoration:underline;color:red;font-weight:bold} .post .outlink::after{content:" \00bb"} #arsip-page {} .swip-gallery{display:block;clear:both;text-align:center;background:red;padding:10px;margin:0 0 10px; background-color: #9e219e; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2000' height='2000' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke-opacity='0.18'%3E%3Cg stroke='%23661a5e' stroke-width='17'%3E%3Cline x1='-8' y1='-8' x2='808' y2='808'/%3E%3Cline x1='-8' y1='792' x2='808' y2='1608'/%3E%3Cline x1='-8' y1='-808' x2='808' y2='8'/%3E%3C/g%3E%3Cg stroke='%23691a61' stroke-width='16'%3E%3Cline x1='-8' y1='767' x2='808' y2='1583'/%3E%3Cline x1='-8' y1='17' x2='808' y2='833'/%3E%3Cline x1='-8' y1='-33' x2='808' y2='783'/%3E%3Cline x1='-8' y1='-783' x2='808' y2='33'/%3E%3C/g%3E%3Cg stroke='%236c1a64' stroke-width='15'%3E%3Cline x1='-8' y1='742' x2='808' y2='1558'/%3E%3Cline x1='-8' y1='42' x2='808' y2='858'/%3E%3Cline x1='-8' y1='-58' x2='808' y2='758'/%3E%3Cline x1='-8' y1='-758' x2='808' y2='58'/%3E%3C/g%3E%3Cg stroke='%236e1a67' stroke-width='14'%3E%3Cline x1='-8' y1='67' x2='808' y2='883'/%3E%3Cline x1='-8' y1='717' x2='808' y2='1533'/%3E%3Cline x1='-8' y1='-733' x2='808' y2='83'/%3E%3Cline x1='-8' y1='-83' x2='808' y2='733'/%3E%3C/g%3E%3Cg stroke='%23711a6b' stroke-width='13'%3E%3Cline x1='-8' y1='92' x2='808' y2='908'/%3E%3Cline x1='-8' y1='692' x2='808' y2='1508'/%3E%3Cline x1='-8' y1='-108' x2='808' y2='708'/%3E%3Cline x1='-8' y1='-708' x2='808' y2='108'/%3E%3C/g%3E%3Cg stroke='%23741b6e' stroke-width='12'%3E%3Cline x1='-8' y1='667' x2='808' y2='1483'/%3E%3Cline x1='-8' y1='117' x2='808' y2='933'/%3E%3Cline x1='-8' y1='-133' x2='808' y2='683'/%3E%3Cline x1='-8' y1='-683' x2='808' y2='133'/%3E%3C/g%3E%3Cg stroke='%23771b71' stroke-width='11'%3E%3Cline x1='-8' y1='642' x2='808' y2='1458'/%3E%3Cline x1='-8' y1='142' x2='808' y2='958'/%3E%3Cline x1='-8' y1='-158' x2='808' y2='658'/%3E%3Cline x1='-8' y1='-658' x2='808' y2='158'/%3E%3C/g%3E%3Cg stroke='%237a1b75' stroke-width='10'%3E%3Cline x1='-8' y1='167' x2='808' y2='983'/%3E%3Cline x1='-8' y1='617' x2='808' y2='1433'/%3E%3Cline x1='-8' y1='-633' x2='808' y2='183'/%3E%3Cline x1='-8' y1='-183' x2='808' y2='633'/%3E%3C/g%3E%3Cg stroke='%237c1b78' stroke-width='9'%3E%3Cline x1='-8' y1='592' x2='808' y2='1408'/%3E%3Cline x1='-8' y1='192' x2='808' y2='1008'/%3E%3Cline x1='-8' y1='-608' x2='808' y2='208'/%3E%3Cline x1='-8' y1='-208' x2='808' y2='608'/%3E%3C/g%3E%3Cg stroke='%237f1b7b' stroke-width='8'%3E%3Cline x1='-8' y1='567' x2='808' y2='1383'/%3E%3Cline x1='-8' y1='217' x2='808' y2='1033'/%3E%3Cline x1='-8' y1='-233' x2='808' y2='583'/%3E%3Cline x1='-8' y1='-583' x2='808' y2='233'/%3E%3C/g%3E%3Cg stroke='%23821b7f' stroke-width='7'%3E%3Cline x1='-8' y1='242' x2='808' y2='1058'/%3E%3Cline x1='-8' y1='542' x2='808' y2='1358'/%3E%3Cline x1='-8' y1='-558' x2='808' y2='258'/%3E%3Cline x1='-8' y1='-258' x2='808' y2='558'/%3E%3C/g%3E%3Cg stroke='%23851b82' stroke-width='6'%3E%3Cline x1='-8' y1='267' x2='808' y2='1083'/%3E%3Cline x1='-8' y1='517' x2='808' y2='1333'/%3E%3Cline x1='-8' y1='-533' x2='808' y2='283'/%3E%3Cline x1='-8' y1='-283' x2='808' y2='533'/%3E%3C/g%3E%3Cg stroke='%23871b86' stroke-width='5'%3E%3Cline x1='-8' y1='292' x2='808' y2='1108'/%3E%3Cline x1='-8' y1='492' x2='808' y2='1308'/%3E%3Cline x1='-8' y1='-308' x2='808' y2='508'/%3E%3Cline x1='-8' y1='-508' x2='808' y2='308'/%3E%3C/g%3E%3Cg stroke='%238a1c89' stroke-width='4'%3E%3Cline x1='-8' y1='467' x2='808' y2='1283'/%3E%3Cline x1='-8' y1='317' x2='808' y2='1133'/%3E%3Cline x1='-8' y1='-333' x2='808' y2='483'/%3E%3Cline x1='-8' y1='-483' x2='808' y2='333'/%3E%3C/g%3E%3Cg stroke='%238d1c8d' stroke-width='3'%3E%3Cline x1='-8' y1='342' x2='808' y2='1158'/%3E%3Cline x1='-8' y1='442' x2='808' y2='1258'/%3E%3Cline x1='-8' y1='-458' x2='808' y2='358'/%3E%3Cline x1='-8' y1='-358' x2='808' y2='458'/%3E%3C/g%3E%3Cg stroke='%238f1c90' stroke-width='2'%3E%3Cline x1='-8' y1='367' x2='808' y2='1183'/%3E%3Cline x1='-8' y1='417' x2='808' y2='1233'/%3E%3Cline x1='-8' y1='-433' x2='808' y2='383'/%3E%3Cline x1='-8' y1='-383' x2='808' y2='433'/%3E%3C/g%3E%3Cg stroke='%23921c94' stroke-width='1'%3E%3Cline x1='-8' y1='392' x2='808' y2='1208'/%3E%3Cline x1='-8' y1='-408' x2='808' y2='408'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");} .swip-gallery a{width:20%;display:inline-block;margin:1%;border:4px solid #eee;box-shadow:3px 3px 3px rgba(0,0,0,0.4)} /** MOBILE **/ @media (max-width:800px){ /** MOBILE MENU **/ .main_nav_header{ } .main_nav_header{position:fixed;top:0;left:0;right:0;padding:12px;z-index:45;color:#eee;font-size:22px;text-align:center;display:block;box-shadow:0px 2px 2px rgba(0,0,0,0.7)} .main_nav_header .main_nav_mn{background:rgba(0,0,0,0.1);font-size:22px;position:absolute;top:0;right:0;padding:15px 15px;cursor:pointer} .main_nav_header .main_nav_tt img{width:34px;float:left;margin-right:9px} .main_nav_header .main_nav_tt {font-size:17px;text-align:left;display:block;line-height:20px;cursor:pointer} .main_nav_header .main_nav_tt u{display:block;text-decoration:none;font-weight:bold} .main_nav_header .main_nav_tt i{display:block;font-style:normal;font-size:11px} .main_nav_menu{position:fixed;top:0;left:0;width:100%;bottom:0;z-index:50;display:none;background:rgba(255,255,255,0.7)} .main_nav_menu .close_panel{border-bottom:2px solid #ccc;padding:10px 20px;display:block;font-weight:bold;font-size:18px;position:fixed;top:0;left:0;width:90%;background:#ddd;z-index:70} .main_nav_menu > ul {background:#fff;width:90%;position:absolute;top:0;left:0;bottom:0;overflow:auto;padding-top:50px;box-shadow:2px 2px 2px 3px rgba(0,0,0,0.5)} .main_nav_menu > ul > li {display:block;float:none;width:100%;border:none;} .main_nav_menu > ul > li a{color:#444;border-bottom:1px dotted #ddd;display:block;font-weight:bold;padding:5px 20px} .main_nav_menu > ul > li > ul{display:block;position:relative;box-shadow:none;width:100%;background:none} .main_nav_menu > ul > li > ul > li{border:none} .main_nav_menu > ul > li > ul > li > a:before{content:"-- "} .main_nav_menu > ul > li > ul > li ul > li > a:before{content:"---- "} .main_nav_menu > ul > li > ul > li > a{padding-left:20px;font-weight:normal} .main_nav_menu > ul > li > ul > li > ul{display:block;position:relative;box-shadow:none;left:0;width:100%;background:none} .main_nav_menu > ul > li > ul > li > ul > li{border:none} .main_nav_menu > ul > li > ul > li > ul > li a{padding-left:40px;font-weight:normal} .main_nav_menu li.menu-item-has-children > a:after{display:none} .main_nav_search{display:none} .main_nav_search_wrap{background:#eee;border:0px solid #555;padding:10px;border-radius:0} .main_nav_search_wrap button{color:#555;font-size:15px} .main_nav_search_wrap input{color:#555;font-size:13px} body{padding-top:45px} #page{overflow:hidden;} #header,.navbar-brand.pc{display:none} #main-nav .navbar-brand.mobile{display:block} #content,#sidebar{width:100%;float:none} .footer_l,.footer_r{width:100%;float:none} .social_footer{text-align:center} .box-author p,.contact_us{display:none} .mhide,.breadcrumbs{display:none} #content h1{text-align:left;font-size:23px;font-weight:bold;margin:5px 0 10px;line-height:35px;display:block;clear:both} #content h1 a{color:#21409A} .post.hentry.entry .image_poster{position:relative;left:-15px;width:calc(100% + 30px);margin:0 0 20px;clear:both} .single_info .info_post a{font-size:18px;padding:0;line-height:20px} .single_info .info_post span{position:relative;top:-20px;line-height:12px} .single_info .info_post{padding:20px 0 10px} #feat_news{position:relative;left:-15px;width:calc(100% + 30px);border-bottom:2px solid #aaa} .news-article .post h2{margin:0 0 3px} .news-article,#arsip{position:relative;left:-15px;width:calc(100% + 30px )} #arsip .table-cell{padding:10px 10px 10px 0} #arsip .table-cell:first-child{padding:10px} #arsip .index-h2{padding-left:10px;padding-top:10px} #arsip .post h2{font-size:16px} .carousel-caption.d-none.d-md-block{display:block !important;background:rgba(0,0,0,0.3);left:0px;right:0px;bottom:0px;} .carousel-caption.d-none.d-md-block p{display:none !important} .carousel-caption.d-none.d-md-block h3{text-align:center;font-size:14px;font-weight:bold} .f-h2{display:none} .carousel-caption.d-none.d-md-block h3 a{color:#ccc !important;} .carousel-indicators{display:none;} .swiper-container ._ml{display:none;} .swiper-container{position:relative;left:-15px;width:calc(100% + 30px)} .swiper-wrapper{padding:0 5px} .swip-gallery a{width:45%;display:inline-block;margin:1%;border:4px solid #eee;box-shadow:3px 3px 3px rgba(0,0,0,0.4)} }