/*

Vesion : 1.0
Author : Divisi Pengembangan TI BPJS Ketenagakerjaan

*/

@font-face {
	font-family: "Gotham Medium";
	font-style: normal;
	font-weight: normal;
	src: local("Gotham Medium"), url("../fonts/Gotham-Medium.woff") format("woff");
}

@font-face {
	font-family: "Gotham Book";
	src: local("Gotham Book"), url("../fonts/Gotham-Book.woff") format("woff");
}

body {
	/* padding-top: 50px; */
	/* font-family: "Roboto", sans-serif; */
}

.logo-bpjs {
	width: 50%;
	padding: 10px 10px;
	font-size: 18px;
	line-height: 20px;
}
.container-navigasi {
	padding-left: 50px;
	margin: 0px;
}

.navigasi {
	height: 0px;
}

.navbar-nav li {
	padding-top: 5px;
}

.img-lang {
	width: 80%;
	display: none !important;
}

.lang {
	padding: 0px !important;
	margin-right: -20px;
	float: left;
}

.menu {
	float: right !important;
}

.arrow {
	height: 50px;
	margin-top: 280px;
}

.page-position {
	width: 100%;
	margin-top: 14px;
}
.breadcrumb {
	background: #336ac4;
	background: -webkit-linear-gradient(left, #336ac4, #6ba5ff);
	border-radius: 0;
	padding: 10px 60px;
	margin-bottom: 0;
}
.breadcrumb > li + li:before {
	color: #fff;
}
.breadcrumb > .active {
	color: #ffffff91;
}
.breadcrumb > li {
	color: #fff;
}
.breadcrumb > li > a {
	color: #fff;
}

.clearfix {
	height: 20px;
}

.container-program {
	padding: 30px 0px 0px 0px;
	margin: 0px;
	background-image: url("../images/bg-program.png");
	background-size: cover;
	height: 600px;
}

.container-program ul {
	list-style-type: none;
}

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

.button {
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	width: 200px;
	cursor: pointer;
	margin: 5px;
}

.button span {
	cursor: pointer;
	position: relative;
	transition: 0.5s;
}

.button span:after {
	content: "\00bb";
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
}

.button a {
	text-decoration: none;
}

.button:hover span {
	border-radius: 20px;
	background-color: #0b615e;
	border: none;
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	padding: 10px;
	width: 250px;
	cursor: pointer;
	margin: 5px;
}

.button:hover span:after {
	border-radius: 20px;
	background-color: #0b615e;
	border: none;
	color: #ffffff;
	text-align: center;
	font-size: 22px;
	padding: 10px;
	width: 250px;
	cursor: pointer;
	margin: 5px;
}

.redaksi-program p {
	font-family: "Gotham Book";
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	padding: 50px;
}

.redaksi-program h3 {
	font-family: "Gotham Medium";
	color: #ffffff;
	text-align: center;
	font-size: 20px;
	padding: 50px;
}

.img-prg {
	width: 73%;
	text-align: center;
}

h1 {
	font-family: "Gotham Medium";
	text-align: center;
	padding: 50px;
}

p {
	font-family: "Gotham Book";
	text-align: center;
	font-size: 29px;
}

.pertanyaan {
	height: 500px;
}

.btn-jawab {
	font-size: 19px;
	margin: 40px 10px 10px 0px;
	padding: 20px;
	width: 30%;
	border-radius: 50px;
}

.container-manfaat-tambahan {
	background-color: #04b45f;
	color: #fff;
	height: 550px;
}

.content-manfaat-tambahan p {
	font-size: 25px;
	text-align: center;
}

.content-manfaat-tambahan h1 {
	margin: 0px;
}

.container-testimoni {
	background-color: #fff;
	height: 500px;
}

.container-campaign {
	background-color: #fff;
	height: 500px;
}

.container-news {
	background-color: #fff;
	height: 500px;
}

.header-migran {
	padding: 40px 0px 0px 0px;
	margin: 0px;
	background-image: url("../images/header-tki.svg");
	background-size: cover;
	height: 320px;
}

.header-bpu {
	padding: 40px 0px 0px 0px;
	margin: 0px;
	background-image: url("../images/header-bpu.html");
	background-size: cover;
	height: 320px;
}

.header-pu {
	padding: 40px 0px 0px 0px;
	margin: 0px;
	background-image: url("../images/header-pu.svg");
	background-size: cover;
	height: 320px;
}

.container-migran {
	padding: 20px;
	margin: 0px;
	background-color: #fff;
	min-height: 400px;
}
.page-title {
	font-size: 28px;
	margin-bottom: 30px;
}

.container-bpu-informasi-pekerja {
	padding: 20px 0px 50px 0px;
	margin: 0px;
	background-color: #fff;
	min-height: 400px;
}

.container-pu-informasi-perusahaan {
	padding: 20px 0px 50px 0px;
	margin: 0px;
	background-color: #fff;
	min-height: 400px;
}

.container-migran-upload-dok {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	background-color: #fff;
	height: 450px;
}

.container-migran-pengisian-form {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	background-color: #fff;
	height: 850px;
}

.container-migran-pengisian-form-2 {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	background-color: #fff;
	height: 650px;
}

.container-migran-pengisian-form-3 {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	background-color: #fff;
	height: 550px;
}

.container-migran-pilih-program {
	padding: 20px 0px 10px 0px;
	margin: 0px;
	background-color: #fff;
	min-height: 400px;
}

.container-migran-pembayaran {
	padding: 20px 0px 50px 0px;
	margin: 0px;
	background-color: #fff;
	min-height: 400px;
}

.panel-group .panel {
	border-radius: 0;
	box-shadow: none;
}

.panel-default > .panel-heading {
	padding: 0;
	border-radius: 0;
}

.panel-title {
	font-size: 14px;
}

.panel-title > a {
	display: block;
	padding: 15px;
	text-decoration: none;
}

.bank li.active:after {
	position: absolute;
	left: 80%;
	opacity: 1;
	margin: 0 auto;
	bottom: 20px;
	font-family: "Glyphicons Halflings";
	content: "\e080";
}

.panel-heading.active a {
	text-decoration: none;
	color: #333;
	font-family: "Gotham Medium";
}

.panel-heading a {
	text-decoration: none;
	font-family: "Gotham Book";
	color: #5570b8;
}

.panel-default > .panel-heading {
	background-color: #f2f2f2;
}

.panel-heading.active {
	background-color: #f2f2f2;
}

.container-profile {
	padding: 20px 0px 0px 0px;
	margin: 0px;
	background-image: url("../images/header-tki.svg");
	background-size: cover;
	height: 280px;
}

.info-profile {
	padding: 50px;
	margin-top: 0px;
	background-size: cover;
	min-height: 700px;
	display: flex;
	background-color: #e0f2f7;
	font-family: "Gotham Medium";
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
.foto-ktp {
	overflow: hidden;
	height: 150px;
	width: 150px;
	border-radius: 50%;
	margin: 20px auto;
}
.foto-ktp img {
	width: 150px;
	border-radius: 10%;
	margin-top: -20px;
	margin-bottom: -20px;
}
.kode-pembayaran {
	font-size: 29px;
}
.rincian-pembayaran {
	background-color: #f2f2f2;
	font-size: 20px;
	width: 50%;
}
.rincian-pembayaran-total {
	color: #fff;
	font-size: 20px;
	width: 50%;
	font-weight: bold;
}
.total-migran {
	background-color: #5570b8;
}
.border-right {
	border-right: 1px solid #ddd;
}
.border-right-white {
	border-right: 1px solid #fff;
}

.background-page-blue {
	background: #f4f7fb;
	padding: 10px 0;
}

span.bpu-round-tab-img-new {
	width: 40px;
	height: 40px;
	line-height: 41px;
	display: inline-block;
	background: #fff;
	border: 2px solid #005c99;
	z-index: 2;
	position: absolute;
	left: -10px;
	text-align: center;
	font-size: 18px;
	color: #005c99;
	top: -40px;
	border-radius: 5px;
	opacity: 0.6;
}
span.bpu-round-tab-img-new-active {
	width: 40px;
	height: 40px;
	line-height: 41px;
	display: inline-block;
	background: #005c99;
	border: 2px solid #005c99;
	z-index: 2;
	position: absolute;
	left: -10px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	top: -40px;
	border-radius: 5px;
}
span.bpu-text-wizard-new-active {
	font-family: "Gotham Book";
	font-size: 16px;
	position: absolute;
	left: -20px;
	color: #005c99;
	top: 50px;
	width: 160px;
	left: -60px;
}
span.bpu-text-wizard-new {
	font-family: "Gotham Book";
	font-size: 16px;
	position: absolute;
	left: -20px;
	color: #005c99;
	top: 50px;
	width: 160px;
	left: -60px;
	opacity: 0.6;
}
.bpu-connecting-line-new {
	height: 1px;
	background: #005c99;
	position: absolute;
	width: 85%;
	margin: 0 auto;
	left: -50px;
	right: 0;
	top: 43%;
	z-index: 1;
}
span.bpu-round-tab-bullet-active {
	width: 20px;
	height: 20px;
	line-height: 41px;
	display: inline-block;
	background: #005c99;
	border: 2px solid #005c99;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
	top: 15px;
	border-radius: 25px;
}
span.bpu-round-tab-bullet {
	width: 20px;
	height: 20px;
	line-height: 41px;
	display: inline-block;
	background: #6d94af;
	border: 2px solid #005c99;
	z-index: 2;
	position: absolute;
	left: 0;
	text-align: center;
	font-size: 18px;
	color: #fff;
	top: 15px;
	border-radius: 25px;
}
.padding-blue-bpu {
	padding: 80px 0 2px 0;
}
.wizard .nav-bpu-progress > li {
	width: 20%;
}

@media (max-width: 600px) {
	.bpu-connecting-line-new {
		height: 1px;
		background: #005c99;
		position: absolute;
		width: 83%;
		margin: 0 auto;
		left: -30px;
		right: 0;
		top: 55%;
		z-index: 1;
	}

	span.bpu-text-wizard-new {
		font-family: "Gotham Book";
		font-size: 16px;
		position: absolute;
		left: -20px;
		color: #005c99;
		top: 50px;
		width: 160px;
		left: -60px;
		opacity: 0.6;
		display: none;
	}

	.bpu-text-wizard-new-active {
		font-family: "Gotham Book";
		font-size: 16px;
		position: absolute;
		left: -20px;
		color: #005c99;
		top: 50px;
		width: 160px;
		left: -60px;
		opacity: 0.6;
		display: none;
	}
}

@media (max-width: 768px) {
	.logo-bpjs {
		width: 50%;
		padding: 5px;
	}
	.navbar-top {
		display: none;
	}
	.container-navigasi {
		padding-left: 0px;
		margin: 0px;
	}
	.lang {
		margin-right: -5px;
	}
	.img-lang {
		width: 10%;
	}

	.menu {
		float: left !important;
	}

	#navbar {
		width: 100%;
	}
	.nav > li > a {
		padding: 5px 15px !important;
	}
	.page-title {
		font-size: 22px;
		margin-bottom: 10px;
	}
	.arrow {
		height: 30px;
		margin-top: 65px;
	}
	.fileUpload {
		margin: 0px;
	}
	.kode-pembayaran {
		font-size: 24px;
	}
	.rincian-pembayaran {
		font-size: 16px;
	}
	.rincian-pembayaran-total {
		font-size: 18px;
	}
}
@media (max-width: 360px) {
	.logo-bpjs {
		width: 50%;
		padding: 5px;
	}

	.container-navigasi {
		padding-left: 0px;
		margin: 0px;
	}

	.img-lang {
		width: 10%;
	}

	.menu {
		float: left !important;
	}

	#navbar {
		width: 100%;
	}
}

body {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1rem;
	line-height: 1.4;
	color: #708198;
	background-color: #fff;
}

/* 11 :: TYPOGRAPHY */
html {
	font-size: 13px;
	font-weight: 400;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	speak: none;
	-webkit-font-smoothing: antialiased;
}
@media (min-width: 481px) {
	html {
		font-size: 1rem;
	}
}
@media (min-width: 740px) {
	html {
		font-size: 15px;
	}
}
@media (min-width: 992px) {
	html {
		font-size: 16px;
	}
}

body {
	font-size: 1rem;
}

/* 22 :: NAVBAR */
.navbar {
	font-family: "Gotham", sans-serif;
	box-shadow: 0 5px 10px rgba(0, 9, 128, 0.035), 0 7px 18px rgba(0, 9, 128, 0.05);
	-webkit-transition: box-shadow 0.35s ease-out, background-color 0.35s ease-out;
	transition: box-shadow 0.35s ease-out, background-color 0.35s ease-out;
}
@media (max-width: 481px) {
	.navbar {
		min-height: 50px;
	}
}
.navbar .navbar-brand {
	position: relative;
	font-size: 1.4rem;
}
.navbar .navbar-brand img {
	height: 30px;
	width: auto;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
	-webkit-transition: opacity 0.35s ease-out;
	transition: opacity 0.35s ease-out;
}
@media (min-width: 481px) {
	.navbar .navbar-brand img {
		height: 36px;
		margin-top: -18px;
	}
}
@media (min-width: 740px) {
	.navbar .navbar-brand img {
		height: 60px;
		/* margin-top: -30px; */
		left: 1rem;
	}
}
@media (max-width: 481px) {
	.navbar .navbar-brand {
		height: 50px;
	}
}
.navbar a {
	font-size: 0.95rem;
	font-weight: 600;
}
@media (min-width: 740px) {
	.navbar a {
		font-size: 1rem;
	}
}
.navbar .nav > li > a {
	padding-left: 10px;
	padding-right: 10px;
}
@media (min-width: 992px) {
	.navbar .nav > li > a {
		padding-left: 16px;
		padding-right: 16px;
	}
	.modal-lg {
		width: 900px;
	}
}
.navbar .dropdown-menu {
	background-color: transparent;
}
@media (min-width: 740px) {
	.navbar .dropdown-menu {
		background-color: #fff;
		box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
	}
}
.navbar .dropdown-menu a {
	font-size: 0.9rem;
}
.navbar .btn {
	-webkit-transition: background 0.35s ease-out;
	transition: background 0.35s ease-out;
	padding: 0rem 1rem;
	margin: 14px 0 9px 1rem;
	color: #fff;
}
@media (min-width: 481px) {
	.navbar .btn {
		margin: 13px 0 13px 1.25rem;
	}
}
@media (min-width: 740px) {
	.navbar .btn {
		margin: 32px 0 18px 1.2rem;
		color: #2d4a5b;
		border-left: 1px solid #2d4a5b;
		border-radius: 0;
	}
}
/* 22.1 :: Transparent Navbar */
.navbar.transparent,
.navbar.transparent.navbar-inverse,
.navbar.transparent.navbar-default,
.navbar.transparent.bg-primary {
	background-color: transparent;
	box-shadow: none;
	background-image: linear-gradient(to bottom, #00000090, #00000000);
}
.navbar.transparent .navbar-brand,
.navbar.transparent.navbar-inverse .navbar-brand,
.navbar.transparent.navbar-default .navbar-brand,
.navbar.transparent.bg-primary .navbar-brand {
	color: #fff;
}
.navbar.transparent .navbar-nav > li > a,
.navbar.transparent.navbar-inverse .navbar-nav > li > a,
.navbar.transparent.navbar-default .navbar-nav > li > a,
.navbar.transparent.bg-primary .navbar-nav > li > a {
	color: rgba(255, 255, 255, 0.85);
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
}
.navbar.transparent .navbar-nav > li > a > span,
.navbar.transparent.navbar-inverse .navbar-nav > li > a > span,
.navbar.transparent.navbar-default .navbar-nav > li > a > span,
.navbar.transparent.bg-primary .navbar-nav > li > a > span {
	background-color: rgb(255, 255, 255, 0);
	display: block;
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
}
.navbar.transparent .navbar-nav > li > a:hover > span,
.navbar.transparent.navbar-inverse .navbar-nav > li > a:hover > span,
.navbar.transparent.navbar-default .navbar-nav > li > a:hover > span,
.navbar.transparent.bg-primary .navbar-nav > li > a:hover > span {
	background-color: rgb(255, 255, 255, 0.21);
	display: block;
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
}
.navbar.transparent .navbar-nav > li > a:hover,
.navbar.transparent.navbar-inverse .navbar-nav > li > a:hover,
.navbar.transparent.navbar-default .navbar-nav > li > a:hover,
.navbar.transparent.bg-primary .navbar-nav > li > a:hover {
	color: #fff;
}
.navbar.transparent .navbar-nav > li.active > a,
.navbar.transparent.navbar-inverse .navbar-nav > li.active > a,
.navbar.transparent.navbar-default .navbar-nav > li.active > a,
.navbar.transparent.bg-primary .navbar-nav > li.active > a {
	color: #fff;
}
.navbar.transparent .btn,
.navbar.transparent.navbar-inverse .btn,
.navbar.transparent.navbar-default .btn,
.navbar.transparent.bg-primary .btn {
	color: #fff;
	border-left: 1px solid #fff;
	border-radius: 0;
}
/* 22.2 :: Variable Logos */
.navbar .ui-variable-logo .logo-default {
	opacity: 1;
}
.navbar .ui-variable-logo .logo-transparent {
	opacity: 0;
}
.navbar.transparent .ui-variable-logo .logo-default {
	opacity: 0;
}
.navbar.transparent .ui-variable-logo .logo-transparent {
	opacity: 1;
	height: 80px;
}
/* 22.3 :: Mobile Nav */
@media (max-width: 739px) {
	.ui-navigation {
		display: none;
		clear: both;
		padding-top: 1.25rem;
		padding-bottom: 1.25rem;
		border-top: 1px solid rgba(0, 0, 0, 0.05);
	}
}
.mobile-nav-active .navbar-nav .dropdown-menu {
	padding: 0 0 0.75rem 0;
}
.mobile-nav-active .navbar-nav.nav > li > a:hover {
	background-color: #f6f7f8;
}
/* 22.4 :: Mobile Nav Toggle */
.ui-mobile-nav-toggle {
	margin-left: 1rem;
}
@media (min-width: 481px) {
	.ui-mobile-nav-toggle {
		margin-left: 2rem;
	}
}
@media (min-width: 740px) {
	.ui-mobile-nav-toggle {
		display: none;
	}
}
.ui-mobile-nav-toggle > div {
	position: relative;
	width: 24px;
	height: 16px;
	margin: 22px 0;
}
.ui-mobile-nav-toggle > div > span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background-color: #414c5a;
	border-radius: 4px;
	left: 0;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
.ui-mobile-nav-toggle > div > span:nth-child(1) {
	top: 0px;
}
.ui-mobile-nav-toggle > div > span:nth-child(2),
.ui-mobile-nav-toggle > div > span:nth-child(3) {
	top: 5.83333px;
}
.ui-mobile-nav-toggle > div > span:nth-child(4) {
	top: 11.66667px;
}
@media (max-width: 481px) {
	.ui-mobile-nav-toggle > div {
		margin: 17px 0;
	}
	.navbar.transparent .ui-variable-logo .logo-transparent {
		opacity: 1;
		height: 30px;
	}
}
.ui-mobile-nav-toggle.active > div > span:nth-child(1) {
	top: 10px;
	width: 0%;
	left: 50%;
}
.ui-mobile-nav-toggle.active > div > span:nth-child(2) {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.ui-mobile-nav-toggle.active > div > span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.ui-mobile-nav-toggle.active > div > span:nth-child(4) {
	top: 10px;
	width: 0%;
	left: 50%;
}
.transparent .ui-mobile-nav-toggle > div > span,
.navbar-inverse .ui-mobile-nav-toggle > div > span {
	background-color: #fff;
}
/*---*/
@media (min-width: 740px) {
	.container-nav {
		width: 600px !important;
	}
}
@media (min-width: 992px) {
	.container-nav {
		width: 736px !important;
	}
}
@media (min-width: 1200px) {
	.container-nav {
		width: 100% !important;
		padding-left: 7rem !important;
		padding-right: 7rem !important;
	}
}
/*bodytipis end*/
.container {
	margin-right: auto;
	margin-left: auto;
	padding-left: 1rem;
	padding-right: 1rem;
}
.container:before,
.container:after {
	content: " ";
	display: table;
}
.container:after {
	clear: both;
}
@media (min-width: 740px) {
	.container {
		width: 736px;
	}
}
@media (min-width: 992px) {
	.container {
		width: 956px;
	}
}
@media (min-width: 1200px) {
	.container {
		width: 1156px;
	}
}

nav-tabs {
	border-bottom: 0;
}
.nav {
	margin-bottom: 0;
	padding-left: 0;
	list-style: none;
}
.nav-tabs > li {
	float: left;
	margin-bottom: -1px;
	width: 50%;
	text-align: center;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #2d4a5b;
	cursor: default;
	background-color: #fff;
	border: 0;
	border-bottom-color: transparent;
	font-weight: bold;
}
.nav-tabs > li > a {
	margin-right: 0;
	line-height: 2.1;
	color: #2d4a5b;
}
.nav-tabs > li > a:hover {
	border-color: #ebf0f7;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}
.nav-tabs > li > a {
	border: 0;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
	color: #555;
	cursor: default;
	background-color: #fff;
	border: 0;
}
.nav > li > a:hover,
.nav > li > a:focus {
	text-decoration: none;
	background-color: #f0f4f9;
}
.tab-content > .active {
	padding: 15px;
}
.nav-news > li {
	width: auto;
	font-size: 18px;
}
.nav-news > li.active > a,
.nav-news > li.active > a:hover,
.nav-news > li.active > a:focus {
	color: #0087d9;
	cursor: default;
	border: 0;
	background-color: #fff0;
	border-bottom: 2px solid #0087d9;
	padding-bottom: 2px;
}
.nav-news > li > a:hover,
.nav-news > li > a:focus {
	text-decoration: none;
	background-color: rgba(240, 244, 249, 0);
	font-weight: bold;
}
.dropup,
.dropdown {
	position: relative;
}
.dropdown-toggle:focus {
	outline: 0;
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 9;
	display: none;
	float: left;
	min-width: 160px;
	padding: 0.75rem 0;
	margin: 2px 0 0;
	list-style: none;
	text-align: left;
	background-color: #fff;
	border-radius: 0.5rem;
	background-clip: padding-box;
}
.dropdown-menu.pull-right {
	right: 0;
	left: auto;
}
.dropdown-menu .divider {
	height: 1px;
	margin: 8.5px 0;
	overflow: hidden;
	background-color: #d8dde3;
}
.dropdown-menu > li > a {
	display: block;
	padding: 0.5rem 1.5rem;
	clear: both;
	font-weight: normal;
	line-height: 1.4;
	color: #708198;
	white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	text-decoration: none;
	color: #708198;
	background-color: #f6f7f8;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
	color: #fff;
	text-decoration: none;
	outline: 0;
	background-color: #0087d9;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	color: #8e9bae;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
	text-decoration: none;
	background-color: transparent;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
	cursor: not-allowed;
}
.open > .dropdown-menu {
	display: block;
}
.open > a {
	outline: 0;
}
.dropdown-menu-right {
	left: auto;
	right: 0;
}
.dropdown-menu-left {
	left: 0;
	right: auto;
}
.dropdown-header {
	display: block;
	padding: 0.5rem 1.5rem;
	font-size: 13px;
	line-height: 1.4;
	color: #8e9bae;
	white-space: nowrap;
}
.dropdown-backdrop {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	z-index: -1;
}
.pull-right > .dropdown-menu {
	right: 0;
	left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
	border-top: 0;
	border-bottom: 4px dashed;
	border-bottom: 4px solid \9;
	content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
	top: auto;
	bottom: 100%;
	margin-bottom: 2px;
}
/* 17 :: DROPDOWNS */
.dropdown .dropdown-header {
	font-weight: 600;
	text-transform: uppercase;
}
.dropdown .dropdown-menu li a {
	font-weight: 600;
}
.navbar-fixed-top {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 9;
}
@media (min-width: 740px) {
	.navbar-left {
		float: left !important;
	}
	.navbar-right {
		float: right !important;
		margin-right: -1rem;
	}
	.navbar-right ~ .navbar-right {
		margin-right: 0;
	}
}
.navbar-default {
	background-color: #fff;
	border: 0;
}
.navbar-default .navbar-brand {
	color: #0087d9;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #0087d9;
}
.navbar-default .navbar-text {
	color: #414c5a;
}
.navbar-default .navbar-nav > li > a {
	color: #2d4a5b;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #2d4a5b;
}
.navbar-default .navbar-nav > li > a > span,
.navbar-default .navbar-nav > li > a > span {
	background-color: rgb(0, 0, 0, 0);
	display: block;
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
}
.navbar-default .navbar-nav > li > a:hover > span,
.navbar-default .navbar-nav > li > a:focus > span {
	background-color: rgb(0, 0, 0, 0.05);
	display: block;
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ffdb00;
}
/* navigasi */
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #f6f7f8;
}
.navbar-default .navbar-link {
	color: #414c5a;
}
.navbar-default .navbar-link:hover {
	color: #0087d9;
}
.navbar-default .btn-link {
	color: #414c5a;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
	color: #0087d9;
}
.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
	color: #f6f7f8;
}

.navbar.transparent .navbar-nav > li > a,
.navbar.transparent.navbar-inverse .navbar-nav > li > a,
.navbar.transparent.navbar-default .navbar-nav > li > a,
.navbar.transparent.bg-primary .navbar-nav > li > a {
	background: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background: none;
}

/*AREA CSS FOOTER*/
.container-footer {
	padding-top: 30px;
	font-weight: 100;
}

.container-footer ul {
	list-style-type: none;
	text-align: left;
	padding-left: 0px !important;
}

.container-footer li {
	font-size: 14px;
	color: white;
	list-style: outside;
	font-family: "Gotham";
	margin: 7px 0;
}

.container-footer li a {
	color: white;
	text-decoration: none;
}

.container-footer li a:hover {
	color: white;
	text-decoration: underline;
}
.container-footer p.copy {
	color: #a1b6c3;
	margin-top: 10px;
	font-size: 12px;
	padding: 10px;
}

p {
	font-family: "Gotham";
	text-align: center;
	font-size: 29px;
}

.container-footer li.footer-menu-1st {
	font-size: 16px;
	color: #fff501;
	margin-bottom: 2px;
	list-style: none;
	font-weight: bold;
}

.footer {
	background-image: url(../images/footer-super-graf.png);
	background-size: 133px;
	background-color: #005c99;
	background-repeat: no-repeat;
	background-position: bottom right;
}
.footer .icon-social a {
	margin: 10px;
	font-size: 2.3em;
}
.footer .icon-social {
	margin-top: 10px;
}
@media (min-width: 740px) {
	.footer {
		background-image: url(../images/footer-super-graf.png);
		background-size: 360px;
		background-color: #005c99;
		background-repeat: no-repeat;
		background-position: bottom right;
	}
	.footer .icon-social {
		margin-top: 15px;
	}
	.footer .icon-social a {
		margin: 2px;
		font-size: 1.3em;
	}
}
.footer .foot-bottom a {
	color: #9ca4ac;
	text-decoration: underline;
	margin: 0 8px 0 0;
}

.footer a {
	color: #fff;
}
/* 20 :: ICON BLOCKS */
.ui-icon-blocks .ui-icon-block {
	position: relative;
	margin-bottom: 1rem;
}
.ui-icon-blocks .ui-icon-block p {
	display: inline-block;
	margin-bottom: 10px;
}
@media (min-width: 740px) {
	.ui-icon-blocks .ui-icon-block.mb-0-md-up {
		margin-bottom: 0;
	}
}
@media (min-width: 739px) {
	.ui-icon-blocks .ui-icon-block.mb-0-md-dwn {
		margin-bottom: 0;
	}
}
.ui-icon-blocks .ui-icon-block.col-xs-6 p {
	max-width: 260px;
}
@media (min-width: 740px) {
	.ui-icon-blocks .ui-icon-block.col-xs-6 p {
		max-width: 360px;
	}
}
.ui-icon-blocks .icon {
	font-size: 1.2rem;
	color: #0087d9;
}
.ui-icon-blocks .icon.icon-circle {
	width: 4.8rem;
	height: 4.8rem;
	line-height: 4.8rem;
	border-radius: 100%;
	background-color: #fff;
	box-shadow: 0 7px 15px rgba(0, 9, 128, 0.05), 0 12px 28px rgba(0, 9, 128, 0.075);
}
@media (min-width: 481px) {
	.ui-icon-blocks .icon.icon-circle {
		width: 5rem;
		height: 5rem;
		line-height: 5rem;
	}
}
@media (min-width: 740px) {
	.ui-icon-blocks .icon.icon-circle {
		width: 5.2rem;
		height: 5.2rem;
		line-height: 5.2rem;
	}
}
.ui-icon-blocks.ui-blocks-h {
	text-align: center;
}
.ui-icon-blocks.ui-blocks-h .icon {
	display: inline-block;
	margin-bottom: 1.25rem;
}
.ui-icon-blocks.ui-blocks-v {
	list-style: none;
	padding-left: 2rem;
}
.ui-icon-blocks.ui-blocks-v .icon {
	position: absolute;
	left: -2rem;
	top: 0.25rem;
}
.ui-icon-blocks.icons-md .icon {
	font-size: 2rem;
}
@media (min-width: 481px) {
	.ui-icon-blocks.icons-md .icon {
		font-size: 2.1rem;
	}
}
@media (min-width: 740px) {
	.ui-icon-blocks.icons-md .icon {
		font-size: 2.2rem;
	}
}
.ui-icon-blocks.icons-md.ui-blocks-v {
	padding-left: 4rem;
}
.ui-icon-blocks.icons-md.ui-blocks-v .icon {
	left: -4rem;
	top: 0.5rem;
}
.ui-icon-blocks.icons-lg .icon {
	font-size: 2.3rem;
}
@media (min-width: 481px) {
	.ui-icon-blocks.icons-lg .icon {
		font-size: 2.5rem;
	}
}
@media (min-width: 740px) {
	.ui-icon-blocks.icons-lg .icon {
		font-size: 2.8rem;
	}
}
.ui-icon-blocks.icons-lg.ui-blocks-v {
	padding-left: 5rem;
}
.ui-icon-blocks.icons-lg.ui-blocks-v .icon {
	left: -5rem;
	top: 0.5rem;
}

.call-center {
	display: block;
	margin-right: 25px;
	margin-top: 10px;
}
.call-center img,
.call-center-mobile img {
	max-width: 100%;
	height: auto;
}
.call-center-mobile {
	display: none;
}

@font-face {
	font-family: "simple-line-icons";
	src: url("../fonts/Simple-Line-Iconsb26c.html?v=2.4.0");
	src: url("../fonts/Simple-Line-Iconsb26c.html?v=2.4.0#iefix") format("embedded-opentype"), url("../fonts/Simple-Line-Iconsb26c-2.html?v=2.4.0") format("woff2"), url("../fonts/Simple-Line-Iconsb26c.ttf?v=2.4.0") format("truetype"), url("../fonts/Simple-Line-Iconsb26c-3.html?v=2.4.0") format("woff"), url("../fonts/Simple-Line-Iconsb26c-4.html?v=2.4.0#simple-line-icons") format("svg");
	font-weight: normal;
	font-style: normal;
}
.icon-user,
.icon-people,
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-login,
.icon-logout,
.icon-emotsmile,
.icon-phone,
.icon-call-end,
.icon-call-in,
.icon-call-out,
.icon-map,
.icon-location-pin,
.icon-direction,
.icon-directions,
.icon-compass,
.icon-layers,
.icon-menu,
.icon-list,
.icon-options-vertical,
.icon-options,
.icon-arrow-down,
.icon-arrow-left,
.icon-arrow-right,
.icon-arrow-up,
.icon-arrow-up-circle,
.icon-arrow-left-circle,
.icon-arrow-right-circle,
.icon-arrow-down-circle,
.icon-check,
.icon-clock,
.icon-plus,
.icon-minus,
.icon-close,
.icon-event,
.icon-exclamation,
.icon-organization,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-mustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-disc,
.icon-cursor,
.icon-cursor-move,
.icon-crop,
.icon-chemistry,
.icon-speedometer,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglass,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-folder-alt,
.icon-folder,
.icon-film,
.icon-feed,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-doc,
.icon-diamond,
.icon-cup,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-frame,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-loop,
.icon-home,
.icon-grid,
.icon-graph,
.icon-microphone,
.icon-music-tone-alt,
.icon-music-tone,
.icon-earphones-alt,
.icon-earphones,
.icon-equalizer,
.icon-like,
.icon-dislike,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-calendar,
.icon-bulb,
.icon-chart,
.icon-ban,
.icon-bubble,
.icon-camrecorder,
.icon-camera,
.icon-cloud-download,
.icon-cloud-upload,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-credit-card,
.icon-paypal,
.icon-social-tumblr,
.icon-social-twitter,
.icon-social-facebook,
.icon-social-instagram,
.icon-social-linkedin,
.icon-social-pinterest,
.icon-social-github,
.icon-social-google,
.icon-social-reddit,
.icon-social-skype,
.icon-social-dribbble,
.icon-social-behance,
.icon-social-foursqare,
.icon-social-soundcloud,
.icon-social-spotify,
.icon-social-stumbleupon,
.icon-social-youtube,
.icon-social-dropbox,
.icon-social-vkontakte,
.icon-social-steam {
	display: inline-block;
	font-family: "simple-line-icons";
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-globe-alt:before {
	content: "\e036";
}
.icon-globe:before {
	content: "\e037";
}

@font-face {
	font-family: "FontAwesome";
	src: url("../fonts/fontawesome-webfont3e6e.html?v=4.7.0");
	src: url("../fonts/fontawesome-webfontd41d.html?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont3e6e.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont3e6e.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont3e6e.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont3e6e-2.html?v=4.7.0#fontawesomeregular") format("svg");
	font-weight: normal;
	font-style: normal;
}
.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fa-search:before {
	content: "\f002";
}

/* Bootsrap Navbar */

@media (min-width: 740px) {
	.navbar-nav {
		margin: 10.25px -1rem;
	}
}
.navbar-nav > li > a {
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 19px;
}
@media (max-width: 739px) {
	.navbar-nav .open .dropdown-menu {
		position: static;
		float: none;
		width: auto;
		margin-top: 0;
	}
	.navbar-nav .open .dropdown-menu > li > a,
	.navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 5px 15px 5px 25px;
	}
	.navbar-nav .open .dropdown-menu > li > a {
		line-height: 19px;
	}
	.navbar-nav .open .dropdown-menu > li > a:hover,
	.navbar-nav .open .dropdown-menu > li > a:focus {
		background-image: none;
	}
}
@media (min-width: 740px) {
	.navbar-nav {
		float: left;
		margin: 0;
	}
	.navbar-nav > li {
		float: left;
	}
	.navbar-nav > li > a {
		padding-top: 30.5px;
		padding-bottom: 30.5px;
	}
}

.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
	margin-bottom: 0;
}

@media (min-width: 740px) {
	.navbar-left {
		float: left !important;
	}

	.navbar-right {
		float: right !important;
		margin-right: -1rem;
	}
	.navbar-right ~ .navbar-right {
		margin-right: 0;
	}
}
.navbar-default {
	background-color: #fff;
	border: 0;
}
.navbar-default .navbar-brand {
	color: #0087d9;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color: #0087d9;
}
.navbar-default .navbar-text {
	color: #414c5a;
}
.navbar-default .navbar-nav > li > a {
	color: #2d4a5b;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #2d4a5b;
}
.navbar-default .navbar-nav > li > a > span,
.navbar-default .navbar-nav > li > a > span {
	background-color: rgb(0, 0, 0, 0);
	display: block;
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
}
.navbar-default .navbar-nav > li > a:hover > span,
.navbar-default .navbar-nav > li > a:focus > span {
	background-color: rgb(0, 0, 0, 0.05);
	display: block;
	padding: 8px;
	margin: -8px;
	border-radius: 8px;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color: #ffdb00;
}
/* navigasi */
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
	color: #f6f7f8;
}
.navbar-default .navbar-link {
	color: #414c5a;
}
.navbar-default .navbar-link:hover {
	color: #0087d9;
}
.navbar-default .btn-link {
	color: #414c5a;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
	color: #0087d9;
}
.navbar-default .btn-link[disabled]:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:hover,
fieldset[disabled] .navbar-default .btn-link:focus {
	color: #f6f7f8;
}

.navbar-inverse {
	background-color: #414c5a;
}
.navbar-inverse .navbar-brand {
	color: #fff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
	color: #fff;
}
.navbar-inverse .navbar-text {
	color: #fff;
}
.navbar-inverse .navbar-nav > li > a {
	color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
	color: #fff;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
	color: #fff;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
	color: #444;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
	border-color: #323a45;
}
.navbar-inverse .navbar-link {
	color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .navbar-link:hover {
	color: #fff;
}
.navbar-inverse .btn-link {
	color: rgba(255, 255, 255, 0.75);
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
	color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:hover,
fieldset[disabled] .navbar-inverse .btn-link:focus {
	color: #444;
}

/*UPDATE TOPNAV */

.navbar.transparent .navbar-nav > li > a,
.navbar.transparent.navbar-inverse .navbar-nav > li > a,
.navbar.transparent.navbar-default .navbar-nav > li > a,
.navbar.transparent.bg-primary .navbar-nav > li > a {
	background: none;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background: none;
}

@media (min-width: 740px) {
	.navbar .dropdown-menu {
		background-color: #fff;
		border: 0;
		border-radius: 0.5rem !important;
	}
}
.arrow,
.arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	/* border-bottom-color: #fff; */
}
.arrow:after {
	content: "";
	border-width: 10px;
}
.arrow {
	top: -20px;
	left: 50%;
	margin-left: 0;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, 0);
}
.navbar .btn {
	color: #414c5a;
	border-left: 1px solid #414c5a;
	border-radius: 0;
}
.navbar .btn-search {
	border: 0 !important;
	width: 25px;
}
.navbar.transparent .btn-search {
	border: 0 !important;
	width: 25px;
}
/*UPDATE TOPNAV  END*/