/* FONT SELECTION */
body, input, select, textarea {font-family:Tahoma, Geneva, sans-serif;}
span.news-date, #latest-news p, .italique, .bod-boc-position {font-family: 'Lato', sans-serif; font-weight:400;}
.lang-selection, h3, h4, h5, h6, a.read-more, span.news-title, h2, .big-date .d-date, .green-btn, .front-s-child, #menu-icon, .side-sub-nav, thead td, .bod-boc-name, label, .submit-btn, .reset-btn, .side-soc, #main-nav, a.career-position, .insite-link, a.download-pdf, .sitemap-link > li > a {font-family: 'Lato', sans-serif; font-weight:700;}
.big-date {font-family: 'Lato', sans-serif; font-weight:900;}

/* GENERAL */
body {background:#f2f2f2; font-size:12px; color:#444; line-height:1.5em;}
input, select, textarea {font-size:12px; color:#444;}
h2 {letter-spacing:0.1em; text-transform:uppercase;}
h3 {font-size:14px;}
a {text-decoration:none; color:#007dc5;}
a:hover {text-decoration:underline;}

a.download-pdf {display:block; border:1px solid #ddd; padding:10px 20px; text-transform:uppercase; text-align:center; font-size:16px;}
a.download-pdf img {vertical-align:middle;}
a.download-pdf:hover {background:#eee; text-decoration:none; border:1px solid #ccc;
	box-shadow:inset 0 0 2px #fff;}

.green-btn {float:left; display:block; background:url(../images/green-pat-1.gif) #72bf44; color:#fff; padding:5px 10px; text-shadow:1px 1px 0 #508431; border:none;
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	-moz-box-shadow:0 3px 0 #3e6727; -webkit-box-shadow:0 3px 0 #3e6727; -o-box-shadow:0 3px 0 #3e6727; box-shadow:0 3px 0 #3e6727;}
.green-btn:hover {background:url(../images/green-pat-2.gif) #5d9f37;}
.green-btn:active {padding:8px 10px 5px 10px;
	-moz-box-shadow:inset 0 3px 3px #3e6727; -webkit-box-shadow:inset 0 3px 3px #3e6727; -o-box-shadow:inset 0 3px 3px #3e6727; box-shadow:inset 0 3px 3px #3e6727;}
span.next-events {display:block; background:url(../images/icon/icon-events.png) 0 50% no-repeat; padding-left:23px;}
span.promo-prod {display:block; background:url(../images/icon/icon-promo.png) 0 70% no-repeat; padding-left:23px;}

#main-wrapper {background:#fff; margin:20px auto; margin-top:0;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.submit-btn, .reset-btn {cursor:pointer;}
.italique {font-style:italic;}

.ul-list {padding-left:20px; list-style:square;}
.ul-list li {margin-bottom:10px;}

/* FORM */
.general-form {}
.general-form .label-input {margin-bottom:10px;}
.general-form .label-wrap {}
.general-form .label-wrap label {display:block;}
.general-form .input-wrap {position:relative;}
.general-form .input-wrap input, .general-form .input-wrap textarea, .general-form .input-wrap select {background:url(../images/grad-grey.gif) bottom repeat-x #fff; border:3px solid #e4eaee; padding:6px 10px;
	-moz-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; border-radius:5px;
	-moz-box-shadow:inset 0 0 1px #254765; -webkit-box-shadow:inset 0 0 1px #254765; -o-box-shadow:inset 0 0 1px #254765; box-shadow:inset 0 0 1px #254765;}
.general-form .input-wrap input:hover, .general-form .input-wrap textarea:hover, .general-form .input-wrap select:hover,
.general-form .input-wrap input:focus, .general-form .input-wrap textarea:focus, .general-form .input-wrap select:focus {
	-moz-box-shadow:inset 0 0 2px #254765; -webkit-box-shadow:inset 0 0 2px #254765; -o-box-shadow:inset 0 0 2px #254765; box-shadow:inset 0 0 2px #254765;
}

.general-form input.submit-btn {background:url(../images/green-pat-1.gif) #72bf44; color:#fff; padding:7px 10px; text-shadow:1px 1px 0 #508431; border:none;
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.general-form input.submit-btn:hover {background:url(../images/green-pat-2.gif) #5d9f37;}
.general-form input.reset-btn {background:#c4544b; border:none; color:#fff; padding:7px 10px; text-shadow:0 1px 1px #666;
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;}
.general-form input.reset-btn:hover {background:#a0463f;}

.general-form .button-area {margin-bottom:20px;}
.general-form .captcha-wrap {position:absolute;}

.horisontal-form {}
.horisontal-form .label-input {overflow:hidden;}
.horisontal-form .label-wrap {float:left; width:30%;}
.horisontal-form .label-wrap label {padding-top:9px;}
.horisontal-form .input-wrap {float:left; width:70%;}
.horisontal-form span.error {display:block; padding:5px 0; padding-left:13px;}

.red-mark {color:#F00;}
span.error {color:#F00; font-size:11px;}

#contact-form {}
#contact-form .input-wrap input {width:70%;}
#contact-form .input-wrap input.input-s {width:15%;}
#contact-form .input-wrap select {width:80%;}
#contact-form .input-wrap textarea {width:80%; height:100px;}
#contact-form .button-area {padding-left:30%;}
#contact-form .captcha-wrap {left:28%; top:0;}

/* NUKE WYSIWYG */
.nuke-wysiwyg {}
.nuke-wysiwyg p, .nuke-wysiwyg ul, .nuke-wysiwyg ol {margin-bottom:12px;}
.nuke-wysiwyg p {}
.nuke-wysiwyg ol, .nuke-wysiwyg ul {padding-left:30px;}
.nuke-wysiwyg ol {list-style:decimal;}
.nuke-wysiwyg ul {list-style:square;}
.nuke-wysiwyg ol li, .nuke-wysiwyg ul li {margin-bottom:5px;}
.nuke-wysiwyg img { max-width:100%;}

/* HEADER */
#header {width:98%; padding:1%; position:relative;}
img.mii-logo {}
#header h1 {text-indent:-9999px; background:url(../images/psa-title1.png) no-repeat; width:350px; height:46px; position:absolute; left:170px; top:35px;}
.tagline {display:none;}

.lang-selection {position:absolute; right:10px; bottom:15px; color:#888;}
.lang-selection li {float:left; margin-left:10px;}
.lang-selection li a {display:block; width:16px; height:11px; text-indent:-9999px;}
.lang-selection li a:hover, .lang-selection li a.selected {-moz-box-shadow:0 0 2px #333; -webkit-box-shadow:0 0 2px #333; -o-box-shadow:0 0 2px #333; box-shadow:0 0 2px #333;}
.lang-selection li.lang-id a {background:url(../images/icon/flag-id.gif) no-repeat;}
.lang-selection li.lang-us a {background:url(../images/icon/flag-us.gif) no-repeat;}
.lang-selection li.lang-id, .lang-selection li.lang-us {padding-top:5px;}

/* MAIN NAVIGATION */
#main-nav-wrap {width:100%;  position:relative;}
#menu-icon {display:none; border-top:1px solid #eee; background:url(../images/icon/icon-menu.png) no-repeat 10px 50% #fafafa; font-size:12px; text-transform:uppercase; padding:5px 10px; padding-left:30px; cursor:pointer; color:#7d7d7d;}
#menu-icon:hover {color:#007dc5;} 
#main-nav {background:url(../images/main-nav-bg.gif); position:relative; z-index:200; height:51px; padding-left:15px;}
#main-nav > li {float:left; text-transform:uppercase; font-size:14px; margin-right:10px; position:relative;}
#main-nav > li > a {color:#7d7d7d; display:block; padding:0 15px; height:36px; padding-top:15px;}
#main-nav > li:hover > a, #main-nav li a.selected, #main-nav li a:hover {color:#007dc5; text-decoration:none;}

.sub-nav {position:absolute; left:0; top:51px; background:#fff; opacity:0; height:0; border:1px solid #ddd; border-top:none; overflow:hidden;
	-webkit-transition: opacity .25s ease .1s;
	-moz-transition: opacity .25s ease .1s;
	-o-transition: opacity .25s ease .1s;
	-ms-transition: opacity .25s ease .1s;
	transition: opacity .25s ease .1s;
	}
.sub-nav li {text-transform:capitalize; font-size:12px; width:150px; border-top:1px solid #ddd; position:relative;}
.sub-nav li a {padding:10px 15px; color:#7d7d7d; display:block;}
.sub-nav li:hover > a, .sub-nav li a:hover {background:#fafafa; color:#007dc5;}
#main-nav li:hover > ul {opacity:1; height:auto; overflow:visible;}

.sub-nav li ul {position:absolute; left:150px; top:-1px; border:1px solid #ddd; border-top:none; display:none;}
.sub-nav li ul li {width:200px; background:#fff;}
.sub-nav li ul li ul {left:200px;}
.sub-nav li:hover > ul {display:block;}

/* SLIDESHOW */
#slide-area {position:relative; height:auto; z-index:1; overflow:hidden;}
#slide-area img {width:100%; height:auto;}
.flexslider {position:relative; z-index:1; overflow:hidden;}
.flex-control-nav {overflow:hidden; position:absolute; bottom:10px; left:50px; z-index:10; width:100%;}
.flex-control-nav a {display:block; width:10px; height:10px; background:url(../images/dots.png) no-repeat; float:left; margin-right:10px; text-indent:-9999px; cursor:pointer;}
.flex-control-nav a:hover, .flex-control-nav a.flex-active {background:url(../images/dots.png) no-repeat right;}

/* GENERAL PAGE */
.graypat-wrap {background:url(../images/tex2res5.png) #dfdfdf; width:100%; padding:5px 0;}
.graypat {border-top:2px solid #fff; border-bottom:2px solid #fff; padding:12px 50px;}
.graypat h2 {font-size:14px; line-height:18px; margin-bottom:12px;}
.graypat h2 a {color:#888;}
.graypat h2 a:hover {color:#444; text-decoration:none;}
.graypat h3 {font-size:14px; line-height:18px;}
.graypat a {color:#444;}
.graypat a:hover {color:#007dc5; text-decoration:none;}
.graypat a.green-btn {color:#fff; margin-right:30px;}

.bluepat-wrap {background:url(../images/blue-pat.gif) #184f6e; color:#fff;}
.bluepat-wrap a {color:#fff;}
.bluepat-wrap a:hover {text-decoration:underline;}

.breadcrumbs {border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:10px 50px;}
.crumb-nav {}
.crumb-nav li {float:left; background:url(../images/icon/crumb-arrow.png) no-repeat right 50%; padding-right:20px; margin-right:15px;}
.crumb-nav li a {color:#444; }
.crumb-nav li a:hover {color: #007dc5; text-decoration:none;}
.crumb-nav li.crumb-home a {}
.crumb-nav li.crumb-home a:hover {}
.crumb-nav li.active {background:none; margin-right:0;}

.general-layout {padding:15px 50px;}
.general-layout h2 {font-size:16px; margin-bottom:12px;}
.two-layout {}
.two-layout .left {width:540px; font-size:14px;}
.two-layout .right {}


/*captain america */
#capt-america {padding:0 50px; overflow:hidden; position:relative;}
#captain {overflow:hidden;}
.capt-s-child {float:left; text-align:center; width:172px; padding-top:10px; padding-bottom:15px; font-size:14px;}
.capt-s-child a {color:#444;}
.capt-s-child a:hover {color:#007dc5; text-decoration:none;}
.capt-s-child img {display:block; margin:0 auto; margin-bottom:5px; max-width:100%;}

/*span.news-date {font-style:italic; color:#666;}
span.news-title {font-size:10px;}
#latest-news-wrap {width:440px; float:left;}
#latest-news-wrap h2 a {color:#888;}
#latest-news-wrap h2 a:hover {color:#444; text-decoration:none;}
#latest-news-wrap p {color:#666;}
#latest-news {margin-bottom:10px;}
#latest-news .img-wrap {width:60px; padding:5px; background:#fff;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.25); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.25); -o-box-shadow:0 2px 2px rgba(0,0,0,0.25); box-shadow:0 2px 2px rgba(0,0,0,0.25);}
#latest-news .img-wrap img {width:60px;}
#latest-news .right {width:360px;}
#latest-news span.news-date {display:block; margin-bottom:5px;}

#index-schedule {width:360px; float:right;}
#index-schedule .index-schedule-list h3 {width:305px;}
.index-schedule-list {padding-top:5px;}
.index-schedule-list li {overflow:hidden; margin-bottom:17px;}
.index-schedule-list h3 {float:left; padding-top:5px;}
.index-schedule-list h4 {font-size:14px;}
.big-date {float:left; width:40px; text-align:center; margin-right:15px;}
.big-date .d-date {font-size:24px;}
.big-date .d-month {background:#fff; display:block; font-size:14px; color:#888; padding:3px 0; margin-top:5px;}
*/

/* INDEX PAGE */
#front-service {padding:0 50px; overflow:hidden; position:relative;}
#foo {overflow:hidden;}
.front-s-child {float:left; text-align:center; width:172px; padding-top:20px; padding-bottom:15px; font-size:14px;}
.front-s-child a {color:#444;}
.front-s-child a:hover {color:#007dc5; text-decoration:none;}
.front-s-child img {display:block; margin:0 auto; margin-bottom:5px; max-width:100%;}

span.news-date {font-style:italic; color:#666;}
span.news-title {font-size:14px;}
#latest-news-wrap {width:440px; float:left;}
#latest-news-wrap h2 a {color:#888;}
#latest-news-wrap h2 a:hover {color:#444; text-decoration:none;}
#latest-news-wrap p {color:#666;}
#latest-news {margin-bottom:10px;}
#latest-news .img-wrap {width:60px; padding:5px; background:#fff;
	-moz-box-shadow:0 2px 2px rgba(0,0,0,0.25); -webkit-box-shadow:0 2px 2px rgba(0,0,0,0.25); -o-box-shadow:0 2px 2px rgba(0,0,0,0.25); box-shadow:0 2px 2px rgba(0,0,0,0.25);}
#latest-news .img-wrap img {width:60px;}
#latest-news .right {width:360px;}
#latest-news span.news-date {display:block; margin-bottom:5px;}

#index-schedule {width:360px; float:right;}
#index-schedule .index-schedule-list h3 {width:305px;}
.index-schedule-list {padding-top:5px;}
.index-schedule-list li {overflow:hidden; margin-bottom:17px;}
.index-schedule-list h3 {float:left; padding-top:5px;}
.index-schedule-list h4 {font-size:14px;}
.big-date {float:left; width:40px; text-align:center; margin-right:15px;}
.big-date .d-date {font-size:24px;}
.big-date .d-month {background:#fff; display:block; font-size:14px; color:#888; padding:3px 0; margin-top:5px;}

/* BUSINESS PARTNER */
.business-table {width:100%;}
.business-table thead {background:#007dc5; color:#fff;}
.business-table thead td {text-align:center; padding:10px 2%; font-size:13px; text-shadow:0 1px 1px rgba(0,0,0,0.3);}
.business-table thead td:first-child {border-right:2px solid #fff;}
.business-table tbody {}
.business-table tbody tr:nth-child(odd) {background:#f1f1f1;}
.business-table tbody tr.jenis-piranti {background:#72bf44; color:#fff; font-weight:bold; letter-spacing:0.1em; border-top:2px solid #fff; text-shadow:0 1px 1px rgba(0,0,0,0.3);}
.business-table tbody tr.jenis-piranti td {text-align:center; padding:5px 2%;}
.business-table tbody td {padding:10px 2%; vertical-align:top;}
.business-table tbody td.first-cell {width:26%; text-align:center;}
.business-table tbody td.last-cell {width:66%;}
.business-table tbody td img {width:80%; display:block; margin:0 auto; margin-bottom:5px;}
.business-table tbody tr:hover td img {
	-moz-box-shadow:0 0 4px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 4px rgba(0,0,0,0.3); -o-box-shadow:0 0 4px rgba(0,0,0,0.3); box-shadow:0 0 4px rgba(0,0,0,0.3);}

/* AWARD */
.award-wrap {background:#f3f3f3; padding:15px 3%; margin-bottom:15px; overflow:hidden;}
.award-wrap .img-wrap {float:right; background:#fff; width:30%; text-align:center; padding:15px 0;}
.award-wrap .img-wrap img {width:50%;}
.award-wrap .nuke-wysiwyg {float:left; width:60%; font-size:13px; line-height:1.6em;}

/* EXECUTIVE */
.executive-child {margin-bottom:15px;}
.executive-child .img-wrap {float:left; background:#f3f3f3; padding:15px 3%; width:30%;}
.executive-child .img-wrap img {width:100%;}
.executive-content {float:right; width:60%;}
.bod-boc-name {font-size:14px; line-height:1.5em;}
.bod-boc-position { margin-bottom:10px;}

/* CAREER PAGE */
#career-list {margin-bottom:20px;}
#career-list > li {background:url(../images/briefcase.png) no-repeat; padding-left:40px; padding-top:5px;}
a.career-position {display:block; background:url(../images/triangle-down.png) no-repeat 98% 7px #f3f3f3; color:#444; padding:5px 10px; font-size:14px; margin-bottom:5px;}
a.career-position:hover {background:url(../images/triangle-down.png) no-repeat 98% 7px #71bf44; text-decoration:none; color:#fff;}
a.career-position.opened {background:url(../images/triangle-down.png) no-repeat 98% 7px #007dc5; color:#fff;}
.career-syarat {display:none;}

/* NEWS */
.news-child {margin-bottom:20px;}
.news-child .news-title {margin-bottom:10px; font-size:14px;}
.news-child .news-title a {color:#444;}
.news-child .news-title a:hover {color:#007dc5;}
.news-child .news-date {color:#777; font-size:11px;}
.news-child .news-short {background:#f3f3f3; padding:15px; overflow:hidden;}
.news-child .news-short img {float:left; margin-right:15px; max-width:30%;}

.news-detail {}
.news-detail h3 {margin-bottom:5px; font-size:14px;}
.news-detail .news-date {color:#777; margin-bottom:15px; font-size:11px; font-style:italic;}
.news-detail .img-wrap {float:left; margin-right:15px; padding:10px; background:#f3f3f3; margin-bottom:10px; max-width:50%;}
.news-detail .img-wrap  img {width:100%;}

.promo-detail .img-wrap {max-width:95%; float:none;}

.promo-list {}
.promo-list li {overflow:hidden; margin-bottom:10px;}
.promo-list li .img-wrap {max-width:20%; float:left; border:5px solid #fff; margin-right:10px;}
.promo-list li .img-wrap img {width:100%;}

.insite-magz {text-align:center;}
.insite-magz h3 {text-align:center;}
.insite-cover {background:url(../images/latest-insite-bg.png) no-repeat top center; height:156px; position:relative; margin-top:10px;}
.insite-cover .img-wrap {position:absolute; top:4px; left:50%; z-index:1; width:92px; height:125px; overflow:hidden; margin-left:-46px;}
.insite-cover .img-wrap img {height:125px;}
.insite-cover a {display:block; width:92px; height:125px; position:absolute; top:4px; left:50%; margin-left:-46px; z-index:2; background:url(../images/insite-mask.png) top center no-repeat;}

/* DOWNLOAD PDF */
#preview-pdf {border-top:1px solid #ddd; padding-top:10px; margin-top:20px;}
#preview-pdf h3 {margin-bottom:10px; font-size:16px;}

.preview-list {overflow:hidden; padding-top:10px; padding-left:3px;}
.preview-list li {float:left; width:124px; height:150px; overflow:hidden; margin-right:10px; margin-bottom:10px;}
.preview-list li:hover {
	box-shadow:0 0 4px rgba(0,0,0,0.5);}
.preview-list li img {width:124px;}

#mobile-download {display:none;}

/* EVENTS */
#register-events {border:1px solid #ddd; padding:10px 20px; margin-top:25px;}
#register-events h3 {text-transform:uppercase; color:#007dc5; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:8px;}
#register-events form {padding-top:12px;}

/* SCHEDULE DETAIL */
#schedule-detail {padding-top:8px;}
#schedule-detail h3 {font-size:16px; color:#007dc5; margin-bottom:8px;}

/* SITEMAP */
.sitemap-link {}
.sitemap-link a {display:block; padding:5px 0; color:#444;}
.sitemap-link a:hover {color:#007dc5;}
.sitemap-link > li {margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:5px;}
.sitemap-link > li > a {font-size:14px;}
.sitemap-link > li > ul > li > ul {padding-left:30px; list-style:square;}
.sitemap-link > li > ul > li a {color:#666;}

/* PAGING AREA */
.paging-area {border-top:1px solid #ddd; padding-top:12px;}

/* SIDEBAR */
#sidebar {}
.sidebar-child {background:url(../images/tex2res5.png); width:250px; padding:15px 20px; margin-bottom:12px;}
.sidebar-child h3 {text-transform:uppercase; font-size:14px; letter-spacing:0.1em; margin-bottom:7px; border-bottom:1px solid #888; padding-bottom:7px;} 
.sidebar-child a {color:#444;}
.sidebar-child a:hover {color:#007dc5; text-decoration:none;}

.side-sub-nav {}
.side-sub-nav > li {border-bottom:1px solid #ddd; position:relative;}
.side-sub-nav > li > a {display:block; padding:7px 10px; background:#fff; color:#666;}
.side-sub-nav > li > a:hover {color:#007dc5; text-decoration:none;}
.side-sub-nav > li.opened > a, .side-sub-nav > li > a.selected {position:relative; z-index:100; background:url(../images/grad-trans.png) repeat-x bottom #fff; color:#007dc5;
	-moz-box-shadow:0 0 6px rgba(0,0,0,0.3); -webkit-box-shadow:0 0 6px rgba(0,0,0,0.3); -o-box-shadow:0 0 6px rgba(0,0,0,0.3); box-shadow:0 0 6px rgba(0,0,0,0.3);}
.side-sub-nav > li > ul {background:#fff; padding-left:25px; list-style:square; padding-bottom:10px; font-weight:400; display:none; padding-top:10px;}
.side-sub-nav > li > ul > li {margin-bottom:3px;}
.side-sub-nav > li > ul a {color:#666; display:block;}
.side-sub-nav > li.opened ul {display:block;}

.side-soc {}
.side-soc li {padding-left:40px; height:40px; padding-top:5px; font-size:14px;}
.side-soc li.fb {background:url(../images/icon/facebook.png) no-repeat;}
.side-soc li.twitter {background:url(../images/icon/twitter2.png) no-repeat;}

/* FOOTER */
#footer {}
#footer h2 {font-size:14px; margin-bottom:13px;}
#footer-top {padding:12px 0; border-bottom:1px solid #1f4054; overflow:hidden;}
#copyright {border-top:1px solid #2c5c78; text-align:center; padding:12px 0;}

#footer-info {width:27%; margin-right:5%; float:left; padding-left:50px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#footer-info h2 {letter-spacing:0; font-size:12px;}
.footer-info {}
.footer-info li {padding-left:27px; min-height:20px; margin-bottom:12px;}
.footer-info li.info-address {background:url(../images/icon/icon-address.png) 2px 4px no-repeat;}
.footer-info li.info-phone {background:url(../images/icon/icon-phone.png) no-repeat;}
.footer-info li.info-fax {background:url(../images/icon/icon-fax.png) no-repeat;}
.footer-info li.info-mail {background:url(../images/icon/icon-mail.png) 0 50% no-repeat;}

#footer-newsletter {float:left; width:30%; margin-right:5%;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
#footer-newsletter .italique {display:block;}
#newsletter-form {padding-top:12px; overflow:hidden; height:35px;}
#newsletter-form input.clearme {padding:6px 15px; width:170px; background:#fff; border:none; float:left; margin-right:10px;
	-moz-border-radius:3px; -webkit-border-radius:3px; -o-border-radius:3px; border-radius:3px;
	-moz-box-shadow:0 3px 0 rgba(0,0,0,0.3); -webkit-box-shadow:0 3px 0 rgba(0,0,0,0.3); -o-box-shadow:0 3px 0 rgba(0,0,0,0.3); box-shadow:0 3px 0 rgba(0,0,0,0.3);}

#footer-sitemap {position:relative; float:left; width:33%; padding-right:50px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-links {overflow:hidden;}
.footer-links li {float:left; background:url(../images/icon/icon-arrowleft.png) 0 6px no-repeat; padding-left:10px; width:50%; margin-bottom:12px;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.footer-links li a {display:block;}

.soc-nav {overflow:hidden; margin-top:15px;}
.soc-nav li {float:left; margin-right:10px;}
.soc-nav a {display:block; width:22px; height:22px; background:#fff; line-height:22px; text-align:center; color:#1b5171;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.soc-nav a i {display:block; width:22px; height:22px; color:#1b5171; line-height:22px; font-size:16px;}
.soc-nav a:hover {background:#71bf44; color:#fff; text-decoration:none;}
.soc-nav a:hover i {color:#fff;}

/* POPUP PROMO */
#popup-fancy {background:url(../images/tex2res5.png); padding:10px;}
#popup-content {background:#fff; width:780px;}
#popup-content .left {width:400px;}
#popup-content .left img {width:400px;}
#popup-content .right {padding:20px 25px; width:330px;}
#popup-content .right h2 {font-size:16px; line-height:24px; text-transform:capitalize; margin-bottom:15px; color:#007dc5; letter-spacing:0;}
#popup-content .right .nuke-wyiswyg {margin-bottom:25px;}
#popup-content .right p {font-size:14px; line-height:24px; color:#666;}
#popup-content .right a.green-btn:hover {text-decoration:none;}

/* TAMBAHAN PER 20 JULI 2012 */
.jakarta-address {display:none;}
.side-sub-nav li a.selected {color:#007dc5;}

/* TAMBAHAN PER 1 AGUSTUS 2013 */
a#fprev, a#fnext {display:block; width:22px; height:49px; position:absolute; top:50%; margin-top:-25px; text-indent:-9999px;}
a#fprev {background:url(../images/prev1.png) no-repeat center center; left:10px;}
a#fprev:hover {background:url(../images/prev2.png) no-repeat center center;}
a#fnext {background:url(../images/next1.png) no-repeat center center; right:10px;}
a#fnext:hover {background:url(../images/next2.png) no-repeat center center;}

/* Pindahan dari desktop.css */
#main-wrapper {width:960px;}
.graypat-wrap {width:960px;}

/* 26 AGUSTUS 2015 */
.mnav-toggle {display:none;}
#mobile-nav {position:fixed; left:0; top:-100px; width:100%; height:100%; background:#007dc5; z-index:990; overflow-y:scroll; overflow-x:hidden; display:none;
	opacity:0; visibility:hidden;
	transition: all 350ms ease;
-webkit-transition: all 350ms ease;
-moz-transition: all 350ms ease;
-o-transition: all 350ms ease;	
} 
#mobile-nav.opened {opacity:1; visibility:visible; top:0;}
.close-menu {display:block; padding-left:45px; color:#fff; line-height:40px; font-weight:bold; text-transform:uppercase;
	background-image:url(../images/x-button.png);
	background-size:15px auto;
	background-position:15px center;
	background-repeat:no-repeat;
}
.close-menu:hover {text-decoration:none; background-color:#006eae;}
.mnav {padding:0 15px; margin-bottom:15px;}
.mnav a {color:#fff; display:block;}
.mnav a:hover {text-decoration:none; color:#fff; background:#006eae;}
.mnav a.opened {color:#fff; background:#006eae; padding-left:5px;}
.mnav li {}
.mnav > li > a {line-height:30px; border-bottom:1px solid #3bb2f6;}
.mnav a.has-sub {
	background-image:url(../images/cselect.png);
	background-size:auto 7px;
	background-position:right center;
	background-repeat:no-repeat;	
}
.sub-nav2 {padding-left:15px; display:none;}
.sub-nav2 a {padding:5px 0; color:#b8e5ff; border-bottom:1px dotted #3bb2f6;}

/* 1 SEPT 2015 */
#index-hot-solutions {margin:20px 0;}
#index-hot-solutions h2 {color:#888; margin-bottom:20px;}

.owl-solution {}
.owl-solution .item {padding:0 15px; text-align:center;}
.owl-solution .img-wrap {background:#fff; position:relative; overflow:hidden; margin:0 auto; margin-bottom:20px; max-width:150px;
	-webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%;
}
.owl-solution .img-wrap:before {
	content:"";
	display:block;
	padding-top:100%;
}
.owl-solution .img-wrap img {display:block; position:absolute; margin:auto; top:0; right:0; bottom:0; left:0; max-width:50%; max-height:50%;}
.owl-solution h3 {margin-bottom:10px;}

.hs-child .img-wrap img {max-width:100px;}