/*
Public theme of the job portal. Layout, typography and components; the
colors chosen in Admin > Tata Letak come from theme/partials/colors.css.
License: GNU General Public License v2 or later
*/

/* Open Sans, self-hosted (same files and rules Google Fonts serves for the
   latin and latin-ext subsets): no request to Google, no render-blocking
   third-party stylesheet */
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-italic-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: italic; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-italic-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 600; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; font-stretch: 100%; font-display: swap; src: url('fonts/open-sans-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize.css
# Sidr.css
# Elements
# Forms
# Navigation
	## Menuss
	## Other Navigation
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
# Footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css
--------------------------------------------------------------*/
img,legend{border:0}legend,td,th{padding:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,optgroup,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre,textarea{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:2px solid #ecf0f1;margin:0 5px;padding:20px}table{border-collapse:collapse;border-spacing:0}*,:after,:before{box-sizing:border-box}

/* Sidr.css - mobile menu | MIT License | https://github.com/artberri/sidr */
.sidr{display:block;position:fixed;top:0;padding-top: 50px;height:100%;z-index:1;width:100%;z-index:999999;overflow-x:hidden;overflow-y:auto}
.sidr .sidr-inner{padding:0 0 0}
.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
.sidr.sidr-left{left:-100%;right:auto}
.sidr{font-size:13px;background:#fff;color:#222}
.sidr ul{display:block;margin:0 0 0;padding:0;}
.sidr ul li{position:relative;display:block;margin:0;line-height:38px;}
.sidr ul li.active,
.sidr ul li.sidr-class-active,
.sidr ul li:hover{border-top:0;line-height:38px}
.sidr ul li.active>a,
.sidr ul li.sidr-class-active>a,
.sidr ul li:hover>a{background-color: rgba(0,0,0,0.1);}
.sidr ul li a{padding:0 15px;display:block;text-decoration:none;color:#222}
.sidr ul li ul{border-bottom:0;margin:0}
.sidr ul li ul li{line-height:38px;font-size:13px}
.sidr ul li ul li.active,
.sidr ul li ul li.sidr-class-active,
.sidr ul li ul li:hover{border-top:0;line-height:38px}
.sidr ul li ul li a{padding-left:30px}
.sidr form{margin:0 15px}
.sidr label{font-size:13px}
.sidr input[type=search],
.sidr input[type=text]{width:100%;color:#222222;border: 1px solid #dddddd !important;font-size:13px;line-height: 13px;background-color: #ffffff;padding:15px 10px;box-sizing:border-box;margin:10px 0 10px;border:0;background:rgba(0,0,0,.1);color:rgba(256,256,256,.6);display:block;clear:both;}
.sidr .sub-toggle {position:absolute;right:0;top:0;cursor:pointer;border-left:1px solid #dddddd;width:40px;text-align:center;}
.sidr .sub-toggle .ik-icon-up:after,
.sidr .sub-toggle .ik-icon-down:after {
	display: inline-block;
	position: relative;
	margin-left: 3px;
	margin-right: 3px;
	margin-top: -5px;
	top: auto;
	bottom: auto;
	vertical-align: middle;
	content: ' ';
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #222222;
	transform-origin: 66% 66%;
	transform: rotate(45deg);
	transition: all 0.15s ease-in-out;
	height: 6px;
	width: 6px;
}
.sidr .sub-toggle .ik-icon-up:after {
	transform: rotate(225deg);
}
.sidr .sub-toggle:hover {color:red;background:rgba(255,255,255,0.5);}
.sidr ul.sidr-class-sub-menu {display:none;}
.sidr ul.sidr-class-sub-menu.active {display:block;}
a#sidr-id-close-topnavmenu-button {color: #222222;position: absolute;right: 15px;top: 8px;z-index:99999;font-size: 28px;}
.sidr-class-logo-wrap {padding: 0 15px;background-color: #f8f8f8;max-height: 50px;line-height: 50px;position: absolute;top: 0;width:100%;display:block;}
.sidr-class-logo-wrap img {max-height: 40px;width: auto;}

/* Support menu icons plugin */

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	font-size: 10px;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
	font-family: sans-serif;
	line-height: 1.5;
	margin: 0 auto;
	min-height: 100vh;
	min-height: 100svh; /* the footer sits at the bottom of short pages, see #footer-container */
	background-color: #f8f8f8; /* Fallback for when there is no custom background color defined. */
}
input,
button,
select,
textarea {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}
figure {
	margin: 0;
}
img {
	vertical-align: middle;
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}
.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}
hr {
	margin-top: 23px;
	margin-bottom: 23px;
	border: 0;
	border-top: 1px solid #ffffff;
}
[role="button"] {
	cursor: pointer;
}
mark,
.mark {
	background-color: #fcf8e3;
	padding: .2em;
}
a {
	color: #2980b9;
	text-decoration: none;
	transition: all .25s ease;
}
a:hover,
a:focus,
a:active {
	color: #3498db;
	text-decoration: none;
}
a:focus {
	outline-offset: -2px;
}
del {
	color: #6b7280
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: sans-serif;
	line-height: 1.1;
	color: inherit;
	margin-top: 0;
	margin-bottom: 10px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 19px;
}
h4 {
	font-size: 18px;
}
h5 {
	font-size: 17px;
}
h6 {
	font-size: 16px;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
	font-weight: normal;
	line-height: 1;
	font-size: 75%;
}
p {
	margin: 0 0 15px;
}
.item-article p {
	margin: 0 0 0 !important;
}
small {
	font-size: 85%;
}
blockquote {
	border-color: #ecf0f1;
	font-style: italic;
}
table {
	background-color: transparent;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 20px;
	width: 100%;
	border: 1px solid rgba(0,0,0,0.2);
}
caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #6b7280;
	text-align: left;
}
caption,
th,
td {
	text-align: left;
}
th {
	text-align: left;
	font-weight: bold;
	text-transform: uppercase;
}
td {
	border-top: 1px solid rgba(0,0,0,0.2);
	padding: 6px 12px;
}
fieldset {
	margin: 0 0 20px;
}
ul,
ol {
	margin-top: 0;
	margin-bottom: 11.5px;
}
ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 0;
}
.list-unstyled {
	padding-left: 0;
	list-style: none;
}
.list-inline {
	padding-left: 0;
	list-style: none;
	margin-left: -5px;
}
.list-inline > li {
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
}
dl {
	margin-top: 0;
	margin-bottom: 23px;
}
dt,
dd {
	line-height: 1.7;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0;
}
@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		clear: left;
		text-align: right;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 180px;
	}
}
abbr[title],
abbr[data-original-title] {
	cursor: help;
}
blockquote {
	padding: 11.5px 23px;
	margin: 0 0 23px;
	border-left: 5px solid #ecf0f1;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
	margin-bottom: 0 !important;
}
address {
	margin-bottom: 23px;
	font-style: normal;
	line-height: 1.7;
}
code,
kbd,
pre,
samp {
	font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
	padding: 2px 4px;
	font-size: 90%;
	color: #34495e;
	background-color: #f8f8f8;
	border-radius: 4px;
}
kbd {
	padding: 2px 4px;
	font-size: 90%;
	color: #ffffff;
	background-color: #34495e;
}
kbd kbd {
	padding: 0;
	font-size: 100%;
	font-weight: bold;
	box-shadow: none;
}
pre {
	display: block;
	padding: 11px;
	margin: 0 0 11.5px;
	font-size: 13px;
	line-height: 1.7;
	word-break: break-all;
	word-wrap: break-word;
	color: #fff;
	background-color: #2c3e50;
}
pre code {
	padding: 0;
	font-size: inherit;
	color: inherit;
	white-space: pre-wrap;
	background-color: transparent;
}
.text-left {
	text-align: left;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.text-justify {
	text-align: justify;
}
.text-nowrap {
	white-space: nowrap;
}

.ik-list-table {
	width: 100%;
	display: table;
}
.ik-table-row {
	display: table-row;
}
.ik-table-cell {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.center-block {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.pull-right {
	float: right !important;
}
.pull-left {
	float: left !important;
}
.hidden,
.hide {
	display: none !important;
}
.show {
	display: block !important;
}
.invisible {
	visibility: hidden;
}
.ik-headwrapper {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.site-header {
	position: relative;
}
.top-header {
	position: relative;
	z-index: 9999;
	box-shadow: 0px 6px 5px -2px rgba(214,222,228,0.8);
}
@media (max-width: 1200px) {
	.site-header {
		box-shadow: 0px 6px 5px -2px rgba(214,222,228,0.8);
		z-index: 9999;
	}
}
#site-container {
	position: relative;
	margin: 0 auto;
	max-width: 1106px;
}
.ik-content {
	margin-top: 20px;
}
.ik-logo {
	float: left;
}
.ik-logo img {
	max-width: 100%;
	height: auto;
}
.ik-logo .ik-logo-default {
	display: block;
}
@media (max-width: 1200px) {
	.ik-logo .ik-logo-default {
		margin-bottom: 8px;
	}
}
@media (max-width: 599px) {
	.ik-logo .ik-logo-default {
		width: 190px;
	}
}
.ik-table-cell.ik-logo {
	width: 50%;
}
.site-title {
	line-height: 1.1;
	color: inherit;
	margin-bottom: 0;
	font-size: 20px;
}
@media (max-width: 1200px) {
	.ik-table-cell.ik-search-wrap {
		margin-top: 10px;
		width: 100%;
		display: block;
	}
	.ik-table-cell.ik-logo {
		width:60%;
		display: inline-block;
	}
	.ik-search {
		width:100% !important;
		max-width:100% !important;
		display: block;
	}
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
a.button,
button.button,
input.button,
a.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 0 none;
	cursor: pointer;
	display: inline-block;
	outline: 0;
	overflow: visible;
	margin: 0;
	padding: 9px 15px;
	text-decoration: none;
	vertical-align: top;
	width: auto;
	vertical-align: middle;
	background-color: inherit;
	white-space: normal;
	height: auto;
	-webkit-appearance: none;
	appearance: none;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	transition: all .25s ease;
	color: #fff;
	border-radius:8px;
}
a.button:hover,
button.button:hover,
input.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:focus,
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:active,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	text-decoration: none;
	opacity: .85;
	color: #fff;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select,
textarea {
	background-color: inherit;
	border-width: 1px;
	border-style: solid;
	border-color: rgba(0,0,0,0.2);
	outline: 0;
	margin: 0;
	padding: 7px 14px;
	text-align: left;
	font-size: inherit;
	vertical-align: middle;
	font-family: inherit;
	box-sizing: border-box;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	-webkit-appearance: none;
	appearance: none;
	border-radius:8px;
}
input[type="text"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="password"][disabled],
input[type="search"][disabled],
input[type="number"][disabled],
input[type="tel"][disabled],
input[type="range"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="time"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="color"][disabled]
select[disabled],
textarea[disabled]{
	background-color: rgba(0,0,0,0.055);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
	border-color: rgba(0,0,0,0.3);
}
button[disabled],
input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled] {
	box-shadow: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	color: #888;
	cursor: default;
}
textarea,
select[size],
select[multiple] {
	height: auto;
}
select[size="0"],
select[size="1"] {
	height: 1.8em;
}
select {
	max-width: 100%;
}
textarea {
	min-height: 40px;
	overflow: auto;
	resize: vertical;
	width: 100%;
}
optgroup {
	color: black;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, "Liberation Sans", FreeSans, sans-serif;
}
optgroup::-moz-focus-inner {
	border: 0;
	padding: 0;
}
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 768px) {
	.container {
		max-width: 750px;
	}
}
@media (min-width: 992px) {
	.container {
		max-width: 960px;
	}
}
@media (min-width: 1200px) {
	.container {
		max-width: 1080px;
	}
}
.row {
	margin-left: -10px;
	margin-right: -10px;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12 {
	position: relative;
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}
@media (min-width: 1200px) {
	.col-md-12 {
		flex: 0 0 auto;width: 100%;
	}
	.col-md-11 {
		flex: 0 0 auto;width: 91.66666667%;
	}
	.col-md-10 {
		flex: 0 0 auto;width: 83.33333333%;
	}
	.col-md-9 {
		flex: 0 0 auto;width: 75%;
	}
	.col-md-8 {
		flex: 0 0 auto;width: 66.66666667%;
	}
	.col-md-7 {
		flex: 0 0 auto;width: 58.33333333%;
	}
	.col-md-6 {
		flex: 0 0 auto;width: 50%;
	}
	.col-md-5 {
		flex: 0 0 auto;width: 41.66666667%;
	}
	.col-md-4 {
		flex: 0 0 auto;width: 33.33333333%;
	}
	.col-md-3 {
		flex: 0 0 auto;width: 25%;
	}
	.col-md-2 {
		flex: 0 0 auto;width: 16.66666667%;
	}
	.col-md-1 {
		flex: 0 0 auto;width: 8.33333333%;
	}
}
/* Sticky Header */
.ik-sticky .top-header.pos-stickymenu {
	z-index: 9999;
	margin: 0 auto;
	top: 0;
	display: block;
	position: sticky;
}

.ik-no-sticky .pos-stickymenu{
	position: relative !important;
	top: auto !important;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.ik-secondmenuwrap {
	border-bottom: 1px solid #ffffff;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
.ik-mainmenu {
	margin: 0;
	padding: 0;
	line-height: 30px;
}
.ik-secondmenu {
	margin: 0;
	padding: 0;
}
.ik-mainmenu ul {
	list-style:none;
}
/* ul#primary-menu */
#primary-menu,
#primary-menu .sub-menu,
#primary-menu .children {
	margin: 0 auto;
	padding: 0;
	z-index: 9999;
}
#primary-menu > li,
#primary-menu .sub-menu li,
#primary-menu .children li {
	display: block;
	float: left;
	position: relative;
}
#primary-menu > li > a {
	position: relative;
	display: block;
	padding: 6px 12px;
	text-decoration: none !important;
	font-size: 13px;
	text-transform: uppercase;
}
/* dlpro shaded the first menu item on every page, which made "Beranda" look
   active next to the real current item; only the current item is shaded now */
.ik-secondmenu #primary-menu > li > a {
	padding: 0 0;
	margin-right: 20px;
	line-height: 25px;
	font-weight: 500;
	text-transform: inherit;
}
#primary-menu > li.menu-border > a span {
	border: 2px solid #fff;
	line-height: 20px;
	padding: 10px 15px;
	margin-top: 18px;
	margin-bottom: 18px;
}
#primary-menu > li.menu-item-has-children > a:after,
#primary-menu .sub-menu > li.menu-item-has-children > a:after,
#primary-menu .children > li.menu-item-has-children > a:after {
	display: inline-block;
	position: relative;
	margin-left: 6px;
	margin-right: 3px;
	margin-top: -5px;
	top: auto;
	bottom: auto;
	vertical-align: middle;
	content: ' ';
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-color: #111111;
	transform-origin: 66% 66%;
	transform: rotate(45deg);
	transition: all 0.15s ease-in-out;
	height: 6px;
	width: 6px;
}
#primary-menu > li.menu-item-has-children:hover > a:after {
	transform: rotate(225deg);
	border-color: #FF5722;
}
#primary-menu .sub-menu > li.menu-item-has-children > a:after,
#primary-menu .children > li.menu-item-has-children > a:after {
	transform: rotate(-45deg);
	height: 6px;
	width: 6px;
	margin-left: 0;
	margin-right: 0;
	margin-top: 5px;
	top: auto;
	bottom: auto;
	float: right;
}
#primary-menu .sub-menu > li.menu-item-has-children:hover > a:after,
#primary-menu .children > li.menu-item-has-children:hover > a:after {
	transform: rotate(135deg);
}
#primary-menu .sub-menu,
#primary-menu .children {
	left: 0;
	padding: 0;
	position: absolute;
	top: 120%;
	width: 200px;
	z-index: 999;
	opacity: 0;
	display: none;
	background-color: #fff;
	box-shadow: 0px 0px 4px -2px rgba(0,0,0,0.3);
}

#primary-menu > li.col-2 > .sub-menu {width: 350px;}
#primary-menu > li.col-3 > .sub-menu {width: 450px;}
#primary-menu > li.col-4 > .sub-menu {width: 600px;}
#primary-menu > li.col-2 > .sub-menu > li {width: 50%;float: left;display: inline;}
#primary-menu > li.col-3 > .sub-menu > li {width: 33.33%;float: left;display: inline;}
#primary-menu > li.col-4 > .sub-menu > li {width: 25%;float: left;display: inline;}
#primary-menu li.col-2 > .sub-menu,
#primary-menu li.col-3 > .sub-menu,
#primary-menu li.col-4 > .sub-menu {
	padding: 10px;
}
#primary-menu .sub-menu:after,
#primary-menu .children:after {
	bottom: 80%;
	left: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #fff;
	border-width: 10px;
	margin-left: -10px;
	opacity: 0;
	display: none;
}
#primary-menu .sub-menu ul,
#primary-menu .children ul {
	left: 200px !important;
	top: 0 !important;
}
#primary-menu .sub-menu ul:after,
#primary-menu .children ul:after {
	border-width: 0;
	margin-left: 0;
}
#primary-menu .sub-menu a,
#primary-menu .children a {
	display: block;
	line-height: 18px;
	font-size: 12px;
	letter-spacing: 0;
	padding: 6px 12px !important;
	text-align: left;
	text-transform: none !important;
	transition: all .25s ease;
}
#primary-menu .sub-menu li,
#primary-menu .children li {
	float: none;
}
/* Focused for accessibility */
#primary-menu li > .sub-menu.focused,
#primary-menu li:hover > .sub-menu,
#primary-menu li > .children.focused,
#primary-menu li:hover > .children {
	opacity: 1;
	top: 100%;
	display: block;
	animation: anim .5s ease-in-out;
}
#primary-menu li > .sub-menu.focused:after,
#primary-menu li:hover > .sub-menu:after,
#primary-menu li > .children.focused:after,
#primary-menu li:hover > .children:after {
	opacity: 1;
	bottom: 100%;
	display: block;
	animation: anim .5s ease-in-out;
}
@keyframes anim {
	0% {
		display: none;
		transform: translateY(20%);
	}
	1% {
		display: block;
		opacity: 0;
		transform: translateY(20%);

	}
	100% {
		opacity: 1;
		transform: translateY(0%);
	}
}

@media (max-width: 767px) {
	.ik-secondmenuwrap {
		text-align: center;
	}
	.ik-secondmenu {
		margin-bottom: 10px;
	}
	.ik-secondmenu #primary-menu > li {
		display: inline-block;
		float: none;
	}
	.ik-social-icon ul.pull-right {
		float: none !important;
		text-align: center;
	}
}
/* Responsive Menu */
.onlymobile-menu,
.close-topnavmenu-wrap,
#ik-responsive-menu {
	vertical-align: middle;
	display: none;
}
@media (max-width: 1200px) {
	.onlymobile-menu {display: inline-block;text-align: right;width: 40%;}
	#ik-responsive-menu {display: inline-block;position: relative;font-size: 30px !important;line-height: 30px !important;height: 30px !important;}
	.onlydesktop-content,
	.ik-mainmenu {
		display: none;
	}
}
/*
 * Top Search
 */
.ik-search {
	padding: 0;
	width: 100%;
	max-width: 200px;
}
.ik-search input[type="text"] {
	width: 100%;
	padding: 0 10px;
	font-size: 12px;
	height: 32px;
	line-height: 32px;
	border: 1px solid rgba(0,0,0,0.2);
	color: #111;
}
.ik-search form{
	position: relative;
	background-color: #ffffff;
	border-radius:8px;
}
.ik-search-submit {
	position: absolute;
	top: 1px;
	right: 1px;
	padding: 6px 6px;
	font-size: 16px;
	line-height: 12px;
	height: 30px;
	background-color: transparent;
	color: inherit !important;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/*--------------------------------------------------------------
## Other Navigation
--------------------------------------------------------------*/
.ik-social-icon {
	margin: 0;
	padding: 0;
}
.ik-social-icon ul {
	margin: 0 auto;
	padding: 0;
	list-style:none;
	z-index: 9999;
}
.ik-social-icon ul > li {
	display: inline-block;
	position: relative;
	margin-left:5px;
}
.ik-social-icon ul > li > a {
	position: relative;
	display: block;
	text-decoration: none !important;
	font-size: 13px;
	width: 25px;
	height: 25px;
	line-height: 25px;
	border: 1px solid #222;
	text-align: center;
	border-radius: 50%;
}
.site-main .post-navigation {
	overflow: hidden;
	padding: 10px 0 0;
	margin: 1.5em 0 0;
	border-top: 2px dashed #ecf0f1;
}

/*--------------------------------------------------------------
## Pagination
--------------------------------------------------------------*/
ul.page-numbers {
	list-style: none !important;
	padding-left: 0;
	text-align: center;
	font-size: 12px;
}
ul.page-numbers li {
	display: inline-block;
	margin: 0 2px;
}
ul.page-numbers li span.current,
ul.page-numbers li a {
	padding: 6px 12px;
	border-radius:2px;
}
ul.page-numbers li a:hover,
ul.page-numbers li span.page-numbers {
	background-color: #292d33;
	color: #fff;
}
ul.page-numbers li span.page-numbers.dots {
	background-color: transparent !important;
	color: inherit !important;
}
ul.page-numbers li svg {
	vertical-align: -0.125em;
}
ul.page-numbers li a.next,
ul.page-numbers li a.prev {
	padding: 6px 6px;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:focus {
	background-color: #efefef;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.1);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignnone {
	margin: 0 auto 20px auto;
}
.aligncenter,
div.aligncenter {
	display: block;
	margin: 0 auto 5px auto;
}
.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
a img.alignright {
	float: right;
	margin: 0 0 20px 20px;
}
a img.alignnone {
	margin: 0 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 20px;
}
.sidebar-layout .widget {
	background-color: #ffffff;
	padding: 20px;
	box-shadow: 0px 0px 10px rgba(214,222,228,.8);
}

/* Clearing fix element */
.widget:before,
.widget:after {
	content: "";
	display: table;
}
.widget:after {
	clear: both;
}
.page-title,
.widget-title {
	margin: 0 0 10px 0;
	font-size: 16px;
}
.page-title:after,
.widget-title:after {
	content: "";
	display: block;
	width: 100%;
	max-width: 70px;
	border-top: 2px solid #ddd;
	margin-top: 10px;
}
/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}
.widget ul {
	margin-top:-5px;
	margin-bottom:-5px;
	padding-left:0;
	list-style:none;
}
.widget ul.sub-menu,
.widget ul.children {
	margin-top:5px;
	padding-left:20px;
}
.widget li {
	padding:7px 0;
}

/* Search widget */

/* Tag Cloud */

/* RSS widget */

/* calendar widget */

/* All Widget */

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#primary {
	margin-bottom: 20px;
}
.content-area {
	background-color: #ffffff;
	padding: 20px;
	box-shadow: 0px 0px 10px rgba(214,222,228,.8);
}
.taxonomy-description {
	position:relative;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.taxonomy-description p:last-child {
	margin-bottom: 0 !important;
}
.has-post-thumbnail.ik-smallthumb .content-thumbnail {
	width: 47px;
}
.has-post-thumbnail.ik-smallthumb-blogs .content-thumbnail{
	float: left;
	position: relative;
	margin-bottom: 0;
	max-width: 200px;
}
.has-post-thumbnail.ik-smallthumb-blogs .item-article {
	position: relative;
	margin-left: 220px;
}
.ik-archivepage .entry-content p {
	font-size: 13px;
	line-height: 16px;
}
.item-article .entry-content {
	margin-top: 5px;
}
@media (max-width: 480px) {
	.has-post-thumbnail.ik-smallthumb-blogs .content-thumbnail {
		max-width: 100px;
	}
	.has-post-thumbnail.ik-smallthumb-blogs .item-article {
		margin-left: 120px;
	}
}
@media (max-width: 320px) {
	.has-post-thumbnail.ik-smallthumb-blogs .content-thumbnail {
		float: none !important;
		max-width: 100%;
	}
	.has-post-thumbnail.ik-smallthumb-blogs .content-thumbnail img {
		width: 100%;
		margin-bottom: 20px;
	}
	.has-post-thumbnail.ik-smallthumb-blogs .item-article {
		margin-left: 0 !important;
	}
}
.has-post-thumbnail.ik-smallthumb .item-article {
	position: relative;
	margin-left: 47px;
}
.item-article .entry-header {
	margin-bottom: 5px;
}
.ik-disablethumbnail-singlesoft .has-post-thumbnail .title-wrap {
	margin-left: 0;
}
.ik-box-content {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
.ik-infeed-banner .ik-box-content{
	border-width: 0 0 1px;
	border-color: rgba(0,0,0,0.2);
	border-style: solid;
	text-align: center;
}
.ik-archivepage.ik-box-content {
	border-bottom: 1px solid rgba(0,0,0,0.2);
}
.ik-archivepage.ik-box-content:last-child {
	border-bottom: 0 !important;
}
.ik-box-content.ik-single .entry-header {
	position: relative;
	padding-bottom: 5px;
	margin-bottom: 20px;
}
.ik-box-content.ik-single {
	padding-bottom: 0 !important;
}
@media (max-width: 767px) {
	.ik-box-content.ik-single .entry-header figure {
		max-width: 45px;
	}
	.ik-box-content.ik-single .entry-header h1.entry-title {
		font-size: 16px;
		line-height: 20px;
	}
	.has-post-thumbnail .title-wrap {
		margin-left: 55px !important;
	}
}
@media (max-width: 600px) {
	a.in-single-download {
		width: 100% !important;
		display: block !important;
		text-align: center !important;
		margin-bottom: 5px;
	}
}
.ik-box-content.ik-single .entry-header span.byline,
.ik-box-content.ik-single .entry-header span.posted-on {
	margin-top: 20px;
	color: #6b7280;
}
.ik-box-content.ik-single .entry-header span.byline {
	margin-right: 20px;
}
.entry-meta {
	font-size: 13px;
	line-height: 16px;
	color: #666666;
}
.entry-meta a {
	color: #4b5563;
}
div.post-title,
h2.post-title {
	font-size: 16px;
	line-height: 22px;
	font-weight: 700;
	margin-bottom: 0 !important;
}
h1.entry-title {
	font-size: 24px;
	line-height: 28px;
	margin-bottom: 5px !important;
}
.has-post-thumbnail .title-wrap {
	margin-left: 105px;
}
/* content with a fixed width (images, captions, tables) never overflows */
.entry-content [style*="width"] {
	max-width: 100%;
}
.entry-content,
.ik-box-content p {
	word-wrap: break-word;
}
.entry-content:before,
.entry-content:after {
	content: " ";
	display: table;
}
.entry-content:after {
	clear: both;
}

.updated:not(.published) {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-content {
	margin: 0 0 0;
}

/* Breadcrumbs */
.breadcrumbs {padding: 10px 20px;background-color: rgba(0,0,0,0.05);margin: -20px -20px 20px -20px;font-size: 12px;}
.breadcrumbs .separator{padding-left: 3px;padding-right: 3px;}
.breadcrumbs .separator svg {vertical-align: -0.25em;}

/* Author box */

/* Top Notification */
.ik-topnotification {
	padding: 10px 15px;
	background-color: #ffffff;
	font-weight: 700;
	position: relative;
	border-radius: 0px 0px 8px 8px;
	box-shadow: 0px 0px 10px rgba(214,222,228,.8);
}
.wrap-marquee {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	display: inline-flex;
	white-space: nowrap;
}
.text-marquee {
	color: #ffffff;
	background-color: #000000;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding: 5px 10px;
}
.ik-topnotification span.marquee {
	padding: 5px 10px;
	display: flex;
	flex-basis: 100%;
	padding-left: 100%;
	animation: marquee 35s linear infinite;
}

.ik-topnotification span.marquee:hover {
	animation-play-state: paused
}
.ik-topnotification .marquee-sep {
	margin: 0 14px;
	opacity: .45;
}
@keyframes marquee {
	0% {
		transform: translate(0, 0);
	}
	100% {
		transform: translate(-100%, 0);
	}
}

/* Software */
.ik-button-download {
	margin-top: 15px;
}
.ik-button-download .in-single-download {
	margin-right: 5px;
}
.ik-button-download svg,
.ik-button-download-bottom svg {
	font-size: 18px;
	vertical-align: -0.2em;
	margin-right: 5px;
}
.ik-list-specs {
	margin: 0 0 15px;
	padding: 0;
	list-style: none;
	word-wrap: break-word;
}
.ik-list-specs {
	border: 1px solid rgba(0,0,0,0.2);
	border-radius:8px;
	padding: 10px 15px;
}
.ik-list-specs > li {
	display: block;
	padding: 5px 0;
	font-size: 12px;
	line-height: 16px;
	border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.ik-list-specs > li:last-child {
	border: none !important;
}
.ik-list-specs span.list-title {
	font-weight: 700;
	width: 125px;
	display: inline-block;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/

/*--------------------------------------------------------------
### Comment Form
--------------------------------------------------------------*/
#respond {
	position:relative;
}

/* Related post */
div.ik-related-post {margin-top: 20px;}
div.ik-related-post .related-title {margin: 0 0 15px 0;font-size: 16px;}
div.ik-related-post .related-title:after {content: "";display: block;width: 100%;max-width: 70px;border-top: 2px solid #ddd;margin-top: 10px;}

/* Social share */
a.ik-sharebtn{color:#fff !important;margin-right:5px;font-size:12px;line-height: 12px;outline: 0;padding:6px 6px !important;border-radius: 8px;}
a.ik-sharebtn svg {
	font-size: 16px;
	vertical-align: -0.2em;
	margin-right: 0;
}
a.ik-twitter{background: #55acee;}
a.ik-facebook{background: #3b5998;}
a.ik-whatsapp{background: #25d366;}
a.ik-telegram{background: #0088cc;}
a.ik-email{background: #888888;}

@media (max-width: 600px) {
	a.ik-sharebtn {
		width: 19% !important;
		display: inline-block !important;
		text-align: center !important;
		margin-right: 1% !important;
		margin-bottom: 5px;
		padding: 11px 6px !important;
	}
}

/*--------------------------------------------------------------
# Infinite scroll & Jetpack plugin
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */

/* Widget module jetpack */

/* Widget Contact Form jetpack */

/* Border in title jetpack */

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.ik-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
	font-size: 12px;
	color: #6b7280;
}
.ik-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
figcaption,
.ik-caption {
	line-height: 1.4;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer-container {
	/* pushed down to the bottom of the body (at least a screen tall) when the page is short */
	position: sticky;
	top: 100vh;
	margin: 0 auto 0 auto;
}
.site-footer {
	text-align: center;
	padding: 15px 0;
}

.ik-ontop {
	position: fixed;
	bottom: 14px;
	right: 14px;
	cursor: pointer;
	padding: 4px;
	font-size: 30px;
	line-height: 0;
	color: var(--ik-primary);
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 2px 10px rgba(15, 23, 42, .25);
	z-index: 9999999;
}
.ik-ontop:hover {
	opacity: .85;
}

/* Banner */
.ik-center-ads {text-align: center;}
.ik-center-right {text-align: right;}
.ik-topbanner-aftermenu{margin-bottom: 20px;text-align: center;}
.ik-footerbanner{text-align: center;margin-bottom: 20px;}
.ik-banner-afterrelpost{margin-bottom: 20px;}
.ik-banner-beforecontent,
.ik-banner-insidecontent {margin-bottom: 20px;}
/* AdSense: keep ads clear of the APPLY NOW button below the content */
.ik-banner-aftercontent {margin: 24px 0 40px;}

/* sticky only where the specs box has its own column (.col-md-3 floats from
   1200px); between 992 and 1199px the columns stack and a sticky box would
   stay over the description while it scrolls */
@media (min-width: 1200px) {
	.pos-sticky{
		position: sticky;
		top: 66px;
	}
	.ik-no-sticky .pos-sticky{
		top: 25px;
	}
	.ik-disable-sticky .pos-sticky{
		position: relative !important;
		top: auto !important;
	}
}

/* --------------------------------------------------------------------------
   Site adjustments (formerly in Customizer > Additional CSS of inginkerja.id)
   -------------------------------------------------------------------------- */

[itemprop="offers"] {
    display: none;
}

/* APPLY NOW (top in .entry-meta, bottom under the content): white, bold */
a.button.in-single-download {
	color: #fff;
	font-weight: 700;
}
.ik-button-download-bottom {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.ik-button-download a {
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

.item-article p {
    margin: -4px 0 0 0 !important;
}

.ik-topnotification span.marquee {
    animation: marquee 10s linear infinite;
}

.site-title{display:inline-block;font-size:26px;font-weight:700;line-height:1.2;letter-spacing:-.01em;color:inherit}
/* Category list widget */
.widget ul.ik-links{margin:0}
.ik-links li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px;border-bottom:1px solid rgba(0,0,0,.12)}
.ik-links a{font-weight:700}
.ik-links .ik-count{font-size:12px;color:#777;font-weight:400}

/* Poster of a lowongan (above the bottom APPLY NOW): image, slider, PDF pages, Google Drive */
.ik-poster {
	margin: 10px 0 25px;
}
.ik-poster-title {
	margin-bottom: 15px !important;
}
.ik-poster figure {
	margin: 0;
}
.ik-poster-img {
	display: block;
	width: auto;
	max-width: 100%;
	height: auto;
	margin: 0 auto;
}
.ik-poster-single .ik-poster-img {
	border-radius: 8px;
}
.ik-slider {
	position: relative;
}
.ik-slider-track {
	display: flex;
	overflow-x: auto;
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	border-radius: 10px;
	background: #f3f4f6;
}
.ik-slider-track::-webkit-scrollbar {
	display: none;
}
.ik-slide {
	flex: 0 0 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	scroll-snap-align: center;
}
.ik-slide .ik-poster-img {
	max-height: 80vh;
}
.ik-slider .ik-slider-nav {
	position: absolute;
	top: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	margin-top: -30px;
	padding: 0;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.94);
	color: #111827;
	font-size: 22px;
	box-shadow: 0 2px 10px rgba(15, 23, 42, 0.25);
}
.ik-slider .ik-slider-nav:hover {
	color: #111827;
}
.ik-slider .ik-slider-nav[disabled] {
	visibility: hidden;
}
.ik-slider-prev {
	left: 10px;
}
.ik-slider-next {
	right: 10px;
}
.ik-slider-dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 12px;
}
.ik-slider .ik-slider-dots button {
	width: 8px;
	height: 8px;
	padding: 0;
	border-radius: 4px;
	background: #d1d5db;
	transition: width 0.2s, background-color 0.2s;
}
.ik-slider .ik-slider-dots button[aria-current="true"] {
	width: 22px;
	background: var(--ik-primary);
}
.ik-poster-pdf,
.ik-poster-drive {
	margin-bottom: 15px;
}
.ik-poster-pages {
	color: #6b7280;
	font-size: 13px;
}
.ik-poster-pages canvas {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 0 10px;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 6px;
}
.ik-poster-frame {
	position: relative;
	aspect-ratio: 3 / 4;
	max-height: 85vh;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 8px;
	overflow: hidden;
	background: #f3f4f6;
}
.ik-poster-frame iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.ik-poster-open {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-top: 8px;
	font-size: 13px;
	font-weight: 600;
}
@media (prefers-reduced-motion: reduce) {
	.ik-slider .ik-slider-dots button {
		transition: none;
	}
}

/* Apply page /{lowongan}/daftar/ and its countdown screen */
.ik-apply:not(.has-aside):not(.ik-redirect) {
	max-width: 780px;
	margin-left: auto;
	margin-right: auto;
}
.ik-apply svg {
	width: 1em;
	height: 1em;
	flex: none;
}
.ik-apply-head {
	display: flex;
	align-items: center;
	gap: 16px;
	padding-bottom: 18px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.08);
}
.ik-apply-logo {
	flex: none;
	width: 76px;
	height: 76px;
	padding: 4px;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 14px;
	background: #fff;
	overflow: hidden;
}
.ik-apply-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.ik-apply-kicker {
	margin: 0 0 4px !important;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--ik-primary);
}
.ik-apply-title,
.ik-redirect-title {
	margin: 0 !important;
	font-size: 22px;
	line-height: 1.3;
	overflow-wrap: anywhere;
}
.ik-apply-title a,
.ik-redirect-title a {
	color: inherit;
}
.ik-apply .ik-banner-beforecontent,
.ik-apply .ik-banner-aftercontent {
	max-width: 100%;
	margin: 0 0 28px;
	overflow: hidden;
	text-align: center;
}
/* AdSense: keep ads clear of the registration links above */
.ik-apply .ik-banner-aftercontent {
	margin: 28px 0 0;
}
.ik-apply-body {
	display: grid;
	gap: 24px;
}
.ik-apply-main {
	min-width: 0;
}
.ik-apply-heading {
	margin: 0 0 14px !important;
	font-size: 18px;
	line-height: 1.3;
}
.ik-apply-links {
	display: grid;
	gap: 10px;
	margin: 0 0 18px;
	padding: 0;
	list-style: none;
}
/* each link is one solid button in the primary color */
.ik-apply-link {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 14px 16px;
	border-radius: 12px;
	background: var(--ik-primary);
	color: #fff !important;
	text-decoration: none !important;
	transition: background-color 0.15s, box-shadow 0.15s;
}
.ik-apply-link:hover,
.ik-apply-link:focus-visible {
	background: var(--ik-accent, var(--ik-primary));
	box-shadow: 0 6px 16px rgba(15, 23, 42, 0.2);
}
.ik-apply-link:focus-visible {
	outline: 2px solid var(--ik-primary);
	outline-offset: 2px;
}
.ik-apply-num {
	flex: none;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 34px;
	border-radius: 50%;
	background: rgba(255,255,255,0.2);
	color: #fff;
	font-size: 14px;
	font-weight: 700;
}
.ik-apply-name {
	flex: 1;
	min-width: 0;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.3;
	overflow-wrap: anywhere;
}
.ik-apply-name small {
	display: block;
	margin-top: 2px;
	font-size: 12px;
	font-weight: 400;
	color: rgba(255,255,255,0.82);
}
.ik-apply-go {
	flex: none;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border-radius: 999px;
	background: rgba(255,255,255,0.2);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
}
.ik-apply-note {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	margin: 0 0 18px;
	padding: 12px 14px;
	border: 1px solid #f3d27a;
	border-radius: 10px;
	background: #fff8e6;
	color: #6b4f00;
	font-size: 13px;
	line-height: 1.5;
	text-align: left;
}
.ik-apply-note svg {
	margin-top: 1px;
	font-size: 18px;
}
.ik-apply-note p {
	margin: 0 !important;
}
.ik-apply-back {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	margin-bottom: 20px;
	font-size: 13px;
	font-weight: 600;
}
.ik-redirect .ik-apply-back {
	margin-bottom: 0;
}
.ik-redirect-card {
	max-width: 520px;
	margin: 16px auto 8px;
	text-align: center;
}
.ik-ring {
	position: relative;
	width: 104px;
	height: 104px;
	margin: 0 auto 16px;
}
.ik-ring svg {
	width: 100%;
	height: 100%;
	transform: rotate(-90deg);
}
.ik-ring circle {
	fill: none;
	stroke-width: 3.5;
}
.ik-ring-track {
	stroke: rgba(0,0,0,0.08);
}
.ik-ring-bar {
	stroke: var(--ik-primary);
	stroke-linecap: round;
	stroke-dasharray: 100;
	stroke-dashoffset: calc(100 - var(--ik-done, 0));
	transition: stroke-dashoffset 1s linear;
}
.ik-ring span {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 34px;
	font-weight: 700;
	color: var(--ik-primary);
}
.ik-redirect-title {
	margin-bottom: 8px !important;
	font-size: 20px;
}
.ik-redirect-text {
	margin: 0 0 20px !important;
	color: rgba(0,0,0,0.65);
	overflow-wrap: anywhere;
}
.ik-redirect-actions {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 14px;
	margin-bottom: 22px;
}
a.button.ik-apply-btn.ik-wait {
	visibility: hidden;
}
a.button.ik-apply-btn {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	max-width: 100%;
	padding: 12px 24px;
	border-radius: 999px;
	font-size: 15px;
	font-weight: 700;
	overflow-wrap: anywhere;
}
@media (min-width: 992px) {
	.has-aside .ik-apply-body {
		grid-template-columns: minmax(0, 1fr) 300px;
	}
}
@media (max-width: 599px) {
	.ik-apply-head {
		gap: 12px;
	}
	.ik-apply-logo {
		width: 60px;
		height: 60px;
		border-radius: 12px;
	}
	.ik-apply-title {
		font-size: 18px;
	}
	.ik-apply-link {
		gap: 12px;
		padding: 12px;
	}
	.ik-apply-go {
		padding: 8px 10px;
	}
}
@media (prefers-reduced-motion: reduce) {
	.ik-ring-bar,
	.ik-apply-link {
		transition: none;
	}
}

/* Dead ends (404, search without results): search again or pick a lowongan */
.ik-search-inline {
	display: flex;
	gap: 8px;
	margin: 18px 0 8px;
}
.ik-search-inline input[type="search"] {
	flex: 1;
	min-width: 0;
	height: 44px;
	padding: 0 12px;
	border: 1px solid rgba(0,0,0,0.25);
	border-radius: 6px;
	font-size: 15px;
}
.ik-search-inline .button {
	height: 44px;
	padding: 0 20px;
	border-radius: 6px;
	font-weight: 700;
}
.ik-recent-title {
	margin: 22px 0 6px;
	font-size: 16px;
}
.ik-recent-list {
	margin: 0 0 16px;
	padding: 0;
	list-style: none;
}
.ik-recent-list li {
	border-bottom: 1px solid #eee;
}
.ik-recent-list a {
	display: block;
	padding: 10px 0;
	font-weight: 600;
}

/* Finger-sized targets on phones: footer links, header search, menu close */
@media (max-width: 767px) {
	.ik-secondmenu #primary-menu > li > a {
		display: inline-block;
		margin: 0 8px;
		padding: 9px 2px;
		line-height: 22px;
	}
	.ik-search input[type="text"] {
		height: 40px;
		line-height: 40px;
		padding-right: 44px;
		font-size: 14px;
	}
	.ik-search-submit {
		width: 42px;
		height: 38px;
	}
	a#sidr-id-close-topnavmenu-button {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-width: 44px;
		min-height: 44px;
		top: 4px;
		right: 6px;
	}
}
/* the whole row of a link list is the link, not only its words */
.ik-links li { padding: 0 10px; }
.ik-links a { flex: 1; padding: 10px 0; }