:root{
	--dms-blue-light: #0062ac;
	--dms-blue-dark: #0e2a45;
	--dms-soft-blue: #4f8fbf;
	--dms-red: #e50214;
	--font1: 'Vollkorn', serif; /* Heading Font */
	--font2: 'Roboto', sans-serif; /* Body Font */
	--font3: 'Raleway', sans-serif; /* Other Font */
}
*{
	outline: none !important;
	text-decoration: none !important;
	scroll-behavior: smooth;
}
.header {
	background-color: transparent;
	position: absolute;
	box-sizing: border-box;
	top: 0;
	border-left: 7px solid transparent;
	padding: 10px 15px;
	z-index: 21;
	width: 100%;
	transition: all .5s cubic-bezier(.22,.61,.36,1);
}
.header.bgchange {
	background-color: var(--dms-blue-light);
	position: fixed;
	height: 90px;
	border-left: 11px solid var(--dms-red);
}
.random-image img {
	width: 100%;
}
.random-image::after {
	content: "";
	width: 400px;
	height: 400px;
	background: #fff;
	position: absolute;
	margin-left: -7%;
	border-radius: 50%;
	filter: blur(43px);
	margin-top: -11%;
	left: 0;
}
.header.bgchange .brand{
	transform: scale(.61);
}
.brand {
	transform: scale(1);
	transition: transform .5s cubic-bezier(.22,.61,.36,1);
	transform-origin: top;
}
body.com_content.view-article h1 {
	background: linear-gradient(90deg, var(--dms-blue-light),var(--dms-blue-dark));
	text-transform: uppercase;
	background-clip: text;
	-webkit-background-clip: text;
	color: transparent;
	padding: 10px 20px;
}
body.view-article.layout-blog .item-page .page-header h1 {
	background: linear-gradient(90deg, var(--dms-blue-light) 30%, var(--dms-blue-dark));
	padding: 10px 25px;
	color: #fff;
	border-bottom: 3px solid var(--dms-red);
}
.item-page p, .item-page li {
	font-size: 1.4em;
	line-height: 1.6;
}
.item-page ul li, .item-page ol li{
	margin-bottom: 11px;
}
.item-page ul li:last-child, .item-page ol li:last-child{
	margin-bottom: 0;
}
.item-page ul li {
	list-style: none;
}
.item-page ul li::before {
	content: "\f072";
	font-family: fontAwesome;
	margin-right: 5px;
	margin-left: -26px;
}
/******************************
START Greeting Styling
******************************/
.img-inline img {
	width: 43px;
	vertical-align: bottom;
}
.greet-col p {
	font-size: 2em;
	line-height: 1.4;
}
.img-cont {
	display: flex;
	padding: 40px;
}
.img-img {
	flex: 1;
	justify-content: center;
	display: inherit;
}
.img-desc {
	flex: 2;
	align-items: center;
	display: flex;
}
/******************************
END Greeting Styling
******************************/

.wl-af{
  display: none;
  padding: 1% 25% 9%;
  font-size: 1.4em;
  line-height: 1.6;
}
.view-article .wl-af{
  display: block;
}
/******************************
START Blog Page Styling
******************************/
.blog .leading-0 img {
	max-height: 400px;
	width: 100%;
	object-fit: cover;
}
.blog .item img {
	height: 250px;
	width: 100%;
	object-fit: cover;
	object-position: center;
}
.readmore a {
	background: #f0f0f0;
	border: none;
	box-shadow: none;
	color: var(--dms-blue-light);
	border-radius: 20px;
}
.pagination ul > li > a, .pagination ul > li > span {
	border: none;
}
/******************************
END Blog Page Styling
******************************/

/******************************
START Perijinan Styling
******************************/
.wl_ijin_title {
	text-align: center;
	font-size: 2em;
	margin-bottom: 20px;
	text-transform: uppercase;
	color: var(--dms-blue-light);
	font-weight: bold;
}
.wl_ijin_cont {
	display: flex;
	padding: 20px 80px;
	background: radial-gradient(circle at 50%, var(--dms-blue-light), var(--dms-blue-dark));
	color: #fff;
	flex-wrap: wrap;
	justify-content: center;
	border-top: 3px solid var(--dms-red);
}
.wl_ijin_item {
	width: 30%;
	text-align: center;
	margin: 20px;
}
.wl_ijin_item i {
	font-size: 3em;
}
.wl_ijin_item i, .wl_ijin_item h2{
	color: var(--dms-soft-blue);
}
.wl_ijin_item p {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}
/******************************
END Perijinan Styling
******************************/

/******************************
START Map Info Styling
******************************/
.map-cont {
	display: flex;
	justify-content: center;
	position: relative;
}
.map-desc {
	position: absolute;
	width: 100%;
	bottom: 0;
	background: #ffffffd6;
	padding: 10px;
	border: 10px solid var(--dms-blue-light);
	box-sizing: border-box;
}
.map {
	padding: 10px;
}
/******************************
END Map Info Styling
******************************/

/******************************
START Weblee Menu
******************************/
.weblee-menu, .divider.deeper.parent {
	position: relative;
	cursor: default;
}
.weblee-menu li {
	float: left;
	margin: 3px;
}
.weblee-menu li.current.active a, .bgchange .weblee-menu li.current.active a{
	color: var(--dms-red);
}
.weblee-menu li a, .weblee-menu li span {
	padding: 23px 10px;
	color: var(--dms-blue-light);
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	transition: color .5s ease;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
	-o-transition: color .5s ease;
}
.bgchange .weblee-menu li a, .bgchange .weblee-menu li span{
	color: #fff;
}
.weblee-menu li a:hover, .weblee-menu li span:hover{
	color: var(--dms-blue-dark);
}
.weblee-menu .deeper.parent::after {
	content: '';
	width: 8px;
	height: 8px;
	border: 4px solid transparent;
	position: absolute;
	top: 43%;
	right: -2px;
	box-sizing: border-box;
	border-top-color: var(--dms-blue-dark);
}
.bgchange .weblee-menu .deeper.parent::after{
	border-top-color: #fff;
}
.weblee-menu .deeper.parent:hover::after {
	border-top-color: transparent;
}
.weblee-menu li.deeper.parent:hover .nav-child{
	display: block;
}
/* Begin Nav Child */
.weblee-menu .nav-child {
	left: 0;
	border: none;
	background-color: #ffffffd5;
	border-radius: 0;
	padding: 0;
	position: absolute;
	display: none;
}
.bgchange .weblee-menu .nav-child li a{
	color: var(--dms-blue-dark);
}
.weblee-menu .nav-child li a {
	padding: 10px;
}
.weblee-menu .nav-child li a:hover, .bgchange .weblee-menu .nav-child li a:hover, .bgchange .weblee-menu .nav-child li.current.active a:hover{
	background: var(--dms-blue-light);
	color: #fff;
}
.weblee-menu li > .nav-child::after {
	left: 41px !important;
}
.weblee-menu li > .nav-child::before {
	left: 40px !important;
	border-bottom-color: var(--dms-blue-dark) !important;
}
.weblee-menu li > .nav-child li {
	margin: 0;
	float: none;
}
.navbar .btn-navbar {
	background: transparent;
	border: none;
	box-shadow: none;
	position: fixed;
	top: 20px;
	right: 10px;
}
.icon-bar {
	background-color: var(--dms-soft-blue) !important;
	height: 4px !important;
	border-radius: 2px !important;
}
.icon-bar:nth-child(2){
	width: 34px !important;
}
.icon-bar:nth-child(3){
	width: 25px !important;
}
/******************************
END Weblee Menu
******************************/

/******************************
START Air Freight, Sea Freight, Warehouse Inland Transport
******************************/
.aswi-module {
	margin-top: -113px;
}
.aswi_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: space-around;
	background: var(--dms-soft-blue);
	padding: 52px 0;
}
.aswi_row1, .aswi_row2 {
	display: flex;
	flex-direction: column;
	width: 72%;
	margin-left: auto;
	margin-right: auto;
}
.aswi_row1 .aswi_col:nth-child(1) .aswi_img, .aswi_row2 .aswi_col:nth-child(1) .aswi_img {
	float: left;
	margin-right: 20px;
}
.aswi_row1 .aswi_col:nth-child(2) .aswi_img, .aswi_row2 .aswi_col:nth-child(2) .aswi_img {
	float: right;
	margin-left: 20px;
}
.aswi_col {
	width: 100%;
	box-shadow: 1px 1px 0 var(--dms-blue-dark), -2px 1px 0 var(--dms-blue-dark);
	background: var(--dms-blue-light);
	margin-bottom: 34px;
	cursor: default;
	color: #fff;
	border-radius: 0 0 10px 10px;
	transition: all .5s cubic-bezier(.68,-0.55,.27,1.55);
	-webkit-transition: all .5s cubic-bezier(.68,-0.55,.27,1.55);
	-moz-transition: all .5s cubic-bezier(.68,-0.55,.27,1.55);
}
.aswi_col p {
	font-size: 1.2em;
	line-height: 1.6;
}
.aswi_col:hover {
	transform: scale(1.069);
	box-shadow: -17px 21px 5px var(--dms-blue-dark);
}
.aswi_img {
	position: relative;
}
.aswi_img img:nth-child(1) {
	position: absolute;
}
.aswi_col:hover .aswi_img img:nth-child(1) {
	display: none;
}
.aswi_col h2, .aswi_col p {
	padding: 0 11px;
}
.aswi_col h2 {
	background: var(--dms-blue-dark);
	margin: 0;
	padding: 14px 11px;
}
.top, .bottom{
	position: relative;
	z-index: -1;
}
.bottom svg {
	margin-bottom: -9px;
}
.top {
	margin-bottom: -192px;
}
/******************************
END Air Freight, Sea Freight, Warehouse Inland Transport
******************************/

/******************************
START BT Content Styling
******************************/
.info-layanan {
	width: 72%;
	margin-left: auto;
	margin-right: auto;
}
.bt-cs .bt-center {
	text-align: left !important;
	overflow: hidden;
}
.bt-cs .bt-inner .bt-title, .bt-cs h3{
	color: #fff !important;
}
.info-layanan h3 {
	text-transform: uppercase;
	text-align: center;
	background: var(--dms-blue-light);
	padding: 10px;
	color: #fff;
	border-bottom: 3px solid var(--dms-red);
}
.bt-title {
	display: block;
	text-align: center;
	padding: 20px 5px;
	margin-bottom: -18px;
	background: linear-gradient(90deg,var(--dms-blue-dark),var(--dms-blue-light));
	border-bottom: 3px solid var(--dms-red);
}
.bt-row-separate {
	border: none !important;
}
.bt-center a img {
	margin: auto !important;
	width: 100% !important;
	display: block;
}
.bt-cs .bt-inner a.bt-image-link {
	position: relative;
	overflow: hidden;
}
.bt-cs .bt-inner img {
	outline: none !important;
	border: none !important;
	max-width: 100% !important;
}
#btcontentslider93 {
	margin-bottom: 50px;
}
#btcontentslider93 h3 {
	text-align: center;
}
#btcontentslider93 .slides_container {
	border: none !important;
	max-width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#weblee_footer .bt-title {
	position: absolute;
	z-index: 10;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-52%);
	color: var(--dms-blue-light) !important;
	background: #171717de;
}
#weblee_footer .bt-cs .bt-inner a.bt-image-link::after{
	display: none;
}
/******************************
END BT Content Styling
******************************/

/******************************
START JD Contact Form Styling
******************************/
.jd-simple-contact-form input, .jd-simple-contact-form textarea {
	width: 80%;
	border-color: var(--dms-blue-light);
}
.jd-simple-contact-form {
	margin-top: 50px;
}
.jd-simple-contact-form .btn {
	background: var(--dms-blue-light);
	border: none;
	border-radius: 25px;
	text-shadow: none;
	padding: 10px 25px;
	text-transform: uppercase;
	box-sizing: border-box;
	width: 100px;
}
.jd-simple-contact-form label {
	color: dimgray;
}
/******************************
END JD Contact Form Styling
******************************/
.aswi_col .read-more-style{
	background-color: #fff;
	color: var(--dms-blue-dark);
}
.read-more-style {
	padding: 8px 11px;
	background-color: var(--dms-blue-light);
	color: #fff;
	display: table;
	position: relative;
	margin-top: 4px;
	text-transform: capitalize;
	transition: all .4s cubic-bezier(.86,0,.07,1);
	-webkit-transition: all .4s cubic-bezier(.86,0,.07,1);
	-moz-transition: all .4s cubic-bezier(.86,0,.07,1);
}
.read-more-style:hover {
	padding-right: 34px;
	color: #fff;
	background-color: var(--dms-blue-dark);
}
.read-more-style::after {
	content: '\e006';
	font-family: icomoon;
	position: absolute;
	right: 16px;
	opacity: 0;
	transition: all .4s cubic-bezier(.86,0,.07,1);
	-webkit-transition: all .4s cubic-bezier(.86,0,.07,1);
	-moz-transition: all .4s cubic-bezier(.86,0,.07,1);
}
.read-more-style:hover::after {
	right: 3px;
	opacity: 1;
}
.weblee_client_logo img {
	max-width: 160px;
}
.weblee2colwrapper {
	display: flex;
	background: #eff3f7;
	padding: 10px;
}
.weblee2col {
	flex: 1;
}
.backtop {
	padding: 20px;
	background: linear-gradient(160deg,var(--dms-blue-dark),var(--dms-blue-light));
	position: fixed;
	right: 27px;
	bottom: -70px;
	color: #fff !important;
	font-size: 1.4em;
	transition: bottom .3s ease-in;
}
.backtop.show{
	bottom: 100px;
}
.weblee-footer {
	background: var(--dms-blue-light);
	color: #fff;
	padding: 10px 5%;
	box-sizing: border-box;
}
.weblee-footer h3 {
	padding: 20px 10px;
	border-bottom: 1px dashed;
	background: linear-gradient(11deg,var(--dms-blue-light), var(--dms-blue-dark) 93%);
}
.weblee-footer a{
	color: var(--dms-soft-blue);
	transition: color .5s ease;
	-webkit-transition: color .5s ease;
	-moz-transition: color .5s ease;
}
.weblee-footer a:hover{
	color: #fff;
}
.weblee-footer p, .weblee-footer li {
	font-size: 1.2em;
	line-height: 1.6;
}
.footer {
	background: var(--dms-blue-dark);
	color: #fff;
	padding: 20px 10px 9px;
}
.footer a:hover{
	color: #fff;
}
@media screen and (max-width: 768px){
	.header{
		position: relative;
	}
	.nav-collapse, .nav-collapse.collapse {
		position: absolute;
		background: #fff;
		right: 0;
		top: 85px;
		width: 100%;
	}
    .wl-af{
        padding: 1% 5% 9%;
        font-size: 1.3em;
    }
	.wl_ijin_item {
		width: 40%;
	}
	.weblee2colwrapper{
		flex-direction: column;
	}
	.weblee-menu .nav-child {
		display: block;
		border: none;
		box-shadow: none;
		left: 7px;
		position: relative;
		width: 100%;
		top: -9px;
	}
	.weblee-menu .deeper.parent::after,.weblee-menu li > .nav-child::before{
		display: none !important;
	}
	.weblee_client_logo img {
		max-width: 90px;
	}
	.nivo-directionNav, .nivo-bullets01 .nivo-controlNav a {
		display: none !important;
	}
	#vt_nivo_slider90 img {
		height: 300px !important;
		object-fit: cover;
		object-position: left;
	}
	.aswi_wrapper{
		flex-wrap: wrap;
	}
	.aswi_col {
		width: 40%;
		margin-bottom: 20px;
	}
	.aswi_row1, .aswi_row2 {
		flex-direction: row;
		width: 80%;
		justify-content: space-between;
	}
	.aswi_row1 .aswi_col:nth-child(1) .aswi_img, .aswi_row2 .aswi_col:nth-child(1) .aswi_img {
		margin-right: 0;
	}
	.aswi_row1 .aswi_col:nth-child(2) .aswi_img, .aswi_row2 .aswi_col:nth-child(2) .aswi_img {
		margin-left: 0;
	}
	.img-cont {
		flex-direction: column-reverse;
	}
	.img-img img {
		z-index: -2;
	}
	.top {
		margin-bottom: -72px;
	}
	.info-layanan {
		width: 100%;
	}
	.greet-col p {
		font-size: 1.4em;
	}
	.bgchange .weblee-menu li a, .bgchange .weblee-menu li span {
		color: inherit;
	}
	.random-image::after {
		display: none;
	}
	.item-page h1 {
		font-size: 1.6em;
	}
	.item-page p, .item-page li {
		font-size: 1.3em;
	}
	.jd-simple-contact-form input, .jd-simple-contact-form textarea {
		width: 90%;
	}
}
@media screen and (max-width: 667px){
	.aswi_wrapper{
		flex-direction: column;
		padding: 10px;
	}
	.aswi_row1, .aswi_row2 {
		flex-direction: column;
		width: 94%;
	}
	.aswi_col {
		width: 61%;
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.backtop.show {
		display: none;
	}
	.wl_ijin_cont {
		padding: 20px;
		flex-direction: column;
	}
	.wl_ijin_item {
		width: auto;
	}
}
@media screen and (max-width: 414px){
	.aswi_col {
		width: 90%;
	}
}