/*
Theme Name: BAPPEDA Kabupaten Lamandau
Theme URI: http://www.gravis-design.com/ or http://www.milestoneseo.com/
Author: Gravis
Author URI: http://www.gravis-design.com/
Description: Theme for BAPPEDA Kabupaten Lamandau
Version: 1.0
License: Commercial
License URI: http://www.gravis-design.com/ or http://www.milestoneseo.com/sosmed_icon
Tags: blue, white
Text Domain: remodeling

/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus { outline: 0; }
body { background: #fff; line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: 0; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; }
audio:not([controls]) { display: none; }
del { color: #333; }
ins { background: #fff9c0; text-decoration: none; }
hr { background-color: #ccc; border: 0; height: 1px; margin: 24px auto; margin-bottom: 1.714285714rem; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
small { font-size: smaller; }
img { border: 0; -ms-interpolation-mode: bicubic; }

/* GENERAL */
body {
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-family: 'Lato', sans-serif;
	font-size: 14px;
	color: #000102;
	background: #ffffff;
}
a { text-decoration: none; }
a:hover { text-decoration: underline; color: #000; }
sup { font-size: 60%; }
strong { font-weight: bold; }
em { font-style: italic; }
.clear { clear: both; }
small { font-size: 12px; }

/*WRAPPER*/
.wrapper {max-width:1600px; margin:0 auto;}
.wrap_all {max-width:1170px; margin:0 auto;}
.dotted-gradient {
  background-image: linear-gradient(to right, #333 40%, rgba(255, 255, 255, 0) 20%);
  background-position: bottom;
  background-size: 3px 1px;
  background-repeat: repeat-x;
}
.on-scroll {
    position: fixed!important;
    transition: top 0.2s ease-in-out;
	top:0;
	left:0;
	right:0;
	margin:0 auto;
	z-index:99999;
}
/*Icon Sosmed*/
.sosmed_icon {top: 2.5%; right: 8%; position: absolute; z-index: 99;}
.sosmed_icon a {border-radius: 50%; margin-right: 5px; background:#003366; display: inline-block;}
.sosmed_icon a:hover {background:#49b0ec;}
.sosmed_icon a img {padding: 7px; width: 19px; height : auto;}
.soliloquy-prev {left: 92.5%!important;}
.soliloquy-next {margin-right: 2.5% !important;}
.soliloquy-prev, .soliloquy-next { background-color:rgb(236, 73, 73) !important; top: 5.6%!important; width: 31px!important; height: 30px!important;}
   
/*HEADER HOME*/ 
.menu_img, .menu_mobile, .menu_home .menu_img {display:none;}
.soliloquy-pager {display:none!important;}
.wrap_header {position: relative;}
/*.soliloquy-prev, .soliloquy-next, .soliloquy-pager {display:none!important;}*/
.wrap_menu {background-image:url(images/bg-menublue.png); border-top:4px solid #8ebdf2; border-bottom:2px solid #8ebdf2; height: 76px; background-repeat:no-repeat; background-size:cover;}
.wrap_newsletter {background:#000; padding:10px 0; color:#fff; font-size:16px;}

.wrap_newsletter marquee p {white-space: nowrap; display: inline-block; margin-right: 500px;}
.wrap_newsletter marquee p:last-child {margin-right:0;}

.wrap_bgheader2 {background-image: url(images/bg-header2.png); background-size: cover; margin-left: 70px;}
.mainmenu_page {border-top:4px solid #8ebdf2!important; border-bottom:4px solid #8ebdf2!important; z-index:9; position:fixed; top:0; left:0; right:0; margin:0 auto;}

.logo { padding: 20px 10px 0px 18px; position: absolute;}
/*.logo a {text-decoration: none; color: #fdfdfd; font-family:"Cabin"; font-size: 14px; font-weight: 500; padding-left: 32px; line-height: 30px; }*/
.logo a{position: absolute; z-index: 999;}
.logo img{ float: left; width: 36px; height: auto; }

#slides {overflow: hidden; position: relative; width: 600px; height: 50px; left: 12%;}

#slides ul {list-style: none; position: relative;}
#slides li {float: left;position: relative;font-family: lato, sans-serif;top: 5px;font-weight: 500;color: #fdfdfd;}

.batas_logname {border-right: 3px solid #fdfdfd; width: 50px; height: 40px; position: absolute; z-index: 999;}

#cssmenutoppage, #cssmenutophome, .searchform {float:right; margin-right: 50px;}
.searchform {padding:32px 0; position:relative;}
.cari_text {padding:5px 7px; background:#f1f2f3; border-radius:5px; border:none; margin-left:5px;}
.cari_text::-webkit-input-placeholder { /* Chrome */
  color:#858585;
  font-style:italic;
  transition: opacity 250ms ease-in-out;
}
.cari_text:focus::-webkit-input-placeholder {
  opacity: 0.5;
}
.cari {background:url(images/cari.png) no-repeat; width:25px; height:20px; border:none; position:absolute; top:39%; right:0px; background-size:contain; background-color:#f1f2f3; cursor:pointer;}
.nav_menu ul {list-style: none; position:relative;}
.nav_menu ul li:hover > ul {display: block;}
.nav_menu ul li {float: left; list-style:none; transition: all 0.5s; position:relative;}
.nav_menu ul li a {display: block;text-decoration:none;transition: all 0.5s; text-transform:uppercase; color:#fff; font-size:12px; font-weight:400; padding:30px 10px; white-space:nowrap;}
.nav_menu ul li a:hover {background:#035785;}
.nav_menu ul li.menu-item-has-children a {padding-right:10px; transition: all 0.5s;}
.nav_menu ul li.menu-item-has-children:after { color: #fff; position: absolute; right: 5px; top: 44%; font-size: 10px;}/*content:"\25BC";*/
.nav_menu ul li.menu-item-has-children:hover:after {color:#fff;}
.nav_menu ul li.current-menu-item {background:#035785;}
.nav_menu ul ul {padding: 0; position: absolute;/* text-align:center; left:-100%; right:-100%; width:200px;*/ margin:0 auto; z-index:9;}
.nav_menu ul ul:before {content:"\25B2"; color: #fff; font-size:12px; position:absolute; top:-10px; left:0; right:0; width:100%; margin:0 auto; text-align:center;}
.nav_menu ul ul li {float: none; position: relative; top:0px; left:0; right:0; margin-bottom:3px; box-shadow:1px 1px 3px 0px grey; transition: all 0.5s; background:#fff;}
.nav_menu ul ul li a {color:#000; padding:10px 20px 10px 10px!important; transition: all 0.5s; line-height:normal; font-size:14px;}
.nav_menu ul ul li a:hover {color:#035785; background:#ebebeb;}
.nav_menu ul ul li.menu-item-has-children:after {content:none;}
.nav_menu ul ul li.menu-item-has-children:after {content:"\25B6"; color:#000; position:absolute; right:5px; top:13px; font-size:10px;}
.nav_menu ul ul li.menu-item-has-children:hover:after {color:#035785;}
.nav_menu ul ul li.current-menu-item {background:#fff;}
.nav_menu ul ul li.current-menu-item a {color:#035785;}
.nav_menu ul ul ul {position:absolute; top:0px; left:100%; padding:0px;}
.nav_menu ul ul ul:before {content:none;}
.nav_menu ul ul ul li {top:0px; left:3px;}
.nav_menu ul ul ul ul li.menu-item-has-children:after {display:none;}
.nav_menu ul ul ul ul ul li {display:none;}
.nav_menu .sub-menu {display:none;}

/*CONTENT HOME*/
.wrapcontent_home {margin:50px auto;}
.spacecontent_home {margin-right:33px;}
.slide_bipati {width:660px;}
.content_home {margin-bottom:20px;}
.bupati {width:570px; float:left;}
.bupati img {width:100%; height:auto;}
.sambutan {position:relative; float:right; width: 580px;}
.sambutan img {width:100%; height:auto;}
.content_sambutan {padding:10px; background:rgba(255,255,255,0.8); margin:10px; position:absolute; top:0; left:0; width:50%;}
.content_sambutan p {line-height:20px; font-size:16px;}

.lanjut_home {color: #133c6a; transition: all 0.5s; font-style:italic;}

/*WRAP BERITA SLIDE*/
.berita_slide {float:left; width: 61%;}
.berita_list {float:right; width: 37%;}
.slider_berita {margin-bottom:33px;}
.bx-wrapper {margin:0 auto 10px!important;}
#bx-pager {position:relative!important; bottom:0!important; z-index:9!important}
.bx-wrapper .bx-controls-direction a {z-index:99!important;}
#bx-pager a img {width:17.9%!important; height:115px!important; margin-bottom:5px; object-fit: none; object-position: center;}
.bx-wrapper img {/*object-fit: none;*/ object-position: center;}
.advs-title {line-height:normal!important; text-transform:capitalize;}
.advps-excerpt-one {height:auto!important;}
.advs-title a {font-weight:normal!important;}
#advps_container1 #bx-pager a img {opacity:0.5; transition: all 0.5s;}
#advps_container1 #bx-pager a:hover img, #advps_container1 #bx-pager a.active img {opacity:1;}
.advps-slide img {width: 100%!important;height: 420px!important;}
.bx-viewport {height: 420px!important;}
/*BERITA LIST*/
.wraphead_beritalist {margin-bottom:15px; display: inline-flex; width: 100%;}
.head_berita {display:inline-block; padding:20px 0; background:#035785; width:329px; color:#fff; text-transform:uppercase; font-size:18px; font-weight:900; cursor:pointer; text-align:center; margin-left: 5px;}
.berita_aktif {background:#133c6a;}
.wrapcontent_beritalist {text-align:left; position:relative; margin-left: 5px;}
.wrapcontent_beritalist > .tab_pane {display:none;}
.wrapcontent_beritalist > .list_aktif {display:block;}
.fade.in {opacity:1; transition: opacity 0.15s linear;}
.fade {opacity: 0; transition: opacity 0.15s linear;}
.list_berita {margin-bottom:15px; padding-bottom:15px;}
.thumb_berita {width:110px; height:75px; float:left; margin-right:15px;}
.thumb_berita img {width:100%; height:100%;}
.content_listberita h2 {margin-bottom:15px; font-size:16px; line-height:normal;}
.content_listberita h2 a {color:#000102; transition: all 0.5s;}
.content_listberita h2 a:hover {color:#035785; text-decoration:none;}
.tanggal_berita {font-style:italic; font-weight:300;}
.berita_lain {text-align:center; padding-bottom:15px; font-style:italic;}
.berita_lain a {color:#133c6a; transition: all 0.5s;}
.berita_lain a:hover {color:#000102; text-decoration:none;}

/*ALBUM GALERI FOTO*/
.wrap_galeri {margin-bottom:20px;}
.galeri_head {border-bottom:2px solid #133c6a; padding-bottom:15px; margin-bottom:20px; color:#133c6a; text-transform:uppercase; font-size:24px; font-weight:900;}
.galeri_list, .pagegaleri_thumb {position:relative; width: 272px; height:200px;}
.galeri_list img, .pagegaleri_thumb img {width:100%; height:100%;}
/*.galeri_title {position:absolute; bottom:0; left:0; right:0; padding:10px; background:rgba(19,60,106,0.6); color:#fff;}*/
.galeri_title {position:absolute;  left:0; right:0; padding:10px; background:rgba(19,60,106,0.6); color:#fff;}
.galeri_list {float:left; margin:20px 20px 90px 0;}

.page_galeri {margin:150px auto 100px!important;}
.pagegaleri_title {border-bottom:2px solid #133c6a; color:#133c6a; margin-bottom:10px; text-align:center;}
.lihat_foto {position:absolute; background:rgba(19,60,106,0.8); top:5px; left:5px; border-radius:50%;}
.lihat_foto a .fa {font-size:22px; color:#fff!important; padding:12px;}
.pagegaleri_thumb {display:inline-block; margin:0 10px 20px; position:relative;}
.pagegaleri_thumbtitle {position:absolute; padding:15px 10px; bottom:0; left:0; right:0; background:rgba(19,60,106,0.8); color:#fff;}
.pagegaleri_thumbtitle h3 {font-size:16px!important; font-weight:400!important; margin:0!important;}
.ovelay_galeri {position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.pagegaleri_thumb:hover .ovelay_galeri {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1;}

.page_album_title {text-transform:uppercase;}
.page_album h3 {font-size:16px!important; font-weight:normal!important; margin:0!important;}

.page_galeri_foto {margin-bottom:20px;}
.image-gallery li {margin-left:0!important;}

/*WRAP VIDEO & APP LINK*/
.wrap_videoapp {margin-bottom:20px;}
.galerivideo {width:570px; float:left; margin-top: 2%;}
.lihatvideo {width:100%; height:370px;}
.applink {float:right; width:570px; margin-top: 2%;}
.applink .td_link {width:300px; padding-bottom:10px;}
.applink .app_top {margin-bottom:20px;}
.applink .app_top a {color:#123a66; font-weight:900; font-size:13px; transition: all 0.5s;}
.applink .app_top a:hover {text-decoration:none; color:#000; height: auto;}

.app_top .app_link {display:inline-block; width:44%; margin: 4px 4px 5px 10px; border: 3px solid #0b2892; border-radius: 20px; padding: 5px;}
.app_top .app_link p a{padding-left: 16px; line-height: 48px;}
.app_top .app_link p a img{float: left; position: relative; left: 10px; width: 90px; height:50px;}

.logo_bottom {margin-bottom:15px;}
.lokasi_bappeda {width:330px; float:left; margin-right:20px;}
.lokasi_bappeda h3 {font-size:16px; font-weight:700; margin-bottom:7px;}
.lokasi_bappeda p {margin-bottom:5px; font-size:14px; line-height:normal;}
.sosmed {margin-top:15px;}
.sosmed img {margin-right:7px; transition: all 0.5s; opacity:0.6;}
.sosmed img:hover {opacity:1;}

/*FOOTER*/
.wrap_footer {background:#07203c; border-top:5px solid #8ebdf2;}
.footer_top {background-image:url(images/bg-nemu.png); padding:30px 0; background-repeat:no-repeat; background-size:cover; text-align:center; color:#fdfdfd;}
.footer_top h2 {text-transform:capitalize; font-size:20px; font-weight:700; margin-bottom:10px;}
.footer_top p {font-size:16px; margin-bottom:10px;}
.footer_bottom {padding:10px 0; font-size:12px;}
.ftbottom_left {float:left;}
.ftbottom_left ul {}
.ftbottom_left ul li {float:left; margin-right:10px;}
.ftbottom_left ul li a {color:#d8d8d8; transition: all 0.5s;}
.ftbottom_left ul li a:hover {color:#8ebdf2; text-decoration:none;}
.ftbottom_right {float:right; color:#d8d8d8;}
.ftbottom_right a {color:#d8d8d8; transition: all 0.5s;}
.ftbottom_right a:hover {color:#8ebdf2; text-decoration:none;}
.footer_content {background-color: #202225; border-bottom:4px solid #000000; height: auto;}
.footer_ctn_menu { line-height: 50px; text-align: center; }
.footer_ctn_menu ul li { display: inline; transition: all 0.5s;}
.footer_ctn_menu ul li a { color:#9E9C9B; font-size: 12px; text-decoration: none; padding: 18px; transition: all 0.5s; font-weight: 700;}
.footer_ctn_menu ul li a:hover{ color:#fdfdfd; background-color: #000000; padding: 18px;}
/*CONTET PAGE & SINGLE*/
.content_page {margin:130px auto 50px!important;}
.content_page h1 { font-size: 24px; margin-bottom:10px; font-weight:900;}
.content_page h2 { font-size: 22px; margin-bottom:10px; font-weight:900;}
.content_page h3 { font-size: 20px; margin-bottom:10px; font-weight:900;}
.content_page h4 { font-size: 16px; margin-bottom:10px; font-weight:700;}
.content_page h5 { font-size: 12px; margin-bottom:10px; font-weight:700;}
.content_page h6 { font-size: 10px; margin-bottom:10px; font-weight:700;}
.content_page p {margin-bottom:10px; line-height:20px; font-size:16px;}
.content_page a {color:#035785; line-height:22px; transition: all 0.5s;}
.content_page a:hover {color:#000102; text-decoration:none;}
.content_page ul, .content_page ol {margin-bottom: 15px;}
.content_page ul li {list-style: square; font-size: 16px; line-height: 22px; margin-left:30px;}
.content_page ol li {list-style: decimal; font-size: 14px; line-height: 20px; margin-left:30px;}
.content_page img.alignleft {float: left; margin-right: 10px; margin-bottom: 10px;}
.content_page img.aligncenter {margin: 10px auto; display:block;}
.content_page img.alignright {float: right; margin: 0 0 10px 10px;}
.content_page img.alignnone {float: left; margin-right: 10px; margin-bottom: 10px;}
.content_page img.size-full {width:100%; height:auto;}

.contentpage {display:inline-block; vertical-align:top; padding-top: 10px;}
.content_head {color:#133c6a; border-bottom:2px solid #133c6a; margin-bottom:20px!important; padding-bottom:10px; font-size:24px!important; text-transform:uppercase;}
.contentpage_left {width:67%; padding-right:30px; border-right:2px solid #133c6a; margin-right:30px; padding-bottom:20px;}
.contentpage_right {width:27%;}
.list_right {margin-bottom:40px;}
.title_right {padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #133c6a; font-size:16px;}
.list_right ul li {list-style:none; margin-left:0;}
.list_right a {color:#000102;}
.list_right a:hover {color:#035785;}

.wrap_blog {margin-bottom:20px; padding-bottom:20px;}
.blog_thumb {width:250px; height:170px; border:7px solid #edeeee; float:left; margin-right:15px;}
.blog_thumb img {width:100%; height:100%;}
.default-featured-img {object-fit: cover; object-position: center;}
.single .default-featured-img {object-fit:unset;}
.blog_title {font-size:18px!important; margin-bottom:5px!important; line-height:24px;}
.blog_title a {color:#000303;}
.blog_title a:hover {color:#035785;}
.metablog p {font-size:14px!important; font-style:italic; font-weight:300; margin-bottom:0!important;}
.readmore {padding:5px 10px; background-color:#133c6a; color:#fff!important; font-style:italic; opacity:0.7; transition: all 0.5s;}
.readmore:hover {opacity:1;}

.content_single_top {margin-bottom:20px;}
.single_thumb {width:50%; height:auto; border:7px solid #edeeee; margin-right:15px;}
.single_thumb img {width:100%; height:100%;}
.single_top {display:inline-block; vertical-align:bottom;}
.single_title {width:45%;}

.page-navi {text-align:center;}
.page-navi a {line-height:normal!important;}
.page-navi .pages {display:none;}
.wp-pagenavi a, .wp-pagenavi span {padding:5px 9px;}
.page-navi .current {background:#035785; color:#fff;}

/*PAGE KONTAK*/
.wrap_kontak {margin:98px auto 50px!important;}
.map_kontak {width:100%; height:375px;}
.page_name {margin:20px auto 60px; text-align:center; border-bottom:2px solid #133c6a;}
.page_name h2 {font-size:24px; font-weight:900; color:#133c6a; text-transform:uppercase;}

.kontak_left {float:left; width:48%;}
.img_kontak {margin-bottom:20px;}
.kontak_right {float:right; width:48%; color:#133c6a; font-weight:300; font-size:14px; z-index:9;}
.kontak_anoun {font-style:italic;}
.harus_isi {color:#d40203;}

.kontak_right input, .kontak_right textarea {padding:10px; border:1px solid #ddddde; background:#ddddde; border-radius:5px; margin-top:5px; transition: all 0.5s; color:#888;}
.kontak_right textarea {width:70%;}
.kontak_right input:hover, .kontak_right textarea:hover {border:1px solid #133c6a; background:#efefef;}
.kontak_right input:focus, .kontak_right textarea:focus {border:1px solid #133c6a; background:#efefef; color:#444;}

#kirim_kontak {background:#d40203; cursor:pointer; color:#fff; border:none; padding:7px 20px; font-style:italic;}
#kirim_kontak:hover {box-shadow:1px 1px 1px #000;}

/*BAGIAN COMMENT*/
.wrapcoment-penulis {margin-top:20px;}
.commentlist {text-transform:capitalize;}
.comment-body {margin-bottom:30px;}
.comment-author {color:#1a5675;}
.comment {list-style:none!important;}
.comment ul li {list-style:none!important;}
.comment-author { margin-left:5px; position:relative;}
.comment-author img {border-radius:50%; width:60px; height:60px; border: 3px solid #999;}
.says {display:none;}
.says {display:none;}
.fn {padding:20px 10px 15px; font-size:20px; text-transform:uppercase; position:absolute; font-weight:700;}
.fn a {color:#000;}
.fn a:hover {color:#394165; text-decoration:none; transition: all 0.5s;}
.comment-meta {margin-left:60px; font-style:italic;}
.comment-meta a {color:#666;}
.comment-meta a:hover {color:#000; text-decoration:none; transition: all 0.5s;}
.comment-body p {
	margin-top:10px;
    padding: 10px 20px 45px;
    font-size: 15px;
    border: 3px double #999;
    border-radius: 3px;
    line-height: 20px;
	text-transform: inherit;
}
.comment-awaiting-moderation {float:right; margin-right:20px;}
.comment-reply-link {padding:10px 20px; background-color:#1a5675; border-radius:5px; border:1px solid #999;}
.reply a {color:#fff;}
.reply a:hover {text-decoration:none; color:#fff; transition: all 0.5s;}
.comment-reply-link:hover {background-color:#3d7b9d; transition: all 0.5s;}
.reply {margin-bottom:20px;}
#cancel-comment-reply-link  { 
	text-align:center;
	background-color: #1a5675;
	border-radius:5px;
	margin:0 10px 5px;
	padding:10px;
	color:#FFFFFF;
	text-decoration:none;
	text-transform:capitalize;
}
#cancel-comment-reply-link:hover {background-color:#3d7b9d; transition: all 0.5s;}
.commentlist .children {margin-left:30px;}

#commentform {width:60%; height:auto; margin-bottom:70px;}
#reply-title {border-bottom:1px solid #999; margin-bottom:5px; padding-bottom:10px;}
#comment {width:99%;}
#author, #email, #url {width:315px; height:20px; float:right;}
#submit {padding:10px 20px; border-radius:5px; background:#1a5675; color:#fff; float:right; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; font-weight:700; cursor:pointer; font-style:italic;}
#submit:hover {color:#fff; text-decoration:none; background-color:#3d7b9d; transition: all 0.5s;}

.wrapmenukomen {width:425px; height:auto;}
.headkomen {border-bottom:1px solid #999; margin-bottom:5px;}
.komentar {width:420px; height:70px;}
.nama-komen {margin-top:5px;}
.info-komen {float:left; margin-top:5px;}
.nama-komen input {width:315px; height:20px; float:right;}
.kirim-komen {padding:10px 20px; border-radius:5px; background:#1a5675; color:#fff; float:right; margin-top:10px}
.kirim-komen:hover {color:#fff; text-decoration:none; }

/*PAGE DOWNLOAD*/
.single_download {padding-bottom:5px;} 
.aksi_download {padding:5px 10px; color:#fff!important; background:#035785; border-radius:5px; transition: all 0.5s;}
.aksi_download:hover {box-shadow: 1px 1px 1px #000;}

/*PAGE SITEMAP*/
.kat_cpt h4, .kat_cpt ul {margin-left:15px;}

@media screen and (max-width:1440px) {
.wrap_all {width:97%;}
.wrap_newsletter {padding:10px 0;}
.wrap_newsletter p {width:97%; margin:0 auto;}
.home_left {width:49%;}
.home_right {width:49%;}
.content_sambutan {width:55%;}

#advps_container1 .bx-wrapper .bx-viewport {height:350px;}
.head_berita {width:49%;}
.wrap_galeri {text-align:center;}
.wrap_galeri h2 {text-align:left;}
.galeri_list {float:none; display:inline-block;}
.galeri_list, .pagegaleri_thumb {width:23%; height:200px;}
.galeri_title, .galeri_head {text-align:left;}

.sosmed_icon {margin: 12px 8px;}
.soliloquy-prev {left: 92%!important;}
.soliloquy-prev, .soliloquy-next {margin-top: 1px!important; top: 5%!important;}

.lokasi_bappeda {width:50%; margin-right:0;}
/*.map_bappeda {float:left;}*/
.map_bottom {width:100%;}
}

@media screen and (max-width: 1280px){
.soliloquy-prev {left: 91.5%!important;}
.app_top .app_link p a {line-height: 20px; display: grid; text-align: center; padding-left: 1px;}
.app_top .app_link p a img {left: 80px;}
.batas_logname {width: 65px;}
#slides{width:560px!important;}
}

@media screen and (max-width:1170px) {
.nav_menu ul li a {padding: 28px 5px; font-weight:normal;}
.searchform {padding:22px 0;}
.cari_text {width:130px; margin-left:5px;}
.cari {top:35%;}
.nav_menu {line-height: 20px;}
.wrapcontent_home {margin:30px auto;}
.content_sambutan {width:90%;}
.advps-slide {height:350px!important; width:100%!important;}
#bx-pager a img {height:100px!important; width:17.5%!important;}

.sosmed_icon {margin: 8px 10px;}
.soliloquy-prev {left: 91%!important;}
.soliloquy-prev, .soliloquy-next {margin-top: 1px!important;}
.batas_logname {width: 58px;}
#slides{width:510px!important;}
.galeri_list {height:170px; margin:0 18px 100px 0;}
.lokasi_bappeda {width:100%;}
/*.map_bottom {display:none;} */
.content_page {margin:110px auto 50px!important;}
.contentpage_left {padding-right:20px; margin-right:20px;}

.advps-overlay-one, .advps-excerpt-block-one {top:70px;}

.content_single_top {position:relative}

.single_title {position:absolute; bottom:0; right:0;}
#commentform {width:70%;}

.app_top .app_link {display: inline-block; width: 40%; margin: 0px 0px 5px 7px;border: 3px solid #0b2892;border-radius: 20px;padding: 10px;float: left; }
.app_top .app_link p a {line-height: 18px;}
.app_top .app_link p a img {float: left;position: inherit;margin: 0 auto 2px;width: 90px;height: 60px; }
}
@media screen and (max-width: 1072px){
    #cssmenutoppage, #cssmenutophome {margin-right: 40px;}
}
@media screen and (max-width: 1024px){
.sosmed_icon {margin: 5px 20px!important;}
.sosmed_icon a img {width: 18px; height: 20px;}
#cssmenutoppage, #cssmenutophome {margin-right: 30px;}
.soliloquy-prev {left: 90%!important;}
.soliloquy-prev, .soliloquy-next {height: 25px!important;}
.home_right {width: 50%;}
.app_top .app_link p a {line-height: 20px; padding-left: 1px;}
.galeri_list {margin: 0 10px 120px 0px;}
.batas_logname {width: 44px;}
#slides{width:400px!important;}
}

@media screen and (max-width: 984px){
#bx-pager a img{width: 17%!important;}
.soliloquy-prev {left: 89.6%!important;}
.app_top .app_link {width: 39%;}
.applink .app_top a {font-size: 15px;}
}

@media screen and (max-width: 950px){
#slides {width: 340px!important;}
.batas_logname {width: 36px;}
#cssmenutoppage, #cssmenutophome {margin-right: 15px;}
}

@media screen and (max-width: 912px){
.wrap_bgheader2 {background-image: none; margin-left: 1px; position: relative;} 
}
@media screen and (max-width:900px) {
.menu_home {position:fixed; top:0; left:0; right:0; width:100%; z-index:999}
.wrap_slide {display:none;}
.wrap_newsletter {margin-top:78px;}
.sosmed_icon img, .soliloquy-next, .soliloquy-prev {display: none;}
#slides {width: 650px!important;}
.batas_logname {width: 75px;}
#slides li {font-size:16px;}
.wrap_bgheader2 {display:contents;}
.galeri_video {margin-top: 20%;}
.bupati {margin-top: 14%;}
.topmenu_right {display:none;}
.menu_img, .menu_mobile, .menu_home .menu_img {display:block;}
#cssmenutophome {display:none;}
.menu_img {float:right; padding:25px 10px; cursor:pointer; width:35px; height:auto;}
.menu_mobile {background:#133d69; position:fixed; top:0; bottom:0; left:-275px; width:270px; border-top:4px solid #8ebdf2; box-shadow: inset -10px 0 6px -9px rgba(0, 0, 0, .7); overflow:auto; transition:.5s ease-out; z-index:9999}
.close_menu {position:fixed; top:0; bottom:0; left:0; right:0; margin:auto; opacity:0; visibility:hidden; background:rgba(0,0,0,0.5); z-index:9998; transition:.8s ease-out;}
/*.home_left img{margin-top: 70px;}
.img_sambutan {margin-top: 50px;}*/
.content_sambutan {margin-top: 2%;}
.content_sambutan p {font-size: 14px;}
.advps-overlay-one, .advps-excerpt-block-one {top:70px;}
/*Berita*/
.wraphead_beritalist {width: 100%;}
.head_berita {width: 100%;}
.berita_slide {width: 100%;}
.berita_list {width: 100%; margin-top: 2%;}
.app_top .app_link {width: 45%; }
.app_top .app_link p a{line-height: 58px;display: inline-block;}
.app_top .app_link p a img {padding-left: 50px;}
.menu_mobile .searchform {float:none; padding:20px 10px;}
.menu_mobile .searchform .cari_text {width:90%;}
.menu_mobile .searchform .cari {background-color:rgba(0,0,0,0); top:34%; right:15px;}
.menu_mobile ul {}
.menu_mobile ul li.current-menu-item {background:#07203c;}
.menu_mobile ul li a {color:#fff; padding:10px; display:block; font-size:16px; font-weight:700; border-bottom:1px solid #4777ab; line-height:normal;}
.menu_mobile ul li a:hover {text-decoration:none;}
.menu_mobile ul ul li a {padding-left:20px;}
.menu_mobile ul li {background:#133d69;}
.menu_mobile ul li.current-menu-item {background:#07203c;}
.menu_mobile ul ul ul li a {padding-left:40px;}

.wrapcontent_home, .wrap_all {width:97%;}
.home_left, .home_right {width:100%; margin-bottom:20px;}
.content_sambutan {width:50%;}

.advps-slide-container {margin:0 auto;}
.galeri_list {height:200px; margin: 0px 10px 145px 0px;}
.lokasi_bappeda {width:100%;}
.map_bottom {display:block;}

.footer_top h2 {font-size:16px;}
.footer_top p {font-size:14px;}

.contentpage_left {margin:0 auto 10px; width:100%; padding-right:0; border:none; float:none;}
.contentpage_right {float:none; width:100%;}

.pagegaleri_thumb {width:45%; height:200px; margin:0 15px 20px;}

.kontak_right textarea {width:90%;}

#commentform {width:60%;}
}

@media screen and (max-width: 768px){
.logo img{padding-left: 10px; padding-right: 10px;}
.app_top .app_link p a {display: inline;}
.galeri_list {margin: 0 15px 100px 0px; width: 45%;}
.page_album h3 {font-size: 15px!important;}
.batas_logname {width: 58px;}
#slides{width:520px!important;}
}

@media screen and (max-width: 700px){
.app_top .app_link {width: 43%;}
.applink .app_top a {font-size: 16px;}
.app_top .app_link p a {line-height: 20px; display: grid;}
.app_top .app_link p a img {padding-left: 1px;}
}

@media screen and (max-width: 676px){
.galeri_list {margin: 0 18px 80px 0px; width: auto; display: inherit; height: 400px;}
.content_sambutan {width:70%;}
}

@media screen and (max-width:650px) {
#slides {width: 460px!important;}
.batas_logname {width: 52px;}
.content_sambutan {width:70%;}
.footer_bottom {text-align:center;}
.ftbottom_left, .ftbottom_right {float:none;}
.ftbottom_left {margin-bottom:5px;}
.ftbottom_left ul li {float:none; display:inline-block; line-height:normal;}
.app_top .app_link p a {line-height: 28px; display: grid;}
#commentform {width:100%;}

.kontak_left, .kontak_right {width:100%; float:none; margin-bottom:15px;}
}

@media screen and (max-width: 604px){
.slide1, .slide2, .slide3 {width: 400px;}
.app_top .app_link {width: 42%;}
}

@media screen and  (max-width: 590px){
#slides {width: 400px!important;}
.logo img {padding-left: 2px;}
}

@media screen and (max-width: 504px){
.logo a{display: none;}
.logo {background-image: url('images/logo.png'); background-size: contain; background-repeat: no-repeat; width: 200px; height: 50px; position: absolute; margin: 12px 0px 0px 0px; left: 25%;}
#slides, .slide {display:none;}
}

@media screen and (max-width: 490px){
.logo {padding: 7px 5px;}
.logo a {position: absolute; width: 300px; text-align: center; }
.logo img {padding-left: unset; padding-right: 70px; padding-top: 10px;}
.slide1, .slide2, .slide3 {top: 5px; width: 250px; margin-left: 30px;}
.batas_logname {display: none;}
#advps_container1 #bx-pager a img {margin-right: 2px!important;}
.footer_ctn_menu {line-height: 10px;}
.footer_ctn_menu ul li a {display: block;}
.applink .app_top a {font-size: 15px;}
}

@media screen and (max-width: 478px){
.logo a {font-size: 12.5px;padding-left: 12px; }
.logo img {padding-left: 1%;position: relative;}
#bx-pager a img {width:16%!important; height: 60px!important;}
.app_top .app_link {width: 41%;}
}

@media screen and (max-width:425px) {
.logo {padding: 10px 10px 0px 0px;}
.logo img {width: 14%; margin-top: 1px; padding-right: 50px; padding-top: 1px;}
.slide1, .slide2, .slide3 {top: 2px;width: 250px;margin-left: 10px;}
.wrapcontent_home .wrap_all {width:95%;}
.wrap_all {width:90%;}
.content_sambutan {width:90%;}

.advps-slide {height:300px!important; width:100%!important;}
#bx-pager a img {width:16%!important;height:75px!important;}

.galeri_list, .pagegaleri_thumb {width:100%; height:200px;}
.lihatvideo {height:300px;}

.lokasi_bappeda, .map_bappeda {width:100%; float:none; margin-bottom:10px;}

.blog_thumb {width:95%; height:200px; margin-right:0; margin-bottom:15px;}
.single_thumb {width:95%; margin-bottom:10px; margin-right:0;}
.single_title {position:relative; width:100%;}
#author, #email, #url {width:98%; margin-bottom:10px;}

.head_berita {font-size:14px;}

.app_top .app_link {display: block; margin: 7px 0px 0px 0px;border: 3px solid #0b2892; width: 93%;}
.app_top .app_link p a{line-height: 22px;}
.app_top .app_link p a img{height: 40px;left: auto;}
.bupati {margin-top: 15%;}
.advps-slide img {height: 250px!important;}
.advps-overlay-one, .advps-excerpt-block-one {top: -45px;}
.bx-wrapper .bx-controls-direction a {top:45%;}
.bx-viewport {height: 250px!important;}
.menu{display: inline-grid; width: 100%;}
}
@media screen and (max-width: 415px){
.galeri_list {margin: 0 18px 100px 0px;}
}
@media screen and (max-width:400px) {
.logo {left:20%;}
.menu_img {padding:20px 0;}
.kontak_right input, .kontak_right textarea {width:90%;}
#kirim_kontak {width:auto;}
.lihatvideo {height:280px;}
.advps-slide {height:280px!important; width:100%!important;}
#bx-pager img {height:50px!important;}
.sosmed_icon {display: none;}
.home_top_mobile img {padding-right: 10px;}
.bupati {margin-top: 20%; }
.advps-slide img {height: 250px!important;}
.advps-overlay-one, .advps-excerpt-block-one {top: -30px;}
.bx-wrapper .bx-controls-direction a {top:45%;}
.bx-viewport {height: 250px!important; }
}
@media screen and (max-width: 375px){

#bx-pager a img {width: 15%!important; height: 50px!important;}
.bupati img {margin-top: 2%;}
.content_sambutan {display: none;}
}
@media screen and (max-width: 325px){
.logo {background-image: url('images/logo.png'); background-size: contain; background-repeat: no-repeat; width: 200px; height: 50px; position: absolute; margin: 12px 0px 0px 0px; left: 12%;}
.logo a{display: none;}
.bupati img {margin-top: 2%;}
.app_top .app_link {width: 91%;}
.app_top .app_link p a {font-size: 14px;}
.head_berita {font-size:18px;}
.galeri_list {margin: 0 18px 100px 0px;}
.map_bottom {height: 250px;}
.slide1, .slide2, .slide3, .slide4, .slide5 {display: none;}
}
/*@media screen and (max-width:320px) {
.logo {background-image: url('images/logo.png'); background-size: contain; background-repeat: no-repeat; width: 150px; height: 50px; position: absolute; margin: 18px 0px 0px 0px; left: 22%;}
.logo a{display: none;}
.bupati img {margin-top: 2%;}
.app_top .app_link p a {font-size: 14px;}
.head_berita {font-size:18px;}
}*/