@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/forms.css";
@import url(http://fonts.googleapis.com/css?family=Oswald);
@import url(http://fonts.googleapis.com/css?family=Lobster);
body{background:#e9e9e9 url(../images/bg-body.jpg) 50% 0 repeat;font:13px/20px Arial, Helvetica, sans-serif;color:#7e6c66;position:relative;min-width:320px;}
html,body{height:100%;}
.coklat{color:#ab7f5b;}
.pb30{padding-bottom:30px;}
.t-none{text-decoration:none;}
.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pb10{padding-bottom:10px;}
.pt10{padding-top:10px;}
.pt15{padding-top:15px;}
.pt20{padding-top:20px;}
.prt-10{position:relative; top:-10px;}
header .container_24{margin-bottom:10px;}
.f16{font-size:16px;}
p{padding-bottom:20px}
a{color:#8fb100;outline:none;cursor:pointer;text-decoration:none;}
a:hover{text-decoration: underline}
p a{ text-decoration:underline;}
p a:hover{text-decoration: none}

.title{font-size:25px; letter-spacing:-1px; color:#42312A !important; line-height:1.2em;font-family: 'Oswald', sans-serif; font-weight:normal;}
.title1{font-size:16px; color:#42312A !important; font-family: 'Oswald', sans-serif; font-weight:normal; padding:0;}
.title2{font-size:16px; color:#fff !important; font-family: 'Oswald', sans-serif; font-weight:normal; padding:0;}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#42312a;font-family: 'Oswald', sans-serif; font-weight:normal;}
h1{font-size:28px; color:#fff;font-family: 'Oswald', sans-serif;}
h2,.judul{font-size:25px; letter-spacing:-1px; padding-bottom:32px; color:#42312A !important; line-height:1.2em;font-family: 'Oswald', sans-serif; font-weight:normal;}
h3{font-size:20px;color:#42312A !important; line-height:1.2em;font-family: 'Oswald', sans-serif; font-weight:normal;} 
/* h4{font-size:18px;}   */
h4{font-size:18px;font-family: 'Oswald', sans-serif;}  
h5{font-size:16px; color:#f5f5f5; text-transform:uppercase; padding-bottom:20px;}
h6{font-size:18px;font-family: 'Lobster', cursive;}

.h1,.h2,.h3,.h4,.h5,.h6{line-height:1.2em;color:#42312a;font-family: 'Oswald', sans-serif; font-weight:normal;}
.h1{font-size:28px; color:#fff;font-family: 'Oswald', sans-serif;}
.h2,.judul{font-size:25px; letter-spacing:-1px; padding-bottom:32px; color:#42312A !important; line-height:1.2em;font-family: 'Oswald', sans-serif; font-weight:normal;}
.h3{font-size:20px; color:#fff;font-family: 'Oswald', sans-serif; padding-bottom:16px;} 
.h4{font-size:18px;font-family: 'Oswald', sans-serif;}  
.h5{font-size:16px; color:#f5f5f5; text-transform:uppercase; padding-bottom:20px;}
.h6{font-size:18px;font-family: 'Lobster', cursive;}
.h_a{font-size:20px; color:#8fb100;font-family: 'Lobster', cursive; padding-bottom:16px;} 
/* Global Structure---------------------------------------- */
.bg{ background:url(../images/bg-section.jpg) 50% 0 repeat; width:100%;}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{width:100%;overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#8fb100;}
.color2{ color:#ac7f5b;}
.color3{ color:#42312a;}
.text1{ font-size:15px; color:#42312a;}
.putih {color:#FFF !important;}

/*********************************header*************************************/
header{ width:100%; background:url(../images/bg-body.jpg) repeat; padding-bottom:20px;}
header.subpages{ background:url(../images/header-subpages.png) 50% 0 repeat-x;}
header h1.logo{ padding-right:20px; padding-bottom:15px;}
header h1.logo a{ display:block; width:160px;}
header h1.logo a img{ max-width:100%; height:auto;}
.tooltips{ position:relative; overflow:hidden; padding:6px 2px 0 0;}
.tooltips li{ float:left; margin-left:-5px;}
.tooltips li:first-child{ float:left; margin-left:0px;}
.tooltips li a{ display:block;}
.tooltips li a img{-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease;}
.tooltips li a:hover img{-moz-transform: scale(0.7);-webkit-transform: scale(0.7);-o-transform: scale(0.7);transform: scale(0.7);}
.slogan{ clear:right; padding:47px 0 0 0; letter-spacing:-1px;}
.slogan a.button{ margin:7px 0 0 5px;}

/********************** Content ************************/
section{ padding:20px 0 39px 0;}
section.padcontent{ padding:30px 0 39px 0;}
section.padcontent2{ padding:30px 0 10px 0;}
section.padcontent3{ padding:30px 0 51px 0;}
section.padcontent32{ padding:30px 0 50px 0;}
section.padcontent4{ padding:30px 0 45px 0;}
.list1 li{ background:url(../images/lineH.png) 0 100% repeat-x;}
.list1 li a.button{ background: url(../images/link-arrow-big.png) 100% 50% no-repeat; display:block; padding:10px 0 16px 0;}
.list1 li a.button:hover{color:#8fb100; background-position:0 50%; padding-left:40px;}
.list1 li a strong{ font-weight:normal; display:block; padding-top:6px;}
.list2{ float:left;}
.list2 li{ background:url(../images/marker-footer.png) 1px 8px no-repeat; padding:0px 0px 10px 16px;}
.list2 li a{ color:#ab7f5b;}
.list3 li{ background:url(../images/marker.png) 0 7px no-repeat; padding:0 0 10px 17px;}
.list3 li a{ color:#7e6c66;}
.list3 li a:hover{ text-decoration:none;}
.list3 li a:hover span{color:#7e6c66;}
.list4{ padding:0px 0 35px 0;}
.list4 li{ background:url(../images/lineH.png) 0 100% repeat-x; padding:10px 0 0 0; min-height:35px;font-size:16px; color:#f5f5f5; text-transform:uppercase;font-family: 'Oswald', sans-serif; font-weight:normal;}
.list4 li a{ color:#c1bab2;}
.list4 li img{ margin:0 4px 0 1px;}
.list4 li span{ display:inline-block; padding-top:1px;}
.list4 li a:hover{ text-decoration:none;color:#8fb100;}
.list5{ position:relative; overflow:hidden; padding:0;}
.list5 li{ float:left; background:url(../images/tabs-line2.jpg) 0 5px no-repeat; padding:0 12px;}
.list5 li:first-child{ background:none; padding:0 9px 0 0;}
.list5 li a{ color:#7e6c66;}
.list5 li a:hover{color:#8fb100; text-decoration:none;}
.date img{ display:block;width:58px; height:51px; float:left; margin:3px 14px 0 1px; border-radius:3px;box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);}
.jud1{margin-top:10px;padding:5px;}
.img-box{ background:#fff; display:inline-block; padding:8px;box-shadow: 0 20px 25px -25px rgba(0,0,0,1); margin-bottom:32px;}
.img-box img{ max-width:100%; height:auto;}
.peta{ background:#fff; display:inline-block; padding:8px;box-shadow: 0 20px 25px -25px rgba(0,0,0,1); margin-bottom:32px;}
.peta img{ max-width:100%; height:auto;}
.img-p{ display:inline-block; padding:8px;margin-bottom:32px;}
.img-p img{ max-width:100%; height:auto;}
.box1{ padding:42px 0 21px 1px;}
.box1 .fleft{ padding:4px 18px 0 0;}
.box1 .extra-wrap h2{ padding-bottom:19px;}
.box2{ padding:4px 0 5px 0;}
.box2 .img-box{ margin:3px 17px 0 0;}
.box3{ text-align:center; padding:4px 0 0 0;}
.box3 img{ margin-bottom:23px;}
.box3 p{ padding-top:16px;}
.lineH{ background:url(../images/lineH.png) 0 0 repeat-x; height:1px;}
.quote blockquote{ background:#dcd9d6; border-radius:3px; padding:25px 20px 30px 30px; margin:9px 0 33px; position: relative; font-style:italic;}
.quote blockquote span{ display:block; background:url(../images/quotes.png) 0 0 no-repeat; width:21px; height:21px; position:absolute; bottom:-21px; left:30px;}
.tabs{ position:relative; overflow:hidden; padding:5px 0 0 0;}
.tabs li{ float:left;line-height:1.2em;font-family: 'Oswald', sans-serif; text-transform:uppercase; font-size:16px; position:relative; }
.tabs li span{ display:block; background:url(../images/tabs-line.jpg) 0 0 no-repeat; width:2px; height:16px; position:absolute; top:37%; right:0; z-index:2;}
.tabs li a{ display:block; color:#c1bab2;padding:17px 28px 15px 30px; border-radius:5px 5px 0 0; position:relative; z-index:3;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.tabs li a:hover,.tabs li a.current{ text-decoration:none; background:#dcd9d6; color:#42312a;}
.panes{ position:relative;}
.tab-content{ position:relative;background:#dcd9d6; width:890px; padding:26px 30px 28px; border-radius:0 5px 5px 5px; margin-bottom:4px;}
table{ margin:25px 0 2px 0;border-left:1px solid #dcd9d6; width:444px;}
table tr td{ width:202px;border-left:1px solid #dcd9d6; background:#eeeceb; padding:6px 0 6px 20px;}
table tr td:first-child{ border:none;}
table tr{ border-bottom:1px solid #dcd9d6;}
table thead tr td{ color:#fff;font:16px/1.2em 'Oswald', sans-serif; text-transform:uppercase; background:#8fb100; padding:6px 0 7px 18px; width:204px;}
table thead tr td.second{background:#291f1a;}
.bg-table{background:#dcd9d6; padding:30px 30px 29px; margin:30px 0 0 0; border-radius:5px;}
.table2{ margin:0; width:100%;}
.table2 tr td{ width:116px;}
.table2 tr td:first-child{ width:725px;}
.table2 tr td.sec{ width:295px;}
.map{width:494px; height:417px;background:#fff; display:inline-block; padding:8px;box-shadow: 0 13px 25px -25px rgba(0,0,0,1); margin:6px 0 27px;}
.map iframe{ width:494px; height:417px;}
.contacts{ position:relative; font-style:normal; overflow:hidden;}
.contacts img{ float:left; margin-right:14px;}
.contacts .fleft{ width:225px;}
.contacts .fleft:first-child{ margin-right:57px;}
.contacts .extra-wrap{ padding:3px 0 0 0;}
.contacts span{ display:inline-block; width:75px;}

/*  Buttons */
.button{display:inline-block; font:16px/1.2em 'Oswald', sans-serif; color:#2a1d18; text-transform:uppercase;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.button span{ display:inline-block; background:url(../images/button-arrow.png) 0 0 no-repeat; width:22px; height:23px; margin:-1px 3px 0;}
.button:hover{color:#fff; text-decoration:none;}
.button1{ font:20px/1.2em 'Lobster', cursive; color:#42312a; background:url(../images/button-arrow.png) 0 4px no-repeat; padding:0 0 2px 27px; display:inline-block;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.button1:hover{ text-decoration:none;color:#8fb100; background-position:100% 4px; padding:0 30px 2px 0px;}
.button2{ display:inline-block; color:#fff;font:20px/1.2em 'Lobster', cursive; padding:5px 15px 10px; border-radius:5px; box-shadow:0 1px 2px rgba(0,0,0,.3);background: #B7D300;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#B7D300), to(#a3c700));background: -webkit-linear-gradient(#B7D300, #a3c700);background: -moz-linear-gradient(#B7D300, #a3c700);background: -ms-linear-gradient(#B7D300, #a3c700);background: -o-linear-gradient(#B7D300, #a3c700);background: linear-gradient(#B7D300, #a3c700);-pie-background: linear-gradient(#B7D300, #a3c700);}
.button2:hover{ text-decoration:none;background: #3D2923;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#3D2923), to(#30211b));background: -webkit-linear-gradient(#3D2923, #30211b);background: -moz-linear-gradient(#3D2923, #30211b);background: -ms-linear-gradient(#3D2923, #30211b);background: -o-linear-gradient(#3D2923, #30211b);background: linear-gradient(#3D2923, #30211b);-pie-background: linear-gradient(#3D2923, #30211b);}
.link1{text-decoration:underline;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.link1:hover{ text-decoration:none;color:#42312a;}
.link2{ display:inline-block;font:20px/1.2em 'Lobster', cursive; color:#fff; text-indent:-50px; background:url(../images/button-arrow.png) 0 4px no-repeat; width:32px; height:35px; margin:-2px 0 0 2px; overflow:hidden;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; text-decoration:none !important;}
.link4{ display:inline-block;font:20px/1.2em 'Lobster', cursive; color:#42312A; text-indent:-50px; background:url(../images/button-arrow.png) 0 4px no-repeat; width:32px; height:35px; margin:-2px 0 0 2px; overflow:hidden;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; text-decoration:none !important;}
.link2:hover,.link4:hover{text-indent:0px; background-position:100% 4px; padding: 0 35px 0 7px; text-decoration:none;}
.link3{ display:inline;font-size:16px; color:#8fb100; text-transform:uppercase;line-height:1.2em;font-family: 'Oswald', sans-serif; font-weight:normal;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.link3 span{ color:#c1bab2;}
.link3:hover{ text-decoration:none; color:#42312a}

/******************** Footer ******************/
footer{ padding:0px 0 21px 0; background:url(../images/bg-footer.jpg) 0 0 repeat-x;color:#ab7f5b;}
footer a{color:#ab7f5b;}
.cont_info{ font-style:normal;color:#ab7f5b;font:13px/20px Arial, Helvetica, sans-serif;}
.cont_info a{ color:#fff;}
.cont_info a:hover{ text-decoration:none;}
.privacy{ padding:1px 0 0 1px;}
.privacy a img{ margin:1px 1px 0 1px;}
.privacy span{ display:inline-block; margin:0 4px;}
.footer-line{ background:url(../images/footer-line.jpg) 0 0 repeat-x; margin-top:13px; padding:18px 0 0 0;}
.footerpad{padding:18px 0 20px 0; }
/* padding */
.pad_right2{ padding-right:40px;}
.pad_right3{ padding-right:79px;}
.pad_right{ padding-right:83px;}
.list_padbot{ padding-bottom:53px;}
.padbot{ padding-bottom:48px;}
.padbot2{ padding-bottom:25px;}
.padbot22{ padding-bottom:24px;}
.padbot3{ padding-bottom:41px;}
.padbot4{ padding-bottom:11px;}
.padbot5{ padding-bottom:40px;}
.padbot6{ padding-bottom:16px; padding-top:4px;}
.padright2{ padding-right:15px;}
.padright3{ padding-right:29px;}
.pad{ padding:29px 0 47px;}
.padtop{ padding-top:50px;}
.padtop2{ padding-top:16px;}
.titlepad{ padding:4px 0 32px 0 !important;}
.titlepad2{ padding:39px 0 39px 0 !important;}
.titlepad3{ padding:0 0 18px 0 !important;}
.titlepad4{ padding:42px 0 19px 0 !important;}
.titlepad5{ padding:0 0 31px 0 !important;}
.imgindent{ margin:6px 16px 0 1px;}
.padline{ margin:3px 0 39px;}
.padline2{ margin:21px 0 40px;}
.pad2{ padding:6px 0 0 0;}
	.pad2 .img-box{ margin-bottom:26px;}
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
.slogan{ font-size:20px; clear:none; padding-top:50px;}
.sf-menu li{font-size:14px;}
header h1.logo a{ width:160px;}
.tooltips{ padding:40px 2px 0 0; width:92px;}
.img-box{ display:block;}
.peta{ display:block;}
.padright3{ padding-right:15px;}
.pad_right,.pad_right3{ padding-right:43px;}
.pad_right2{ padding-right:5px;}
header.subpages{ background:url(../images/header-subpages.png) 50% 100% repeat-x;}
.list4 li{ font-size:14px;}
.list4 li img{ display:none;}
.tab-content{width:688px; padding:26px 30px 28px;}
table{ width:343px;}
.contacts .fleft{ width:185px;}
.contacts img{ display:none;}
.contacts .fleft:first-child{ margin-right:35px;}
.map{ width:390px; height:400px;}
.map iframe{ width:390px; height:400px;}
}
@media only screen and (max-width: 767px) {
#toTop{ display:none !important;}
header .logo{ float:none !important; padding-left:70px; padding-bottom:0px;}
header .logo a{width:165px; margin-top:-10px;}
header{ width:100%; background:url(../images/bg-body.jpg) repeat; padding-bottom:20px;}
.tooltips{ float:none !important; padding-left:100px; padding-top:10px;}
h1.slogan{ clear:both; font-size:19px; padding:7px 0 10px 0; text-align:center;}
.pad_right{ padding-right:0px;}
.img-box{ display:block; width:170px; margin-bottom:15px; margin-left:auto; margin-right:auto;}
.peta{ display:block; width:100%; margin-bottom:15px; margin-left:auto; margin-right:auto;}
.img-p{ display:block; width:100%; margin-bottom:15px; margin-left:auto; margin-right:auto;}
.box2 .img-box{width:117px;}
.padRT{ padding-bottom:30px;}
.padbot2{ padding-bottom:10px;}
.cont_info{ padding-bottom:20px;}
header.subpages{ background:url(../images/bg-header2.png) 50% 100% repeat-x;}
.bg-subpages{ background:url(../images/header-subpages2.jpg) 50% 0 repeat;}
.box1 .fleft{ float:none; text-align:center;padding:0 0 10px 0;}
.quote{ padding-bottom:40px;}
.list1 li a strong{ display:inline;}
.pad_right2,.pad_right3{ padding-right:0;}
.list_padbot2{ padding-bottom:53px;}
.tabs li a{padding:7px 2px 5px 2px;}
.tab-content{width:280px; padding:10px;}
table{ float:none !important; width:280px;}
.tabs li{font-size:12px;}
.tabs li span{ display:none;}
.list5 li{padding:0 8px;}
.pad2 .img-box{ margin-bottom:10px; margin-right:15px;}
.map{ width:282px; min-height:300px;}
.map iframe{ width:282px; min-height:300px;}
.contacts .fleft{ width:100%;}
.contacts .fleft:first-child{ margin-right:0;}
.contacts img{ display:none;}
.padtop{ padding-top:30px;}
.list4 li img{ display:none;}
.tengah{text-align:center;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
header .logo{padding-left:127px;}
.tooltips{padding-left:160px;}
h1.slogan{font-size:24px;}
.img-box{ display:block; margin-bottom:32px !important;}
.padRT{ padding-bottom:20px;}
.col1{ float:left !important; width:300px !important;}
.col2{ float:left !important; width:120px !important;}
.col4{ width:205px !important; float:left;}
.list4 li{ font-size:14px;}
.pad_right2{ padding-right:10px;}
.padright3{ padding-right:30px;}
.margRT{ margin-right:10px;}
.tab-content{width:390px; padding:15px;}
table{ float:none !important; width:390px;}
.tabs li{font-size:16px;}
.list5 li{padding:0 12px;}
.contacts .fleft{ width:185px;}
.contacts .fleft:first-child{ margin-right:35px;}
.map{ width:402px; min-height:400px;}
.map iframe{ width:402px;min-height:400px;}
}

/* Project specifics =========================================================== */
#toTop{ background: url(../images/top-arrow.png) 0 0 no-repeat; width:32px; height:57px; position:fixed; right:0; bottom:20px; z-index:99;}
/* Pour some CSS below ========================================================= */
.wa-icons{z-index:9999;position: fixed;bottom: 100px;width: 62px;height: 50px;background: #25D366;text-align: center;vertical-align: middle;border-radius: 75px;color: #fff;font-size: 25px;padding: 7px 0 5px;right: 50px;}
.wa-icons2{z-index:9999;position: fixed;bottom: 24px;width: 62px;height: 50px;background: #25D366;text-align: center;vertical-align: middle;border-radius: 75px;color: #fff;font-size: 25px;padding: 7px 0 5px;right: 50px;}
.fa {
    display: inline-block;
    font: 14px/1 FontAwesome;
    font-size: 35px;
    transform: translate(0,0);
}