@font-face {
	  font-family: "Futura-Book";
	  font-style: normal;
	  src: url('https://simona-cantik.bantuanteknis.org/assets/front/fonts/Futura-Book.ttf') format("truetype");
}
body{
	font-family: "Futura-Book",sans-serif !important;
}
.list-download{
    padding-bottom: 5px !important;
    border-bottom: 1px dotted !important;
    margin-bottom: 0px !important;
}
.showSweetAlert{
    z-index: 9999999 !important;
}
header #menulava > li > a, .sf-menu li a{
	color: #F47B20 !important;
    font-weight: bold;
}
.title_slider_1{
	font-size: 34px;
    color: #E61C59;
    font-weight: bold;
    text-shadow: 1px 2px 10px #ffffff;
    background-image: url(https://cdn.iconscout.com/public/images/icon/premium/png-512/graph-chart-analysis-statics-piechart-success-growth-3b49bbf238ae7d51-512x512.png);
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-top: 5px;
    margin-left: 5px;
}
.sub_title_slider_1{
	font-size: 20px;
    color: #649000;
    font-weight: bold;
    text-shadow: 1px 2px 10px #ffffff;

}
.sub_sub_title_slider_1{
	font-size: 14px;
    color: #0f8883;
    font-weight: bold;
   	text-shadow: 1px 2px 10px #ffffff;
   	text-align: left;
}
.title_slider_2{
	font-size: 24px;
    color: #E61C59;
    font-weight: normal;
    text-shadow: 1px 2px 10px #ffffff;
    background-image: url(https://cdn.iconscout.com/public/images/icon/premium/png-512/graph-chart-analysis-statics-piechart-success-growth-3b49bbf238ae7d51-512x512.png);
    background-size: 25px;
    background-repeat: no-repeat;
    padding-left: 25px;
    margin-top: 5px;
    margin-left: 5px;
}
.title_slider_3{
	width: 275px !important;
	height: 375px !important;
	background: #E61C59 !important;
	border: 3px solid #FFFFFF !important;
	text-align: center !important;
	border-top: none;
	padding-top: 20px !important;
	right: 0px !important;
	display: inline-flex;
	line-height: 25px !important;
	
}
.title_slider_3 > span.text{
	font-size: 24px !important;
	color:#ffffff;
	width: 100% !important;
}
.fullsection-color{
	border-top: 0px solid #f2f2f2; */
}
.inner i{
	color: #E61C59 !important;
}

.project_list_s2 .post_listing .post{
	margin-bottom: 0px !important;
}
.posts_row .row-events{
	border-bottom: 1px dotted !important;
	margin-bottom: 0px !important;
	padding-bottom: 5px !important;
}
.bg-white{
	background: #FFFFFF !important;
}

.row-events .the_content{
	margin-top: 0px !important;
}
.socialdiv{
	margin-right: 0px !important;
}
.edgeLoad-EDGE-1404005 { visibility:hidden; }
ul.anim-slider > li{
	margin-left: 0px !important;
}
.anim-slider{
	background: none !important;
}
.conten_slide_2{
	width: 100%;
    background: #ecedee90;
    position: fixed;
    height: 100%;
}
.conten_slide_3{
	width: 100%;
    background: #FFFFFF90;
    position: fixed;
    height: 100%;
}
.chart_conten{
	margin-top: 35px;
    width: 980px;
    left: 13%;
    background:#bbbbbb !important;
    height: 400px
}
.fullwidth_container.style-top-bar{
	background: #FFFFFF !important;
}
.info_above_menu{
    
	width: 100% !important;

	float: right !important;

}

.style-top-bar .info_above_menu .telephone {
    line-height: 36px !important;
    font-size: 12px !important;color: #8B8B8B !important;
    display: initial;
    margin-right: 10px;
    font-weight: 500 !important;
    top: -2px;}



.logo-atas{
	width: 10% !important;
	position: fixed !important;

}

.logo{
    float: right !important;

}

.header_container{
	background: #00606E !important;
}
.change_language{
	background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    padding: 8px;
    line-height: 14px;
    /* margin: 7px 0 !important; */
    width: 100%;
    color: #000000;
    font-family: "Open Sans Light", Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #adadad;
    float: left;
    top: 40px;
}
header #menulava > li.current-menu-item > a, header #menulava > li.current-menu-ancestor > a, .shortcode-team .team-box h5, .entry-breadcrumb a:hover, .color_logo, .info_above_menu a:hover, #recentcomments a:hover, .recentcomments_listing a.the_title:hover, #accordion .acc-title h2.current, .acc-substitute .acc-title h2.current, .text_color, .woocommerce form .form-row .required, .woocommerce-page form .form-row .required, .cart_list_product_title a:hover, .blogarchive .post .the_title a:hover, .blogarchive .post .readmore a:hover, #footer_content .widget_links li a:hover, #footer_content .widget_categories li a:hover, #secondary .widget_links li a:hover, #secondary .widget_categories li a:hover, .recentposts_listing a.the_title:hover, #footer_content #recentPostsSidebar_widget .recentposts_listing a.the_title:hover, #footer_content #recentPostsSidebar_widget .recentposts_listing a.the_title:hover, #twitter_update_list li a:hover, .recentPosts .post .title_date .title a:hover, a.button.none:hover, .blogarchive .post a.readmore:hover, .widget_pages li a:hover, #tabs ul.tabs li a.current, .shortcode-toggle h4 a, .text_color, ul.splitter li:hover a, .filterby .projectCategories li a:hover, .filterby .projectCategories li.active a, #secondary a:hover, .amount, header #menulava > li:hover > a, .project_list_s3 .p_title a:hover, .testi-info .company, .the_title a:hover, .numerical-container .unit, .tooltiper span, .tp-caption .df-color-font, .des-sc-button.button.custom:hover, .tweet_time, .post-thumb .mask .more:hover i, .post-thumb .mask .link:hover i, .featured-image-thumb .mask .more:hover i, .flexslider .mask .more:hover i, .image_container .mask .more:hover i, header #menulava > li.current-menu-item > a, header #menulava > li.current-menu-ancestor > a, #big_footer #twitter_update_list li a, #toppanel #twitter_update_list li a, .fa_icon_big i, .df-color-font, .center-icon i, .bestprice .price, .numerical-container .value.colored, .tooltiper, .inner i{
	color: #e01953 !important;
}
h4.zaptitle > span, .current-menu-item, header #menulava > li:hover{
	    border-bottom-color: #F47B20 !important;
}
.jcarousel-prev:hover, .jcarousel-next:hover, .jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover, .flex-direction-nav a.prev:hover, .flex-direction-nav a.next:hover, .post-listing .post_type, .camera_prev:hover > span, .camera_next:hover > span, .jcarousel-prev-horizontal:hover, .jcarousel-next-horizontal:hover, #send-comment, .flex-direction-nav a.prev:hover, .flex-direction-nav a.next:hover, #back-to-top a:hover, .info_above_menu #s_top:focus, .zap_little_shopping_bag .title a, .shop_topbar_middle, .shop_topbar_rightcorner, .shop_bottombar_leftcorner, .shop_bottombar_middle, .tagcloud a:hover, .da-thumbs li.four a div .overlay_sep, .da-animate .overlay_sep, .cameraholder, .services-graph li span, .socialdiv a[title]:hover:after, .widget_nav_menu .menu li:hover, .mail_chimp_form_container input.button, span.shortcode-highlight, .flex-control-nav li a:hover, .flex-control-nav li a.active, .widget_nav_menu .current-menu-item, #lang_sel ul li ul li:hover, #lang_sel ul li ul li:hover a, .pricing_tab.highlight .title, .tp-caption.modern_big_bluebg, .special_tabs .tab-selector .current, #wp-calendar tbody td a, .bestprice .name, .pricing .signup:hover, .fullwidth-container.colored-top, .post_type, .rotate-bg, #menulava li ul li:hover, .fullwidth-container.colored-top, .current_page_item, h3.ls-s-1, h4.ls-s-1, #pie_1, .caption-title, .da-thumbs li a div.da-animate, .headerstyle-style3 #menulava > li.current-menu-item, .info_above_menu.style4 #s_top:focus, .headerstyle-style4 #menulava > li:hover, .headerstyle-style4 #menulava li:hover, .headerstyle-style4 #menulava > li.current-menu-item, #menulava > li.current-menu-ancestor, #menulava > li.current-menu-ancestor > a, .fullsection-color.pre-color, #tweet_scroll_place, .settings-open, .settings-close{
	background-color: #005B67 !important;
}	
.triangle{
	    border-left-color: #005B67 !important;
}
.backgroundpattern {
    border-left: 5px solid #53be92 !important;
    padding: 0px 0px 0px 10px !important;
    background: #ecedee !important;
    width: 96% !important;
    margin-bottom:4px !important;
}
.featured-box h3{
	font-size: 14px !important;
	top: 15px !important;
	
}
.btn_download{
	    background: #53be92;
    color: #FFF !important;
    margin-top: 5px;
    border-radius: 0px !important;
        padding: 7px 15px !important;

}
.btn_download:hover{
	    background: #53be9295;
    

}
.list_download{
	height: 161px !important;
    overflow-y: scroll;
    overflow-x: hidden;
}
.copys{
	border-top: none !important;
}

.blogarchive .post_c{
    background: #ecedee !important;
    margin-bottom: 10px !important;
}
.postcontent_c{
    padding-bottom: 0px !important;
    padding: 10px !important;
    
}
.post-cc, .post-cc > tbody, .post-cc > tbody > tr, .post-cc > tbody > tr > td:nth-child(2), .post-cc .blog_excerpt{
    width: auto !important;
}
.blogarchive .post .blog_excerpt{
    margin-bottom: 0px !important;
}
.td-blogfw_c{
    width: 210px !important
}
.thepostcont_c{
    width: calc(100% - 250px) !important;
    width: -webkit-calc(100% - 250px) !important;
    width: -moz-calc(100% - 250px) !important;
    width: -o-calc(100% - 250px) !important;
    width: -ms-calc(100% - 250px) !important;
    margin-left: 15px !important
}
.navigation{
    margin: -30px 0 15px 0 !important;
}
.socialdiv > ul > li{
    width: 125px !important;
    margin-top: 35px !important;
    right: 22px !important
}
.n-hm > .socialdiv > ul > li{
    margin-top: 15px !important;
}
.bhs{
    margin-top: 3px !important;
    float: right !important
}
.breadcrums-poin{
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: 0px !important;
    margin-left: 0px !important;
    color :#17a3b4 !important;
    font-weight: bold !important;
}
.recentPosts .post_type.word, .recentposts_listing .recentPostsSidebar.word, .post-listing .post_type.word{
    background: url(https://cdn1.iconfinder.com/data/icons/ms-word-docs/512/copy-512.png) no-repeat center center;
    background-size: 26px !important;
}
.recentPosts .post_type.xls, .recentposts_listing .recentPostsSidebar.xls, .post-listing .post_type.xls{
    background: url(https://png.icons8.com/ios/1600/ms-excel.png) no-repeat center center;
    background-size: 25px !important;
}
.recentPosts .post_type.zip, .recentposts_listing .recentPostsSidebar.zip,.post-listing .post_type.zip{
    background: url(https://cdn.iconscout.com/public/images/icon/premium/png-512/check-file-zip-verify-3f24b139479655b5-512x512.png) no-repeat center center;
    background-size: 25px !important;
}
.fancybox-button--thumbs{
    display: none !important;
}
#footer_content h4{
    position:inherit !important;
    margin-bottom:0px !important;
    margin-top: 20px !important;
}
#footer_content .textwidget{

}
a:not(.sf-with-ul) {
    color: #005b66 !important;
}
.des-pages .current, .des-pages > .postpagelinks{
    color: #FFFFFF !important;
}
header #menulava > li.current-menu-item > a{
    color: #F47B20 !important;
    font-weight: bold !important;
}
.recentPosts .the_content .title_content_thum{
    padding-left: 210px !important;
}
.the_content > .data_thumbnail{
    width: 195px !important;
    float: left;
    height: 120px !important;
    box-shadow: 1px 1px 1px #00606e !important;
    border: 2px solid #00606e !important;
}
.data_thumbnail > img{
    height: 120px !important;
    /*
    width: 195px !important;
    */
}
.n-hc > div.logo-atas > img{
    top: -45px !important;
    transition: 0.5s !important;
}
.contact-form select {
    background: #fff;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    padding: 8px;
    line-height: 14px;
    margin: 7px 0 !important;
    width: 96%;
    color: #848889;
    font-family: "Open Sans Light", Arial, sans-serif;
    font-size: 12px;
    border: 1px solid #e5e5e5;
    position: relative;
    float: left;
}
.datepicker.dropdown-menu{
    width: 260px !important;
}
table:not(.post-cc):not(#wp-calendar) th {
    text-align:center !important;
}
.caption{
    float: left;
    position: absolute;
    top: 136px;
    color: white;
    background: #22222294;
    width: 100%;
    height: 29px;
    padding-left: 10px;
    line-height: 29px;
    word-wrap: break-word;
}
.font-12{
    font-size: 12px !important;
}
.table_custom > thead > tr,.table_custom > thead > tr>th{
    font-size: 12px !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.table_custom > tbody > tr,.table_custom > tbody > tr>td{
    border: 1px solid  #dedede !important;
    vertical-align: middle;
}

.verticaltabletext {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
    /*left: 125px !important;*/
    position: relative;
    
}
.verticaltabletext:before {
    content:'';
    padding-top:110%;/* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}

.bg-grey{
    background-color: #808080 !important;
}
.bg-orange{
    background-color: #ffa500 !important;
    color: #000000 !important;
}
.bg-kuning{
    background-color: #feee0b !important;
    color: #000000 !important;
}
.bg-hijau{
    background-color: #258000 !important;
    color: #FFFFFF !important;
}
.bg-merah{
    background-color: #ff3800 !important;
    color: #FFFFFF !important;
}

.btn-filter-data{
    float: right;
    background-color: #a8c827;
    margin: 5px;
    padding: 5px;
    width: 100px;
    text-align: center;
    color: #fff !important;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer !important;
}
.btn-filter-data:hover{
    background-color: #90af14 !important;
}
.home_widget .page_title_s3{
    border-bottom: 1px solid #00606e !important;
}
.zaptitle > span.page_info_title_s3 {
    padding:10px;
    top: 0px !important;
    border-bottom: 0px solid #A8C827 !important; 
    width: 500px !important;
}

.fullscreen{
    position: fixed;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    display: block;
    top: 0px;
    z-index: 99999999 !important;
    left: 0px;
    background: #FFF;
}
.hide_header{
    z-index: 0px !important;
    display: none !important;
}
.btn-fullscreen{
    width: 30px !important;
    background-color: #e67817 !important;
}
.btn-fullscreen:hover{
    background-color: #d46a0c !important;
}
.projects_container_proj{
    border: 1px solid #00606e !important;
}