@charset "utf-8";

html, body { height: 100%; padding: 0px; margin: 0px; }

header { font-size: 14px; }

.headerTop { background: rgb(2, 39, 93); padding: 20px; }

.alamatBC { float: left; position: relative; top: -12px; }

.alamatBC span { width: 25px; height: 25px; float: left; background: rgb(255, 200, 7); border-radius: 50%; position: relative; top: -2px; right: 5px; }

.alamatBC span i { position: relative; top: 1px; }

.telpBC { float: right; position: relative; top: -13px; }

.telpBC img { width: 25px; margin: 0px 5px; }

.mega-menu { margin: 0px auto; padding: 0px; }

.mega-menu > section.menu-list-items { margin: 0px; padding: 20px; }

.mega-menu .menu-logo { margin: 0px; padding: 0px; position: relative; }

.mega-menu .menu-logo > li { margin: 0px; padding: 0px; font-size: 1em; line-height: 50px; list-style: none; }

.mega-menu .menu-logo > li > a img { height: 70px; bottom: 0px; margin: auto 0px; }

.isi-big-menu { position: absolute; left: 0px; width: 100%; }

.wbigmen { background: rgb(255, 255, 255); float: left; padding: 10px; z-index: 999; display: block; cursor: default; overflow: hidden; margin-top: -3px; box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 6px 0px, rgba(0, 0, 0, 0.19) 0px 1px 6px 0px; }

li .wbigmen { display: none; }

li:hover .wbigmen { display: block; }

.clsBorder2 { margin-bottom: 35px; margin-top: 20px; }

.clsBorder2 ul { padding: 0px; margin: 0px 0px 0px 20px; }

.clsBorder2 i.fa-angle-right { float: right; margin-right: 20px; margin-top: -3px; }

.clsBorder2 i.fa-angle-left { float: left; margin-top: -3px; margin-right: 10px; }

.clsBorder2 li { border-bottom: 1px solid rgb(249, 249, 249); list-style: none; }

.clsBorder2 li:hover { background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); border-bottom: 1px solid rgb(237, 237, 237); }

.clsBorder2 li a { display: inline-block; padding: 8px 0px; width: 100%; max-width: 100%; transition: color 200ms; color: rgb(119, 119, 119); }

.clsBorder2 li a:hover { color: rgb(0, 0, 0); text-decoration: none; }

.clsBorder { border-right: 1px solid rgb(237, 237, 237); margin-bottom: 35px; margin-top: 20px; }

.clsBorder ul { padding: 0px; margin: 0px 0px 0px 20px; }

.clsBorder i.fa-angle-right { float: right; margin-right: 20px; margin-top: -3px; }

.clsBorder li { border-bottom: 1px solid rgb(249, 249, 249); list-style: none; }

.clsBorder li:hover { background: linear-gradient(to right, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); border-bottom: 1px solid rgb(237, 237, 237); }

.clsBorder li a { display: inline-block; padding: 8px 0px; width: 100%; max-width: 100%; transition: color 200ms; color: rgb(119, 119, 119); }

.clsBorder li a:hover { color: rgb(0, 0, 0); text-decoration: none; }

.mega-menu .menuLink { float: right; margin-top: -40px; margin-right: 10px; display: block !important; max-height: 100% !important; overflow: visible !important; }

.mega-menu .menuLink > li { margin: 0px; padding: 0px; display: block; float: left; transition: background-color 200ms; font-size: 1em; }

.mega-menu .menuLink > li.wserc { margin: 0px; padding: 0px; display: block; float: left; transition: background-color 200ms; font-size: 1em; position: relative; }

.mega-menu .menuLink > li > a { margin: 0px; padding: 0px 0px 10px 20px; float: none; width: 100%; transition: 0.4s; display: inline-block; outline: none; color: rgb(51, 51, 51); text-shadow: rgb(237, 237, 237) 0px 1px 0px; text-decoration: none; font-size: 14px; font-weight: 500; position: relative; }

.mega-menu .menuLink > li > a:hover { color: rgb(200, 158, 0); }

.wWrapperMaain { overflow-x: hidden; position: relative; }

.wrapperMain { position: relative; top: 0px; transition: 0.5s; }

.wrapperMain.pushed { transform: translateX(-400px); }

.menuMobile { width: 80%; min-width: 150px; max-width: 400px; background: rgb(255, 255, 255); position: absolute; height: 100%; inset: 0px -440px 0px auto; transition: 0.5s; overflow: hidden; }

.subMenuMobile, .subMenuMobile2 { width: 100%; min-width: 150px; max-width: 400px; background: rgb(255, 255, 255); position: absolute; height: 100%; inset: 0px -440px 0px auto; transition: 0.5s; overflow: hidden; }

.menuMobile { z-index: 10; border-left: 1px solid rgba(0, 0, 0, 0.1); }

.menuMobile ul li { width: 400px; padding: 10px 10px 10px 0px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); cursor: pointer; }

.menuMobile ul li:hover { color: rgb(200, 158, 0); }

.menuMobile ul li ul li { color: rgb(0, 0, 0); }

.menuMobile ul li ul li:hover { color: rgb(200, 158, 0); }

.menuMobile.isOpen, .subMenuMobile.isOpen, .subMenuMobile2.isOpen { transform: translateX(-440px); }

.subMenuMobile, .subMenuMobile2 { z-index: 20; }

.subMenuMobile .heading, .subMenuMobile2 .heading { color: rgb(0, 0, 0); }

.closeSubPanel, .closePanel, .openSubPanel { cursor: pointer; }

.menuMobile .mm-navbar { display: block; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-top-color: rgba(0, 0, 0, 0.1); border-right-color: rgba(0, 0, 0, 0.1); border-left-color: rgba(0, 0, 0, 0.1); text-align: center; line-height: 20px; height: 40px; padding: 0px 40px; margin: 0px; }

.mm-navbar .mm-title { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.mm-title span { position: absolute; left: 40px; }

.mm-title span > i { font-size: 20px; color: rgb(144, 146, 145); }

.mm-navbar a, .mm-navbar a:hover { text-decoration: none; }

.mm-navbar > * { display: block; padding: 10px 0px; }

.menuMobile .mm-title { color: rgba(0, 0, 0, 0.3); }

.menuMobile ul.listMenuMobile { margin: 0px 20px 20px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; line-height: 20px; list-style: none; display: block; padding: 0px; }

.menuMobile ul.subMenuMobile { margin: 0px 20px 20px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; line-height: 20px; list-style: none; display: block; }

.menuMobile ul.subMenuMobile2 { margin: 0px 5px 20px 20px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; line-height: 20px; list-style: none; display: block; }

.openSubMenu span { position: absolute; right: 25px; }

.openSubMenu span > i { font-size: 20px; color: rgb(144, 146, 145); }

.ovFlo { overflow: hidden; }

.inputbox { }

.inputbox input { min-width: 0px; box-sizing: border-box; font-size: 10px; border: 0px; width: 17px; border-radius: 100%; transition: width 0.4s ease-in-out, border-radius 0.4s ease-in-out 0.4s, padding 0.2s; box-shadow: rgb(244, 67, 54) 0px 0px 0px 3px; cursor: pointer; margin: 0px 10px; position: relative; color: rgb(142, 142, 142); padding: 1px; }

.inputbox input:focus, .inputbox input:valid { width: 100%; transition-delay: 0.4s, 0s, 0.4s; outline: 0px; border-radius: 5px; cursor: text; padding-left: 10px; font-size: 14px; color: rgb(142, 142, 142); }

.inputbox input:focus + .del, .inputbox input:valid + .del { pointer-events: all; left: calc(100% - 25px); transition-delay: 0.4s; }

.inputbox input:focus + .del:focus, .inputbox input:valid + .del:focus { box-shadow: currentcolor 0px 0px 0px 1px; height: 15px; width: 15px; }

.inputbox input:focus + .del::before, .inputbox input:valid + .del::before { transform: translate(-50%, -50%) rotate(-45deg) scaleY(0.7); transition-delay: 0s; }

.inputbox input:focus + .del::after, .inputbox input:valid + .del::after { transform: translate(-50%, -50%) rotate(45deg) scaleY(0.7); transition-delay: 0.2s; }

.inputbox .del { position: absolute; top: 8px; right: 7px; transform: translate(50%, -50%); height: 20px; width: 20px; padding: 0px; background: none; border-radius: 100%; border: 0px; pointer-events: none; transition: left 0.4s ease-in-out; cursor: pointer; color: rgb(244, 67, 54); }

.inputbox .del:focus { outline: none; }

.inputbox .del::before { content: ""; position: absolute; background: currentcolor; width: 2px; height: 12px; transform: translate(0px, 15px) translate(-50%, -50%) rotate(-45deg) scaleY(1); transition: transform 0.2s ease-in-out 0.6s, -webkit-transform 0.2s ease-in-out; }

.inputbox .del::after { content: ""; position: absolute; background: currentcolor; width: 2px; height: 12px; transform: translate(-20%, -20%) rotate(45deg) scaleY(0); transition: transform 0.2s ease-in-out 0.4s, -webkit-transform 0.2s ease-in-out; }

.formSearch2 { width: 92%; display: block; position: relative; }

.container-1 { vertical-align: middle; white-space: nowrap; position: relative; }

.container-1 input.search { width: 96%; height: 32px; border: 1px solid rgb(189, 189, 189); font-size: 10pt; float: left; color: rgb(99, 113, 127); padding-left: 15px; border-radius: 20px; }

.container-1 input.search:focus { border: 1px solid rgb(66, 133, 244); box-shadow: none; }

.container-1 .icon { position: absolute; top: 50%; right: 20px; margin-top: 10px; z-index: 1; color: rgb(244, 67, 54); }

.mt-2 { margin-top: -0.9rem !important; }

.main-content { font-family: "Titillium Web", sans-serif; padding-top: 40px; padding-bottom: 40px; }

.main-content-sm { padding-top: 60px; padding-bottom: 60px; }

.main-content-md { padding-top: 80px; padding-bottom: 80px; }

.main-content-lg { padding-top: 100px; padding-bottom: 100px; }

.whitecontainer { background: rgb(255, 255, 255); }

.rowtop { padding-top: 0px; margin-top: 10px; }

.breadcrumbs { overflow: hidden; width: 100%; padding: 10px 0px 6px; border-bottom: 1px solid rgb(238, 238, 238); background: url("../../../assets/img/breadcrumbs.png") repeat; }

.breadcrumbs h1 { color: rgb(102, 102, 102); font-size: 22px; margin-top: 16px; }

.breadcrumb { top: 10px; padding-right: 0px; background: none; position: relative; }

.breadcrumb a { color: rgb(119, 119, 119); }

.breadcrumb li.active, .breadcrumb li a:hover { color: rgb(200, 158, 0); text-decoration: none; }

@media (max-width: 550px) {
  .breadcrumbs h1.pull-left, .breadcrumbs ul.pull-right { width: 100%; text-align: center; }
  .breadcrumbs h1.pull-left { margin-bottom: 0px; }
  .breadcrumbs .breadcrumb { top: 0px; margin-bottom: 10px; }
}

.sidebar-nav-v1 li { padding: 0px; }

.sidebar-nav-v1 li a { display: block; padding: 8px 30px 8px 10px; }

.sidebar-nav-v1 li a:hover { text-decoration: none; }

.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover { background: rgb(113, 121, 132); }

.sidebar-nav-v1 > li.active, .sidebar-nav-v1 > li.active:hover, .sidebar-nav-v1 > li.active:focus { border-color: rgb(221, 221, 221); }

.sidebar-nav-v1 > li.active > a { color: rgb(255, 255, 255); }

.sidebar-nav-v1 li ul { padding: 0px; list-style: none; }

.sidebar-nav-v1 li ul, .sidebar-nav-v1 li.active ul a { background: rgb(248, 248, 248); }

.sidebar-nav-v1 li ul a { color: rgb(88, 95, 105); font-size: 12px; border-top: 1px solid rgb(221, 221, 221); padding: 6px 30px 6px 17px; }

.sidebar-nav-v1 ul li:hover a, .sidebar-nav-v1 ul li.active a { color: rgb(114, 192, 44); }

.list-group-item li > .badge { float: right; }

.sidebar-nav-v1 span.badge { margin-top: 8px; margin-right: 10px; }

.sidebar-nav-v1 .list-toggle > span.badge { margin-right: 25px; }

.sidebar-nav-v1 ul li span.badge { margin-top: 8px; font-size: 11px; padding: 3px 5px; margin-right: 10px; }

.list-toggle::after { top: 7px; right: 10px; color: rgb(119, 119, 119); font-size: 14px; content: ""; position: absolute; font-weight: normal; display: inline-block; font-family: FontAwesome; }

.list-toggle.active::after { color: rgb(255, 255, 255); content: ""; }

.tag-box { padding: 20px; background: rgb(255, 255, 255); margin-bottom: 30px; }

.tag-box h2 { font-size: 20px; line-height: 25px; }

.tag-box p { margin-bottom: 0px; }

.tag-box.tag-text-space p { margin-bottom: 10px; }

.tag-box-v1 { border-width: 2px 1px 1px; border-style: solid; border-color: rgb(114, 192, 44) rgb(238, 238, 238) rgb(238, 238, 238); border-image: none; }

.tag-box-v2 { background: rgb(250, 250, 250); border-width: 1px 1px 1px 2px; border-style: solid; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(238, 238, 238) rgb(114, 192, 44); border-image: none; }

.tag-box-v3 { border: 2px solid rgb(238, 238, 238); }

.tag-box-v4 { border: 1px dashed rgb(187, 187, 187); }

.tag-box-v5 { margin: 20px 0px; text-align: center; border: 1px dashed rgb(204, 204, 204); }

.tag-box-v5 span { color: rgb(85, 85, 85); font-size: 28px; margin-bottom: 0px; }

.tag-box-v6 { background: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); }

.tag-box-v7 { border-width: 1px 1px 2px; border-style: solid; border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(114, 192, 44); border-image: none; }

.btn { box-shadow: none; }

.btn-u { border: 0px; color: rgb(255, 255, 255); font-size: 14px; cursor: pointer; font-weight: 400; padding: 6px 13px; position: relative; background: rgb(114, 192, 44); white-space: nowrap; display: inline-block; text-decoration: none; }

.btn-u:hover { color: rgb(255, 255, 255); text-decoration: none; transition: 0.3s ease-in-out; }

.btn-u.btn-block { text-align: center; }

a.btn-u { }

.btn-u-sm, a.btn-u-sm { padding: 3px 12px; }

.btn-u-lg, a.btn-u-lg { font-size: 18px; padding: 10px 25px; }

.btn-u-xs, a.btn-u-xs { font-size: 12px; padding: 2px 12px; line-height: 18px; }

.btn-group .dropdown-menu > li > a { padding: 3px 13px; }

.btn-group > .btn-u, .btn-group-vertical > .btn-u { float: left; position: relative; }

.btn-group > .btn-u:first-child { margin-left: 0px; }

.list-inline > li { display: inline-block; padding-right: 5px; padding-left: 5px; }

.btn-u:hover, .btn-u:focus, .btn-u:active, .btn-u.active, .open .dropdown-toggle.btn-u { background: rgb(95, 182, 17); }

.btn-u-split.dropdown-toggle { border-left: 1px solid rgb(95, 182, 17); }

.btn-u.btn-u-blue { background: rgb(52, 152, 219); }

.btn-u.btn-u-blue:hover, .btn-u.btn-u-blue:focus, .btn-u.btn-u-blue:active, .btn-u.btn-u-blue.active, .open .dropdown-toggle.btn-u.btn-u-blue { background: rgb(41, 128, 185); }

.btn-u.btn-u-split-blue.dropdown-toggle { border-left: 1px solid rgb(41, 128, 185); }

.btn-u.btn-u-red { background: rgb(231, 76, 60); }

.btn-u.btn-u-red:hover, .btn-u.btn-u-red:focus, .btn-u.btn-u-red:active, .btn-u.btn-u-red.active, .open .dropdown-toggle.btn-u.btn-u-red { background: rgb(192, 57, 43); }

.btn-u.btn-u-split-red.dropdown-toggle { border-left: 1px solid rgb(192, 57, 43); }

.btn-u.btn-u-orange { background: rgb(230, 126, 34); }

.btn-u.btn-u-orange:hover, .btn-u.btn-u-orange:focus, .btn-u.btn-u-orange:active, .btn-u.btn-u-orange.active, .open .dropdown-toggle.btn-u.btn-u-orange { background: rgb(211, 84, 0); }

.btn-u.btn-u-split-orange.dropdown-toggle { border-left: 1px solid rgb(211, 84, 0); }

.btn-u.btn-u-sea { background: rgb(26, 188, 156); }

.btn-u.btn-u-sea:hover, .btn-u.btn-u-sea:focus, .btn-u.btn-u-sea:active, .btn-u.btn-u-sea.active, .open .dropdown-toggle.btn-u.btn-u-sea { background: rgb(22, 160, 133); }

.btn-u.btn-u-split-sea.dropdown-toggle { border-left: 1px solid rgb(22, 160, 133); }

.btn-u.btn-u-green { background: rgb(46, 204, 113); }

.btn-u.btn-u-green:hover, .btn-u.btn-u-green:focus, .btn-u.btn-u-green:active, .btn-u.btn-u-green.active, .open .dropdown-toggle.btn-u.btn-u-green { background: rgb(39, 174, 96); }

.btn-u.btn-u-split-green.dropdown-toggle { border-left: 1px solid rgb(39, 174, 96); }

.btn-u.btn-u-yellow { background: rgb(241, 196, 15); }

.btn-u.btn-u-yellow:hover, .btn-u.btn-u-yellow:focus, .btn-u.btn-u-yellow:active, .btn-u.btn-u-yellow.active, .open .dropdown-toggle.btn-u.btn-u-yellow { background: rgb(243, 156, 18); }

.btn-u.btn-u-split-yellow.dropdown-toggle { border-left: 1px solid rgb(243, 156, 18); }

.btn-u.btn-u-default { background: rgb(149, 165, 166); }

.btn-u.btn-u-default:hover, .btn-u.btn-u-default:focus, .btn-u.btn-u-default:active, .btn-u.btn-u-default.active, .open .dropdown-toggle.btn-u.btn-u-default { background: rgb(127, 140, 141); }

.btn-u.btn-u-split-default.dropdown-toggle { border-left: 1px solid rgb(127, 140, 141); }

.btn-u.btn-u-purple { background: rgb(155, 107, 204); }

.btn-u.btn-u-purple:hover, .btn-u.btn-u-purple:focus, .btn-u.btn-u-purple:active, .btn-u.btn-u-purple.active, .open .dropdown-toggle.btn-u.btn-u-purple { background: rgb(129, 79, 181); }

.btn-u.btn-u-split-purple.dropdown-toggle { border-left: 1px solid rgb(129, 79, 181); }

.btn-u.btn-u-aqua { background: rgb(39, 215, 231); }

.btn-u.btn-u-aqua:hover, .btn-u.btn-u-aqua:focus, .btn-u.btn-u-aqua:active, .btn-u.btn-u-aqua.active, .open .dropdown-toggle.btn-u.btn-u-aqua { background: rgb(38, 186, 200); }

.btn-u.btn-u-split-aqua.dropdown-toggle { border-left: 1px solid rgb(38, 186, 200); }

.btn-u.btn-u-brown { background: rgb(156, 128, 97); }

.btn-u.btn-u-brown:hover, .btn-u.btn-u-brown:focus, .btn-u.btn-u-brown:active, .btn-u.btn-u-brown.active, .open .dropdown-toggle.btn-u.btn-u-brown { background: rgb(129, 103, 75); }

.btn-u.btn-u-split-brown.dropdown-toggle { border-left: 1px solid rgb(129, 103, 75); }

.btn-u.btn-u-dark-blue { background: rgb(71, 101, 160); }

.btn-u.btn-u-dark-blue:hover, .btn-u.btn-u-dark-blue:focus, .btn-u.btn-u-dark-blue:active, .btn-u.btn-u-dark-blue.active, .open .dropdown-toggle.btn-u.btn-u-dark-blue { background: rgb(50, 76, 128); }

.btn-u.btn-u-split-dark.dropdown-toggle { border-left: 1px solid rgb(50, 76, 128); }

.btn-u.btn-u-light-green { background: rgb(121, 213, 179); }

.btn-u.btn-u-light-green:hover, .btn-u.btn-u-light-green:focus, .btn-u.btn-u-light-green:active, .btn-u.btn-u-light-green.active, .open .dropdown-toggle.btn-u.btn-u-light-green { background: rgb(89, 183, 149); }

.btn-u.btn-u-split-light-green.dropdown-toggle { border-left: 1px solid rgb(89, 183, 149); }

.btn-u.btn-u-dark { background: rgb(85, 85, 85); }

.btn-u.btn-u-dark:hover, .btn-u.btn-u-dark:focus, .btn-u.btn-u-dark:active, .btn-u.btn-u-dark.active, .open .dropdown-toggle.btn-u.btn-u-dark { background: rgb(51, 51, 51); }

.btn-u.btn-u-split-dark.dropdown-toggle { border-left: 1px solid rgb(51, 51, 51); }

.btn-u.btn-u-light-grey { background: rgb(88, 95, 105); }

.btn-u.btn-u-light-grey:hover, .btn-u.btn-u-light-grey:focus, .btn-u.btn-u-light-grey:active, .btn-u.btn-u-light-grey.active, .open .dropdown-toggle.btn-u.btn-u-light-grey { background: rgb(72, 79, 88); }

.btn-u.btn-u-split-light-grey.dropdown-toggle { border-left: 1px solid rgb(72, 79, 88); }

.btn-u.btn-brd { color: rgb(85, 85, 85); background: none; padding: 5px 13px; border: 1px solid transparent; transition: 0.1s ease-in-out; }

.btn-u.btn-brd:hover { background: none; border: 1px solid rgb(238, 238, 238); }

.btn-u.btn-brd:focus { background: none; }

.btn-u.btn-brd.btn-brd-hover:hover { color: rgb(255, 255, 255) !important; }

.btn-u.btn-brd { border-color: rgb(114, 192, 44); }

.btn-u.btn-brd:hover { color: rgb(95, 182, 17); border-color: rgb(95, 182, 17); }

.btn-u.btn-brd.btn-brd-hover:hover { background: rgb(95, 182, 17); }

.btn-u.btn-brd.btn-u-blue { border-color: rgb(52, 152, 219); }

.btn-u.btn-brd.btn-u-blue:hover { color: rgb(41, 128, 185); border-color: rgb(41, 128, 185); }

.btn-u.btn-brd.btn-u-blue.btn-brd-hover:hover { background: rgb(41, 128, 185); }

.btn-u.btn-brd.btn-u-red { border-color: rgb(231, 76, 60); }

.btn-u.btn-brd.btn-u-red:hover { color: rgb(192, 57, 43); border-color: rgb(192, 57, 43); }

.btn-u.btn-brd.btn-u-red.btn-brd-hover:hover { background: rgb(192, 57, 43); }

.btn-u.btn-brd.btn-u-orange { border-color: rgb(230, 126, 34); }

.btn-u.btn-brd.btn-u-orange:hover { color: rgb(211, 84, 0); border-color: rgb(211, 84, 0); }

.btn-u.btn-brd.btn-u-orange.btn-brd-hover:hover { background: rgb(211, 84, 0); }

.btn-u.btn-brd.btn-u-sea { border-color: rgb(26, 188, 156); }

.btn-u.btn-brd.btn-u-sea:hover { color: rgb(22, 160, 133); border-color: rgb(22, 160, 133); }

.btn-u.btn-brd.btn-u-sea.btn-brd-hover:hover { background: rgb(22, 160, 133); }

.btn-u.btn-brd.btn-u-green { border-color: rgb(46, 204, 113); }

.btn-u.btn-brd.btn-u-green:hover { color: rgb(39, 174, 96); border-color: rgb(39, 174, 96); }

.btn-u.btn-brd.btn-u-green.btn-brd-hover:hover { background: rgb(39, 174, 96); }

.btn-u.btn-brd.btn-u-yellow { border-color: rgb(241, 196, 15); }

.btn-u.btn-brd.btn-u-yellow:hover { color: rgb(243, 156, 18); border-color: rgb(243, 156, 18); }

.btn-u.btn-brd.btn-u-yellow.btn-brd-hover:hover { background: rgb(243, 156, 18); }

.btn-u.btn-brd.btn-u-default { border-color: rgb(149, 165, 166); }

.btn-u.btn-brd.btn-u-default:hover { color: rgb(127, 140, 141); border-color: rgb(127, 140, 141); }

.btn-u.btn-brd.btn-u-default.btn-brd-hover:hover { background: rgb(127, 140, 141); }

.btn-u.btn-brd.btn-u-dark { border-color: rgb(85, 85, 85); }

.btn-u.btn-brd.btn-u-dark:hover { color: rgb(51, 51, 51); border-color: rgb(51, 51, 51); }

.btn-u.btn-brd.btn-u-dark.btn-brd-hover:hover { background: rgb(51, 51, 51); }

.btn-u.btn-brd.btn-u-light-grey { border-color: rgb(88, 95, 105); }

.btn-u.btn-brd.btn-u-light-grey:hover { color: rgb(72, 79, 88); border-color: rgb(72, 79, 88); }

.btn-u.btn-brd.btn-u-light-grey.btn-brd-hover:hover { background: rgb(72, 79, 88); }

.btn-u.btn-brd.btn-u-purple { border-color: rgb(155, 107, 204); }

.btn-u.btn-brd.btn-u-purple:hover { color: rgb(129, 79, 181); border-color: rgb(129, 79, 181); }

.btn-u.btn-brd.btn-u-purple.btn-brd-hover:hover { background: rgb(129, 79, 181); }

.btn-u.btn-brd.btn-u-aqua { border-color: rgb(39, 215, 231); }

.btn-u.btn-brd.btn-u-aqua:hover { color: rgb(38, 186, 200); border-color: rgb(38, 186, 200); }

.btn-u.btn-brd.btn-u-aqua.btn-brd-hover:hover { background: rgb(38, 186, 200); }

.btn-u.btn-brd.btn-u-brown { border-color: rgb(156, 128, 97); }

.btn-u.btn-brd.btn-u-brown:hover { color: rgb(129, 103, 75); border-color: rgb(129, 103, 75); }

.btn-u.btn-brd.btn-u-brown.btn-brd-hover:hover { background: rgb(129, 103, 75); }

.btn-u.btn-brd.btn-u-dark-blue { border-color: rgb(71, 101, 160); }

.btn-u.btn-brd.btn-u-dark-blue:hover { color: rgb(50, 76, 128); border-color: rgb(50, 76, 128); }

.btn-u.btn-brd.btn-u-dark-blue.btn-brd-hover:hover { background: rgb(50, 76, 128); }

.btn-u.btn-brd.btn-u-light-green { border-color: rgb(121, 213, 179); }

.btn-u.btn-brd.btn-u-light-green:hover { color: rgb(89, 183, 149); border-color: rgb(89, 183, 149); }

.btn-u.btn-brd.btn-u-light-green.btn-brd-hover:hover { background: rgb(89, 183, 149); }

.btn-u.btn-brd.btn-u-light { color: rgb(255, 255, 255); border-color: rgb(255, 255, 255); }

.btn-u.btn-brd.btn-u-light:hover { border-color: rgb(255, 255, 255); }

.btn-u.btn-brd.btn-u-light.btn-brd-hover:hover { background: rgb(255, 255, 255); color: rgb(85, 85, 85) !important; }

main { margin-top: 100px !important; }

.line { height: 2px; width: 80px; margin-left: 5px; background: rgb(114, 192, 44); transition: 0.3s linear; }

.container-landing { max-width: 1660px; margin-left: auto; margin-right: auto; }

.isiLanding > div { height: 352px; }

.isiLanding > div > div { height: 175px; }

.ke2 { position: relative; left: -49px; margin-right: -145px; }

.ke4 { position: relative; left: -100px; flex: 0 0 23.05%; max-width: 23.05%; margin-right: -100px; }

.la1 { clip-path: polygon(0px 0px, 100% 0px, 75% 100%, 0px 100%); z-index: 2; background-size: cover; }

.la1:hover { opacity: 0.5; }

.la1:hover h3 { color: rgb(255, 244, 6); }

.la21 { clip-path: polygon(12% 0px, 100% 0px, 88% 100%, 0.3% 100%); max-width: 40%; background-size: cover; }

.la21:hover { opacity: 0.5; }

.la21:hover h3 { color: rgb(255, 244, 6); }

.la22 { clip-path: polygon(12% 0px, 99% 0px, 99% 100%, 2% 100%); position: relative; left: -60.5px; max-width: 47.5%; background-size: cover; }

.la22:hover { opacity: 0.5; }

.la22:hover h3 { color: rgb(255, 244, 6); }

.la23 { clip-path: polygon(12.2% 0px, 84.9% 0px, 99.9% 100%, 5.2% 100%); position: relative; left: -89px; margin-right: -30px; background-size: cover; height: 177px; }

.la23:hover { opacity: 0.5; }

.la23:hover h3 { color: rgb(255, 244, 6); }

.la24 { clip-path: polygon(0px 0px, 99% 0px, 99% 100%, 30% 100%); position: relative; left: -166px; flex: 0 0 33.05%; background-size: cover; }

.la24:hover { opacity: 0.5; }

.la24:hover h3 { color: rgb(255, 244, 6); }

.la3 { background-size: cover; }

.la3:hover { opacity: 0.5; }

.la3:hover h3 { color: rgb(255, 244, 6); }

.oob_sli { position: relative; overflow: hidden; margin: 60px auto 0px; width: 500px !important; }

.oob_sli ul { position: relative; margin: 0px; padding: 0px; list-style: none; }

.oob_sli ul li { position: relative; display: block; float: left; margin: 0px; padding: 0px; width: 500px; text-align: center; line-height: 60px; font-size: 22px; }

h3.kurs { color: rgb(255, 255, 255); font-size: 30px; }

.wMobile { width: 100%; }

.mContent { display: inline-block; width: 100px; margin: 30px; height: 100px; color: rgb(0, 0, 0); }

.mContent img { width: 80px; height: 80px; border-radius: 50%; }

.mContent span { display: inline-block; font-size: 11px; float: left; width: 100px; text-align: center; margin-top: 10px; text-transform: uppercase; }

.mContent:hover { font-weight: bold; color: rgb(200, 158, 0); }

@media (max-width: 349px) {
  .mContent { margin: 10px; }
}

.subscribe .form-inline { float: right; }

.subc2 { display: none !important; }

a.arrowDown { padding: 5.5px 10px; border-radius: 50%; }

img { vertical-align: middle; }

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { display: block; width: 100%; max-width: 100%; height: auto; }

.img-rounded { border-radius: 6px; }

.img-thumbnail { display: inline-block; width: 100%; max-width: 100%; height: auto; padding: 4px; line-height: 1.42857; background-color: rgb(255, 255, 255); border: 1px solid rgb(221, 221, 221); border-radius: 4px; transition: 0.2s ease-in-out; }

.img-circle { border-radius: 50%; }

.img-banner-responsive { display: block; width: 50%; max-width: 50%; height: auto; }

@media only screen and (max-width: 500px) {
  .img-banner-responsive { width: 100%; }
}

.linkFooterBawah img.lbc { width: 75px; float: right; }

.footerBawah { overflow: hidden; }

.footerBawahKiri { float: left; padding: 50px 0px; font-size: 13px; line-height: 18px; color: rgb(254, 253, 0); }

.footerBawahKiri span { float: left; }

.footerBawahKiri span > .lbc2 { width: 80px; margin-top: -15px; margin-right: 15px; }

.footerBawahKiri span b { display: block; font-size: 15px; line-height: 1.5rem; }

.footerBawahKiri span span { display: block; font-size: 13px; }

.footerBawahKiri span p { display: block; margin-top: 20px; }

.followMobile2 { padding: 50px 0px; float: right; }

.followMobile2 span { display: block; color: rgb(254, 253, 0); margin-left: 10px; }

.followMobile2 a > .effect.bulat { background: rgb(254, 253, 0); }

.followMobile2 > a > i { display: inline-block; font-size: 20px; line-height: 37px; cursor: pointer; margin: 5px; border-radius: 50%; text-align: center; position: relative; text-decoration: none; z-index: 1; background: rgb(2, 39, 93); width: 35px; height: 35px; color: rgb(2, 39, 93); }

.followMobile2 > a > i::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ""; box-sizing: content-box; }

.followMobile2 > a > i::before { speak: none; font-size: 20px; line-height: 37px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }

.hukam { display: none; }

.ket h5 { position: relative; top: 10px; }

.ket p { margin-top: 20px; line-height: 1.2em; font-size: 14px; }

i.icon-bg-u, i.icon-bg-red, i.icon-bg-sea, i.icon-bg-dark, i.icon-bg-darker, i.icon-bg-grey, i.icon-bg-blue, i.icon-bg-green, i.icon-bg-yellow, i.icon-bg-orange, i.icon-bg-purple, i.icon-bg-aqua, i.icon-bg-brown, i.icon-bg-dark-blue, i.icon-bg-light-grey, i.icon-bg-light-green { color: rgb(255, 255, 255); border-color: transparent; }

i.icon-sm { width: 35px; height: 35px; font-size: 16px; line-height: 35px; }

i.icon-custom { margin-bottom: 5px; text-align: center; display: inline-block; }

.butop { color: rgb(255, 255, 255); z-index: 99; width: 34px; height: 34px; font-size: 20px; position: fixed; cursor: pointer; right: 10px !important; bottom: 45px !important; border-radius: 3px !important; }

.show { display: block; }

.butop { background: rgb(114, 192, 44); }

.butop::after { left: 10px; content: ""; position: absolute; text-align: center; font-family: FontAwesome; }

.wrapWarta { height: 350px; background-size: 75% auto; background-repeat: no-repeat; }

.isiWarta { height: 350px; clip-path: polygon(40% 0px, 100% 0px, 100% 100%, 0px 100%); }

.contentWarta { display: flex; justify-content: center; align-items: center; height: 350px; }

.subWarta { background: rgb(2, 39, 93); padding: 8px 0px; }

.subWarta .col-md-12, .subWarta .col-ms-12 { padding: 0px; }

.isiSw { position: relative; background-size: cover; background-image: url("https://mdbootstrap.com/img/Photos/Others/img%20(19).jpg"); width: 32%; float: left; margin: 0px 7px; cursor: pointer; height: 230px; }

.isiSw .heline { position: absolute; bottom: 0px; padding: 15px 20px 0px; right: 0px; left: 0px; transition: opacity 1s; background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(6, 6, 6, 0.7) 100%); }

.heline a { text-align: right; color: rgb(255, 255, 255); }

.heline p { text-align: right; color: rgb(255, 244, 6); }

h3.jdulCon1 { position: absolute; top: 0px; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 40px; left: 10px; line-height: 40px; text-shadow: rgb(0, 0, 0) 2px 0px 2px; }

h3.jdulCon2 { position: absolute; bottom: 0px; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 30px; right: 60px; line-height: 40px; text-shadow: rgb(0, 0, 0) 2px 0px 2px; }

h3.jdulCon3 { position: absolute; bottom: 0px; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 30px; right: 50px; line-height: 40px; text-shadow: rgb(0, 0, 0) 2px 0px 2px; }

h3.jdulCon4 { position: absolute; bottom: 0px; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 30px; right: 50px; line-height: 40px; text-shadow: rgb(0, 0, 0) 2px 0px 2px; }

h3.jdulCon5 { position: absolute; bottom: 0px; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 30px; right: 10px; line-height: 40px; text-shadow: rgb(0, 0, 0) 2px 0px 2px; }

h3.jdulCon6 { position: absolute; bottom: 0px; color: rgb(255, 255, 255); font-family: "Titillium Web", sans-serif; font-size: 40px; right: 12px; line-height: 40px; text-shadow: rgb(0, 0, 0) 2px 0px 2px; }

h4.jdulWarta { text-align: center; position: relative; }

h4.jdulWarta span { border-bottom: 1px solid black; position: relative; top: -2px; }

.parallax-bg { height: 500px; color: rgb(255, 255, 255); position: relative; background: url("../../img/background/17.jpg") 50% center fixed rgb(51, 51, 51); }

.parallax-bg::after { top: 0px; left: 0px; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.7); }

.parallax-bg::before { top: 0px; left: 0px; width: 100%; height: 100%; content: " "; position: absolute; background: url("../../img/patterns/gridtile.png") repeat; }

.parallax-bg1 { height: 500px; color: rgb(255, 255, 255); position: relative; background: url("../../img/background/7.jpg") 50% center fixed rgb(51, 51, 51); }

.parallax-bg1::after { top: 0px; left: 0px; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.7); }

.parallax-bg1::before { top: 0px; left: 0px; width: 100%; height: 100%; content: " "; position: absolute; background: url("../../img/patterns/gridtile.png") repeat; }

.parallax-bgx::after { top: 0px; left: 0px; width: 100%; height: 100%; content: " "; position: absolute; background: rgba(0, 0, 0, 0.7); }

.parallax-bgx::before { top: 0px; left: 0px; width: 100%; height: 100%; content: " "; position: absolute; }

.title-v1 { z-index: 1; position: relative; text-align: center; margin-bottom: 14px; }

.title-v1 h2 { color: rgb(255, 255, 255); }

.titleDP-v1 { z-index: 1; position: relative; text-align: center; margin-top: 50px; margin-bottom: 14px; font-family: "Titillium Web", sans-serif; }

.titleDP-v1 h2 { color: rgb(255, 255, 255); }

.titleDP-v2 { z-index: 1; position: relative; text-align: center; margin-top: 50px; margin-bottom: 50px; }

.titleDP-v2 h3 a { color: yellow; font-family: "Titillium Web", sans-serif; }

.titleDP-v2 h3 a:hover { text-shadow: rgb(0, 0, 0) 2px 0px 2px; text-decoration: underline; }

.wrapWH { margin: 10px; width: 80px; height: 80px; text-align: center; font-size: 30px; padding-top: 20px; border-radius: 10px; color: rgb(38, 38, 38); z-index: 1; cursor: pointer; transition: color 0.3s; box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px; }

.wrapWH::after { pointer-events: none; position: absolute; width: 80px; height: 80px; content: ""; box-sizing: content-box; top: 92px; }

.wrapWH { color: rgb(238, 163, 3); box-shadow: rgb(255, 255, 255) 0px 0px 0px 3px; transition: color 0.3s; }

.wrapWH::after { padding: 2px; z-index: -1; background: rgb(255, 255, 255); transition: transform 0.2s, opacity 0.2s; margin-left: -42px; border-radius: 8px; }

.wrapWH:hover, .wrapWH:hover i { color: rgb(238, 163, 3); }

.wrapWH:hover::after { transform: scale(0.85); }

.wrapWH h6 { margin-top: 40px; width: 100%; color: rgb(255, 255, 255); font-weight: 400; }

.follow { margin-top: 45px !important; }

.follow > a > i { display: inline-block; font-size: 20px; line-height: 37px; cursor: pointer; margin: 5px; border-radius: 50%; text-align: center; position: relative; text-decoration: none; z-index: 1; background: rgb(2, 39, 93); width: 35px; height: 35px; color: rgb(254, 253, 0); }

.follow > a > i::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ""; box-sizing: content-box; }

.follow > a > i::before { speak: none; font-size: 20px; line-height: 37px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }

.effect { background: rgba(255, 255, 255, 0.1); transition: background 0.2s, color 0.2s; }

.effect::after { top: -7px; left: -7px; padding: 7px; box-shadow: rgb(2, 39, 93) 0px 0px 0px 4px; transition: transform 0.2s, opacity 0.2s; transform: scale(0.7); opacity: 0; }

.fb:hover { color: rgb(60, 90, 153); }

.insta:hover { color: rgb(184, 48, 130); }

.twit:hover { color: rgb(67, 156, 214); }

.yout:hover { color: rgb(206, 19, 18); }

.env:hover { color: rgb(39, 149, 238); }

.hor:hover { color: rgb(234, 106, 0); }

.phone:hover { color: rgb(76, 175, 80); }

.effect.bulat:hover { background: rgb(255, 255, 255) !important; }

.effect.bulat::after { transform: scale(1); }

.effect.bulat:hover::after { transform: scale(0.8); opacity: 1; }

.inforTitle { z-index: 2; font-size: 17px; color: rgb(255, 255, 0); position: absolute; background: rgb(2, 39, 93); padding: 0px 5px; }

.infor a { margin: 0px 20px; }

.infor a:hover { text-decoration: underline; }

.cmo, .followMobile, .searchMobile { display: none; }

.subscribe .form-group { margin-right: 0px; }

.email input { border: 1px solid rgb(189, 189, 189); padding: 5px 20px; border-radius: 20px; height: 1.5rem; }

.email input[type="email"]:focus:not([readonly]) { box-shadow: rgb(66, 133, 244) 0px 1px 0px 0px; border: 1px solid rgb(66, 133, 244) !important; }

.btnEmail { padding: 8px 20px; border-radius: 20px; background: rgb(2, 39, 93); margin-top: 15px; }

a.contentWh2 { display: inline-block; width: 200px; margin: 30px; height: 200px; }

.contentWh2 img { width: 150px; float: left; margin-left: 20px; }

.contentWh2 span { display: inline-block; font-size: 16px; float: left; width: 200px; text-align: center; color: rgb(0, 0, 0); text-transform: uppercase; padding-top: 10px; }

.contentWh2:hover span { font-weight: bold; color: rgb(200, 158, 0); }

a.cus > i { display: inline-block; font-size: 20px; line-height: 35px; cursor: pointer; border-radius: 50%; text-align: center; position: relative; text-decoration: none; z-index: 1; background: rgb(2, 39, 93); width: 35px; height: 35px; color: rgb(254, 253, 0); top: -5px; }

a.cus > i::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ""; box-sizing: content-box; }

a.cus > i::before { speak: none; font-size: 20px; line-height: 35px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }

a.cus { display: inline-block; margin: 10px 70px; }

a.cus span { position: relative; top: -5px; left: 10px; color: rgb(0, 0, 0); }

h1 { font-size: 28px; line-height: 35px; }

h2 { font-size: 24px; line-height: 33px; }

h3 { font-size: 20px; line-height: 27px; }

h4 { font-size: 18px; line-height: 25px; }

h5 { font-size: 16px; line-height: 20px; }

h6 { font-size: 14px; line-height: 18px; }

h1, h2, h3, h4, h5, h6 { color: rgb(88, 95, 105); margin-top: 5px; text-shadow: none; }

h1 i, h2 i, h3 i, h4 i, h5 i, h6 i { margin-right: 5px; }

.headline { display: block; margin: 10px 0px 25px; border-bottom: 1px dotted rgb(228, 233, 240); }

.headline h2 { font-size: 22px; }

.headline h2, .headline h3, .headline h4 { margin: 0px 0px -2px; padding-bottom: 5px; display: inline-block; border-bottom: 2px solid rgb(114, 192, 44); }

.headline-md { margin-bottom: 15px; }

.headline-md h2 { font-size: 21px; }

.heading { text-align: center; }

.heading h2 { padding: 0px 12px; position: relative; display: inline-block; line-height: 34px !important; }

.heading h2::before, .heading h2::after { content: " "; width: 70%; position: absolute; border-width: 1px; border-color: rgb(187, 187, 187); }

.heading h2::before { right: 100%; }

.heading h2::after { left: 100%; }

@media (max-width: 768px) {
  .heading h2::before, .heading h2::after { width: 20%; }
}

blockquote { padding: 5px 15px; border-left-width: 2px; }

blockquote p { font-size: 14px; font-weight: 400; }

blockquote h1, blockquote h2, blockquote span { font-size: 18px; margin: 0px 0px 8px; line-height: 24px; }

blockquote.hero { border-width: medium medium medium 2px; border-style: none none none solid; border-color: currentcolor currentcolor currentcolor rgb(102, 102, 102); border-image: none; padding: 18px; font-size: 16px; background: rgb(243, 243, 243); }

blockquote.hero:hover { background: rgb(238, 238, 238); border-left-color: rgb(102, 102, 102); }

blockquote.hero.hero-dark, blockquote.hero.hero-default { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

blockquote.hero.hero-dark { background: rgb(68, 68, 68); }

blockquote.hero.hero-dark:hover { background: rgb(85, 85, 85); }

blockquote.hero.hero-default { background: rgb(114, 192, 44); }

blockquote.hero.hero-default:hover { background: rgb(95, 182, 17); }

blockquote.hero.hero-dark p, blockquote.hero.hero-dark h2, blockquote.hero.hero-dark small, blockquote.hero.hero-default p, blockquote.hero.hero-default h2, blockquote.hero.hero-default small { color: rgb(255, 255, 255); font-weight: 200; }

.panel { margin-bottom: 20px; background-color: rgb(255, 255, 255); border: 1px solid transparent; border-radius: 4px; box-shadow: rgba(0, 0, 0, 0.05) 0px 1px 1px; }

.panel-body { padding: 15px; }

.panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.panel-heading > .dropdown .dropdown-toggle { color: inherit; }

.panel-title { margin-top: 0px; margin-bottom: 0px; font-size: 16px; color: inherit; }

.panel-title > a { color: inherit; }

.panel-footer { padding: 10px 15px; background-color: rgb(245, 245, 245); border-top: 1px solid rgb(221, 221, 221); border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.panel > .list-group { margin-bottom: 0px; }

.panel > .list-group .list-group-item { border-width: 1px 0px; border-radius: 0px; }

.panel > .list-group:first-child .list-group-item:first-child { border-top: 0px; border-top-left-radius: 3px; border-top-right-radius: 3px; }

.panel > .list-group:last-child .list-group-item:last-child { border-bottom: 0px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.panel-heading + .list-group .list-group-item:first-child { border-top-width: 0px; }

.list-group + .panel-footer { border-top-width: 0px; }

.panel > .table, .panel > .table-responsive > .table, .panel > .panel-collapse > .table { margin-bottom: 0px; }

.panel > .table:first-child, .panel > .table-responsive:first-child > .table:first-child { border-top-left-radius: 3px; border-top-right-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child, .panel > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:first-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child { border-top-left-radius: 3px; }

.panel > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child, .panel > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child, .panel > .table:first-child > tbody:first-child > tr:first-child th:last-child, .panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child { border-top-right-radius: 3px; }

.panel > .table:last-child, .panel > .table-responsive:last-child > .table:last-child { border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child { border-bottom-left-radius: 3px; }

.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child, .panel > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child, .panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child, .panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child { border-bottom-right-radius: 3px; }

.panel > .panel-body + .table, .panel > .panel-body + .table-responsive { border-top: 1px solid rgb(221, 221, 221); }

.panel > .table > tbody:first-child > tr:first-child th, .panel > .table > tbody:first-child > tr:first-child td { border-top: 0px; }

.panel > .table-bordered, .panel > .table-responsive > .table-bordered { border: 0px; }

.panel > .table-bordered > thead > tr > th:first-child, .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .panel > .table-bordered > tbody > tr > th:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .panel > .table-bordered > tfoot > tr > th:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .panel > .table-bordered > thead > tr > td:first-child, .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .panel > .table-bordered > tbody > tr > td:first-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .panel > .table-bordered > tfoot > tr > td:first-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0px; }

.panel > .table-bordered > thead > tr > th:last-child, .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .panel > .table-bordered > tbody > tr > th:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .panel > .table-bordered > tfoot > tr > th:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .panel > .table-bordered > thead > tr > td:last-child, .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .panel > .table-bordered > tbody > tr > td:last-child, .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .panel > .table-bordered > tfoot > tr > td:last-child, .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0px; }

.panel > .table-bordered > thead > tr:first-child > td, .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .panel > .table-bordered > tbody > tr:first-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .panel > .table-bordered > thead > tr:first-child > th, .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .panel > .table-bordered > tbody > tr:first-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0px; }

.panel > .table-bordered > tbody > tr:last-child > td, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .panel > .table-bordered > tfoot > tr:last-child > td, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .panel > .table-bordered > tbody > tr:last-child > th, .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .panel > .table-bordered > tfoot > tr:last-child > th, .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0px; }

.panel > .table-responsive { margin-bottom: 0px; border: 0px; }

.panel-group { margin-bottom: 20px; }

.panel-group .panel { margin-bottom: 0px; border-radius: 4px; }

.panel-group .panel + .panel { margin-top: 5px; }

.panel-group .panel-heading { border-bottom: 0px; }

.panel-group .panel-heading + .panel-collapse > .panel-body { border-top: 1px solid rgb(221, 221, 221); }

.panel-group .panel-footer { border-top: 0px; }

.panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid rgb(221, 221, 221); }

.panel-default { border-color: rgb(221, 221, 221); }

.panel-default > .panel-heading { color: rgb(51, 51, 51); background-color: rgb(245, 245, 245); border-color: rgb(221, 221, 221); }

.panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(221, 221, 221); }

.panel-default > .panel-heading .badge { color: rgb(245, 245, 245); background-color: rgb(51, 51, 51); }

.panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(221, 221, 221); }

.panel-primary { border-color: rgb(66, 139, 202); }

.panel-primary > .panel-heading { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); border-color: rgb(66, 139, 202); }

.panel-primary > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(66, 139, 202); }

.panel-primary > .panel-heading .badge { color: rgb(66, 139, 202); background-color: rgb(255, 255, 255); }

.panel-primary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(66, 139, 202); }

.panel-success { border-color: rgb(214, 233, 198); }

.panel-success > .panel-heading { color: rgb(60, 118, 61); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); }

.panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(214, 233, 198); }

.panel-success > .panel-heading .badge { color: rgb(223, 240, 216); background-color: rgb(60, 118, 61); }

.panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(214, 233, 198); }

.panel-info { border-color: rgb(188, 232, 241); }

.panel-info > .panel-heading { color: rgb(49, 112, 143); background-color: rgb(217, 237, 247); border-color: rgb(188, 232, 241); }

.panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(188, 232, 241); }

.panel-info > .panel-heading .badge { color: rgb(217, 237, 247); background-color: rgb(49, 112, 143); }

.panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(188, 232, 241); }

.panel-warning { border-color: rgb(250, 235, 204); }

.panel-warning > .panel-heading { color: rgb(138, 109, 59); background-color: rgb(252, 248, 227); border-color: rgb(250, 235, 204); }

.panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(250, 235, 204); }

.panel-warning > .panel-heading .badge { color: rgb(252, 248, 227); background-color: rgb(138, 109, 59); }

.panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(250, 235, 204); }

.panel-danger { border-color: rgb(235, 204, 209); }

.panel-danger > .panel-heading { color: rgb(169, 68, 66); background-color: rgb(242, 222, 222); border-color: rgb(235, 204, 209); }

.panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: rgb(235, 204, 209); }

.panel-danger > .panel-heading .badge { color: rgb(242, 222, 222); background-color: rgb(169, 68, 66); }

.panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: rgb(235, 204, 209); }

.tab-v1 .nav-tabs { border-width: medium medium 2px; border-style: none none solid; border-color: currentcolor currentcolor rgb(114, 192, 44); border-image: none; background: none; }

.tab-v1 .nav-tabs a { font-size: 14px; padding: 5px 15px; }

.tab-v1 .nav-tabs > .active > a, .tab-v1 .nav-tabs > .active > a:hover, .tab-v1 .nav-tabs > .active > a:focus { color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: rgb(114, 192, 44); }

.tab-v1 .nav-tabs > li > a { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.tab-v1 .nav-tabs > li > a:hover { color: rgb(255, 255, 255); background: rgb(114, 192, 44); }

.tab-v1 .tab-content { padding: 10px 0px; }

.tab-v1 .tab-content img { margin-top: 4px; margin-bottom: 15px; }

.tab-v1 .tab-content img.img-tab-space { margin-top: 7px; }

.tab-v2 .nav-tabs { border-bottom-width: medium; border-bottom-style: none; border-bottom-color: currentcolor; }

.tab-v2 .nav-tabs li a { padding: 9px 16px; background: none; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

.tab-v2 .nav-tabs li.active a { background: rgb(255, 255, 255); padding: 7px 15px 9px; border-right: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); border-image: none; border-top: 2px solid rgb(114, 192, 44); border-bottom-width: medium !important; border-bottom-style: none !important; border-bottom-color: currentcolor !important; }

.tab-v2 .tab-content { padding: 10px 16px; border: 1px solid rgb(238, 238, 238); }

.tab-v3 .nav-pills li a { color: rgb(119, 119, 119); font-size: 17px; padding: 4px 8px; margin-bottom: 3px; background: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); }

.tab-v3 .nav-pills li a:hover, .tab-v3 .nav-pills li.active a { color: rgb(255, 255, 255); background: rgb(114, 192, 44); border: 1px solid rgb(104, 175, 40); }

.tab-v3 .nav-pills li i { width: 1.25em; margin-right: 5px; text-align: center; display: inline-block; }

.tab-v3 .tab-content { padding: 15px; background: rgb(250, 250, 250); border: 1px solid rgb(238, 238, 238); }

.nav { padding-left: 0px; margin-bottom: 0px; list-style: none; }

.nav > li { position: relative; display: block; }

.nav > li > a { position: relative; display: block; padding: 10px 15px; }

.nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: rgb(238, 238, 238); }

.nav > li.disabled > a { color: rgb(119, 119, 119); }

.nav > li.disabled > a:hover, .nav > li.disabled > a:focus { color: rgb(119, 119, 119); text-decoration: none; cursor: not-allowed; background-color: transparent; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: rgb(238, 238, 238); border-color: rgb(66, 139, 202); }

.nav .nav-divider { height: 1px; margin: 9px 0px; overflow: hidden; background-color: rgb(229, 229, 229); }

.nav > li > a > img { max-width: none; }

.nav-tabs { border-bottom: 1px solid rgb(221, 221, 221); }

.nav-tabs > li { float: left; margin-bottom: -1px; }

.nav-tabs > li > a { margin-right: 2px; line-height: 1.42857; border: 1px solid transparent; border-radius: 4px 4px 0px 0px; }

.nav-tabs > li > a:hover { border-color: rgb(238, 238, 238) rgb(238, 238, 238) rgb(221, 221, 221); }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: rgb(85, 85, 85); cursor: default; background-color: rgb(255, 255, 255); border-width: 1px; border-style: solid; border-color: rgb(221, 221, 221) rgb(221, 221, 221) transparent; border-image: none; }

.nav-tabs.nav-justified { width: 100%; border-bottom: 0px; }

.nav-tabs.nav-justified > li { float: none; }

.nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center; }

.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li { display: table-cell; width: 1%; }
  .nav-tabs.nav-justified > li > a { margin-bottom: 0px; }
}

.nav-tabs.nav-justified > li > a { margin-right: 0px; border-radius: 4px; }

.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }

@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
  .nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:hover, .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}

.nav-pills > li { float: left; }

.nav-pills > li > a { border-radius: 4px; }

.nav-pills > li + li { margin-left: 2px; }

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { color: rgb(255, 255, 255); background-color: rgb(66, 139, 202); }

.nav-stacked > li { float: none; }

.nav-stacked > li + li { margin-top: 2px; margin-left: 0px; }

.nav-justified { width: 100%; }

.nav-justified > li { float: none; }

.nav-justified > li > a { margin-bottom: 5px; text-align: center; }

.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; }

@media (min-width: 768px) {
  .nav-justified > li { display: table-cell; width: 1%; }
  .nav-justified > li > a { margin-bottom: 0px; }
}

.nav-tabs-justified { border-bottom: 0px; }

.nav-tabs-justified > li > a { margin-right: 0px; border-radius: 4px; }

.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border: 1px solid rgb(221, 221, 221); }

@media (min-width: 768px) {
  .nav-tabs-justified > li > a { border-bottom: 1px solid rgb(221, 221, 221); border-radius: 4px 4px 0px 0px; }
  .nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:hover, .nav-tabs-justified > .active > a:focus { border-bottom-color: rgb(255, 255, 255); }
}

.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0px; border-top-right-radius: 0px; }

.linkFoot { display: inline-block; border-right: 1px solid rgb(255, 255, 255); padding: 0px 45px; margin: 5px; color: rgb(255, 255, 255); font-size: 14px; }

.akhir { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }

a.linkFoot:hover { font-weight: bold; color: rgb(200, 158, 0); }

ekko-lightbox-nav-overlay a { color: goldenrod; }

.gallery-title { text-align: center; font-weight: 500; border-bottom: 1px solid rgb(242, 242, 242); margin-top: 1em; padding-bottom: 10px; }

body.modal-open { overflow-x: hidden; }

.timer_box { border: 4px solid rgba(255, 255, 255, 0.6); border-radius: 50px; margin: 35px 24px; display: inline-block; padding: 20px 12px 0px; text-align: center; width: 130px; }

.timer_box h1 { font-size: 48px; margin-top: 5px; margin-bottom: 0px; font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif; color: yellow; }

.timer_box p { margin-top: 0px; color: white; }

@media (max-width: 430px) {
  .wrapWarta { height: 440px; }
  .isiWarta { height: 440px; }
  .contentWarta { height: 440px; }
  .parallax-bg1 { height: 600px; }
}

@media (min-width: 575px) {
  .wartabcmobile { display: none; }
  .draftPeraturanmobile { display: none; }
}

@media (max-width: 575px) {
  .headerTop { padding: 5px; }
  .headerInfo { display: none; }
  .wArrdown { text-align: center; }
  .arrdown { padding: 3px 6px; border: 1px solid white; border-radius: 50%; cursor: pointer; }
  .headerTop { height: auto !important; }
  .alamatBC { margin-top: 10px; height: auto; }
  .mega-menu img { width: 70% !important; }
  .hamburger { top: 5px !important; }
  .contentMob { position: relative; overflow: hidden; }
  .contentMob a { width: 50%; float: left; display: block; }
  .contentMob a > .c1, .contentMob a > .c2, .contentMob a > .c3, .contentMob a > .c4 { background: rgb(8, 95, 172); height: 150px; position: relative; margin: 4px; }
  .contentMob a > .c1 > span, .contentMob a > .c2 > span, .contentMob a > .c3 > span, .contentMob a > .c4 > span { position: absolute; bottom: 0px; left: 0px; display: block; padding: 10px; right: 0px; text-align: center; color: rgb(255, 255, 255); font-size: 11px; background: rgba(0, 0, 0, 0.2); }
  .mobi h4 { position: relative; top: 20px; }
  .cmo { display: block !important; }
  .fds, .draftPeraturan, .wartabc, .weHave { display: none; }
  .linkFooterAtas { display: none !important; }
  .ket h5 { font-size: 0.9rem; }
  .ket h6 { font-size: 0.75rem; }
  .ket p { font-size: 12px; }
  .followMobile { display: block; margin-top: 10px !important; }
  .followMobile span { display: block; color: rgb(254, 253, 0); }
  .followMobile a > .effect.bulat { background: rgb(254, 253, 0); }
  .followMobile > a > i { display: inline-block; font-size: 20px; line-height: 37px; cursor: pointer; margin: 5px; border-radius: 50%; text-align: center; position: relative; text-decoration: none; z-index: 1; background: rgb(2, 39, 93); width: 35px; height: 35px; color: rgb(2, 39, 93); }
  .followMobile > a > i::after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ""; box-sizing: content-box; }
  .followMobile > a > i::before { speak: none; font-size: 20px; line-height: 37px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }
  .wrapperMain.pushed { transform: translate3d(-70%, 0px, 0px); }
  .container-1 input.search { border: 1px solid rgb(2, 39, 93); }
  .container-1 input.search:focus { border: 1px solid rgb(66, 133, 244); box-shadow: none; }
  .subc2 { display: block !important; }
  .form-inline2 .form-group { display: inline-block; margin-right: 1.3rem; width: 60%; }
  .form-inline2 .email input { border: 1px solid rgb(189, 189, 189); padding: 5px 10px; border-radius: 20px; height: 1.5rem; }
  .form-inline2 .email input[type="email"]:focus:not([readonly]) { box-shadow: rgb(66, 133, 244) 0px 1px 0px 0px; border: 1px solid rgb(66, 133, 244) !important; }
  .form-inline2 .btnEmail { padding: 8px 20px; border-radius: 20px; background: rgb(2, 39, 93); margin-top: 2px; }
  .linkKanan { display: none; }
  .hukam { display: block; width: 100%; text-align: center; }
  .hukam a { display: block; color: rgb(255, 255, 255); margin: 5px; }
  .hukam a:hover { text-decoration: underline; }
}

@media (max-width: 767px) {
  .telpBC span { display: block; margin: 5px 0px 5px 12px; }
  .headerTop { height: 100px; }
  .alamatBC { width: 100%; display: block; text-align: center; }
  .telpBC { width: 100%; float: left; text-align: center; }
  .mega-menu .menu-logo > li > a img { height: auto !important; max-height: 70px; }
  .la1 { clip-path: none; }
  .isiLanding > div { height: 250px; }
  h3.jdulCon1 { left: 20px; font-size: 30px; }
  h3.jdulCon1 > span { display: block; font-size: 50px; }
  .oob_sli { position: relative; overflow: hidden; width: 100px !important; }
  .oob_sli ul { position: relative; margin: 0px; padding: 0px; list-style: none; }
  .oob_sli ul li { position: relative; display: block; float: left; margin: 0px; padding: 0px; width: 100px; text-align: center; line-height: 60px; font-size: 22px; }
  h3.kurs { color: rgb(255, 255, 255); font-size: 20px; }
  .follow { text-align: center; position: relative; left: -30px; }
  .subscribe .form-inline { margin: 0px 0px 0px 20% !important; }
  .subscribe .form-inline { float: none; margin: 0px 20%; }
  .isiWarta { clip-path: none; }
  .subWarta { height: 150px !important; }
  .isiSw { width: 31% !important; height: 135px !important; }
  .heline p { font-size: 12px; }
  a.contentWh2 { display: inline-block; width: 200px; margin: 30px 10px; height: 200px; }
  img.lbc { float: none !important; width: 80px !important; margin-bottom: 0px !important; margin-top: 20px !important; }
  .ket { text-align: center !important; margin-top: 5px !important; }
  .cu p { text-align: center !important; }
  .linkFoot { padding: 0px 15px !important; }
  .container-1 .icon { right: 0px; }
}

@media (max-width: 992px) {
  .headerAtas { text-align: center !important; }
  .headerAtas .text-right { text-align: center !important; }
  .headerAtas .text-right > .noTelp { display: block; margin: 10px; }
  .headerAtas .text-right > .ml-4 { margin-left: 0px !important; }
  .menuLink { display: none; }
  .ke2 { left: 0px; margin-right: 0px; }
  .ke4 { left: 0px; max-width: 240px; margin-right: 0px; }
  h3.jdulCon1 { position: absolute; top: 0px; font-size: 30px; left: 10px; }
  h3.jdulCon2 { position: absolute; bottom: 0px; font-size: 30px; right: 72px; left: 20px; }
  h3.jdulCon3 { position: absolute; bottom: 0px; font-size: 18px; right: 47px; left: 85px; }
  h3.jdulCon4 { position: absolute; bottom: 0px; font-size: 3px; right: 20px; left: 175px; }
  h3.jdulCon5 { position: absolute; bottom: 0px; font-size: 30px; right: 114px; left: 260px; }
  h3.jdulCon6 { position: absolute; bottom: 0px; font-size: 30px; right: 10px; left: 160px; }
  .la1 { clip-path: none; z-index: 2; max-width: none; }
  .la21 { clip-path: none; max-width: none; }
  .la22 { clip-path: none; left: 0px; max-width: none; height: 204px; }
  .la23 { clip-path: none; left: -64px; margin-right: -73px; height: 147px; background-size: unset; bottom: -29px; }
  .la24 { clip-path: none; position: initial; flex: 0 0 50%; max-width: none; background-position-x: -25px; height: 176px; }
  .subscribe .form-inline { margin: 0px 0px 0px 0%; }
  .email input { padding: 5px 7px; }
  .btnEmail { padding: 8px 7px; }
  .wh { margin-bottom: 70px !important; }
  .butbw { display: none; }
  .subWarta { height: 200px; }
  .isiSw { width: 31.55%; height: 185px; }
  a.cus { margin: 10px 30px !important; }
  a.cus span { display: block; top: 0px; }
  .linkFoot { padding: 0px 20px; margin: 5px; }
  .footerBawahKiri { float: none; text-align: center; padding: 20px; color: rgb(254, 253, 0); }
  .footerBawahKiri span { float: none; }
  .followMobile2 { float: none; text-align: center; padding: 30px 0px 0px; }
  .footerBawahKiri span > .lbc2 { margin-bottom: 30px; }
}

@media (max-width: 1199px) {
  .icon { float: right; display: block; margin: 12px 15px 15px; right: 10px; top: 0px; position: absolute; }
  .hamburger { width: 30px; height: 3px; background: rgb(33, 37, 41); position: absolute; transition: 0.5s; top: 20px; cursor: pointer; }
  .hamburger::before, .hamburger::after { content: ""; position: absolute; width: 30px; height: 3px; background: rgb(33, 37, 41); transition: 0.5s; }
  .hamburger::before { top: -8px; }
  .hamburger::after { top: 8px; }
  .icon.active .hamburger { background: rgba(0, 0, 0, 0); }
  .icon.active .hamburger::before { top: 0px; transform: rotate(45deg); }
  .icon.active .hamburger::after { top: 0px; transform: rotate(135deg); }
  .mega-menu .menuLink { display: none !important; }
  h3.jdulCon1 { position: absolute; top: 0px; font-size: 24px; left: 10px; }
  h3.jdulCon2 { position: absolute; bottom: 0px; font-size: 24px; right: 60px; }
  h3.jdulCon3 { position: absolute; bottom: 0px; font-size: 24px; right: 60px; }
  h3.jdulCon4 { position: absolute; bottom: 0px; font-size: 24px; right: 70px; }
  h3.jdulCon5 { position: absolute; bottom: 0px; font-size: 24px; right: 10px; }
  h3.jdulCon6 { position: absolute; bottom: 0px; font-size: 24px; right: 10px; }
  .oob_sli { display: none; }
  a.cus { margin: 10px 50px; }
  .isiSw { margin: 0px 6px; }
  .searchMobile { display: block !important; }
}