/*!
 * CSS Document
 * MK Engineers
 * Original author: MK Engineers
 * Version 1.0 2016-08-25
 * Further changes, comments: MK Engineers
 */
@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic);
@import url("animate.css");
/*@import url("animsition.min.css");*/

@media (min-width: 991px) {
	::-webkit-scrollbar-track { background-color: #dbdbdb; }
	::-webkit-scrollbar { width: 7px; height: 7px; background-color: #dbdbdb; }
	::-webkit-scrollbar-thumb { background-color: #555; }
}

/* =========================================
GLOBAL STYLES
========================================= */
html {  font-size: 100%; }
body {
	/*font-family: Calibri,"Lucida Sans Unicode",Arial;*/
	font-family: 'Roboto', sans-serif;
	background: #1b1f2a; /*023851*/
    -webkit-user-drag: none; -webkit-user-select: none; -moz-user-select: none;	-ms-user-select: none;	user-select: none;
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
}
.animsition { overflow: hidden; }
body, header, a, button, input, p, span, h1, h2, h3, h4, h5, h6, label, img, svg, i, .shadowHover {
	-webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; }
a { color: #485fa5; text-decoration: none; }
a:hover { color: #645a8b; text-decoration: none; }
a:active, a:visited, a:focus, button, input { outline: none !important; }
.white-space-normal { white-space: normal!important; } .none { display: none !important; } .inline-block { display: inline-block; } .inline { display: inline; }

.shadowHover:hover, .btn:hover, .shadowHover:focus, .form-control:focus { -webkit-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.2); box-shadow: 0px 5px 15px 0px rgba(50, 50, 50, 0.2); }
.shadow { -webkit-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.48); -moz-box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.48); box-shadow: 0px 5px 5px 0px rgba(50, 50, 50, 0.48); }
.shadow-none { -webkit-box-shadow: none!important; -moz-box-shadow: none!important; box-shadow: none!important; }

ul > li { color: #666565;	transition: color 100ms ease-in 50ms; }
ul > li:hover {	cursor: default;	color: #336d9a; }

.clear { clear: both; }
.nopadLeft { padding-left: 0; }
.nopadRight { padding-right: 0; }
.center {    float: none !important;    margin: 0 auto !important;    text-align: center; } .bd-none { border: none !important;}
.centered {   margin-left: auto;    margin-right: auto;    float: none;   text-align: center; }
.f30 { font-size: 30px;} .font-weight-400 { font-weight: 400!important; }
.mb-m10 { margin-bottom: -10px; } .mt-0 { margin-top: 0; } .mb-0 { margin-bottom: 0!important; } .mb-5 { margin-bottom: 5px; } .mr-0 { margin-right: 0!important;}
.mt-10 { margin-top: 10px; } .mt-15 { margin-top: 15px; } .mb-10 { margin-bottom: 10px; } .mb-15 { margin-bottom: 15px; } .mb-20 { margin-bottom: 20px; } .p-0 { padding: 0;} .pb-10 { padding-bottom: 10px; }
.h2 { font-size: 18px; font-weight: 400; color: #485fa5; }
.h4 { font-size: 16px; font-weight: 500; color: #485fa5; }
.text-gray { color: #797979; }

textarea {	resize: none; }
table {	border-collapse: collapse;	border-spacing: 0; }

.MKEadaptiveimg {	max-width: 100%; height: auto;	margin: 0px; border: none; }
.container { position: relative;}
.float-none { float: none!important; }
.modal { z-index: 1052; } .modal-backdrop { z-index: 999!important; }
.modal.modal-middle, .modal.mid { text-align: center; padding: 0; }
.modal.modal-middle:before, .modal.mid:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; margin-right: -4px; }
.modal.modal-middle .modal-dialog, .modal.mid .modal-dialog { display: inline-block; text-align: left; vertical-align: middle; }
@media (max-width: 991px) {
	.pad991Left {	padding-left: 15px; }
	.pad991right {	padding-right: 15px; }
	.givecenter { text-align: center; }
	.pullnone { float: none !important;	margin-top: 5px; }
}
@media (max-width: 768px) {
	.pull767none {	float: none !important;	margin-top: 5px; }
	.h4 { font-size: 15px; }
	.mtxs-15 { margin-top: 15px; }
}

/* ------- BUTTON ------- */
.btn, .form-control {	/*font-family: 'Roboto', sans-serif;*/  font-size: 14px; font-weight: 400; line-height:1.4285;	border-radius: 0; }
.btn-primary { color: #ffffff;	background-color: #333f64;	border-color: #485fa5; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
.open .dropdown-toggle.btn-primary { color: #ffffff;  background-color: #333f64 !important;  border-color: #485fa5; }
.btn-warning {	color: #ffffff;  background-color: #f88715;  border-color: #fdbd4c; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active,
.open .dropdown-toggle.btn-warning { color: #ffffff;  background-color: #e17017;  border-color: #bb590a; }
.btn-danger {	color: #ffffff;  background-color: #d2322d;  border-color: #ac2925; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active,
.open .dropdown-toggle.btn-danger {	color: #ffffff;  background-color: #b61d1a;  border-color: #821815; }
.btn-success { color: #ffffff;  background-color: #47a447;  border-color: #398439; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.open .dropdown-toggle.btn-success { color: #ffffff;  background-color: #2a782a;  border-color: #266826; }
.btn-info {	color: #ffffff;  background-color: #39b3d7;  border-color: #269abc; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active,
.open .dropdown-toggle.btn-info { color: #ffffff;  background-color: #0f8eb3;  border-color: #166d97; }
.btn-close { font-size: 22px; font-weight: bold; line-height: 22px; padding: 0 2px; }

/* ------- MODAL ------- */
.modal-backdrop { background-color: #000;	background-image: url(../images/overlay.png); }
.model-primary { background-color: #3276b1; 	border-color: #285e8e;  color: #fff; padding: 5px 10px; }
.model-warning { background-color: #f39c12;	border-color: #f39c12;  color: #fff; padding: 5px 10px; }
.model-success { background-color: #18bc9c;	border-color: #18bc9c;  color: #fff; padding: 5px 10px; }
.model-info { background-color: #3498db;	border-color: #3498db;  color: #fff; padding: 5px 10px; }
.model-danger {	background-color: #970003; border-color: #ebccd1;   color: #fff; padding: 5px 10px; }

/* ------- JW PLAYER ------- */
.jwplayer {	z-index: 85; }
img.jwlogo { display: none !important; }
.jwdisplay:focus, .jwdisplay:focus, #myElement:focus {outline:0!important; border:0!important;}
#myElementHeart_display .jwpreview { background-size: cover !important; }

/* =========================================
CUSTOM NAV STYLE
========================================= */
.TopStrip {  position: absolute; display: block; background: #485fa5;  width: 100%; height: 4px; z-index: 100; }
header {
	background: url(../images/headerBg.png) repeat-x top; height: 178px;
	position: absolute; top: 0; left: 0; right: 0; z-index: 99;
}
.MKEnavbar-header { position: relative; }
.logo {	padding: 0; margin: 15px 0 0 -31px; position: relative; display: inline-block; height: auto; }
.logo a { z-index: 99; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.logo img {	max-width: 100%; height: auto;	margin: 0px; border: none;  }
.svglogo {	width: 132px; height: 88px; overflow: visible; max-width: 100%; }
.logoGlow { position: absolute; left: 0; top: 0; margin-left: -60px; }
.logo .active {  pointer-events: none;  }
@media (max-width: 1200px) {
	.logo {	margin: 12px 0 0; }
	.logo img {	max-width: 100%; height: 70px; }
	.svglogo {	width: auto; height: 70px; }
	.logoGlow { height: 120px; }
}
@media (max-width: 768px) {
	.logo {	margin: 12px 0 5px; float: none; display: inline-block; }
	.logo img { height: 50px; }
	.svglogo { height: 50px; }
	.logoGlow { display: none; }
}
.MKEnavbar { margin-top: 30px; font-size: 14px; }
.MKEnavbar > li > a i { display: block;	padding-bottom: 3px; }
.MKEnavbar > li > a { font-weight: 500; color: #363636; padding: 0 20px 0 0; z-index: 1015; position: relative; }
.MKEnavbar > li:last-child > a { padding: 0; }
.MKEnavbar > li > a:hover, .MKEnavbar > li > a:focus, .btnUser > a:hover, .btnUser > a:focus { color: #485fa5; background-color: transparent; text-decoration: none; }
.MKEnavbar > li > ul {	background-color: #fff !important; }
.MKEnavbar .dropdown-menu { left: 0; right: auto; background-clip: border-box; padding: 0; border-radius: 0; border: none; top: 32px; }
.MKEnavbar .dropdown-menu:before { content: ""; position: absolute; left: 0; top: -10px; width: 0; height: 0; border-bottom: 10px solid #fff; border-right: 10px solid transparent; }
.MKEnavbar .dropdown-menu > li > a { line-height: 1.6; }
.MKEnavbar > li > ul > li > a {
	font-size: 14px; color: #1c2936; border-bottom: solid thin #f6f6f6; border-left: solid 1px #fff; padding-left: 10px; padding-right: 10px; }
.dropdown-menu > li:last-child > a { border-bottom: solid thin #fff; }
.dropdown-menu > li > a:hover, .dropdown-menu > li:last-child > a:hover {  background: #e5e5e5; border-left: solid 3px #485fa5; border-bottom: solid thin #e1e0e0; }
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #485fa5;	background-color: transparent;	border-color: #e1e1e1; }
.navbar-nav.navbar-right:last-child { margin-right: 0; }
.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    background-color: transparent; color: #485fa5; pointer-events: none;  }
.navbar-nav > .dropdown.active > a, .navbar-default .navbar-nav > .dropdown.active > a:hover, .navbar-default .navbar-nav > .dropdown.active > a:focus {
    pointer-events: inherit;  }
@media (max-width: 768px) {
	header { position: relative; background: #fff; height: auto; }
	.MKEnavbar { margin-top: 0; margin-bottom: 0; }
	.MKEnavbar > li > a i { display: inline-block; width: 25px; margin: 0; }
	.MKEnavbar > li > a { text-align: left; padding: 8px 0; border-right: 0; border-bottom: solid thin #e1e0e0; }
	.MKEnavbar > li:last-child > a { padding: 8px 0; border-bottom: none; }
	.MKEnavbar > li:first-child > a {	border-top: solid thin #e1e0e0;	}
	.navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { width: 100%; }
	.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a { padding: 5px 15px 5px 15px; }
	.navbar-nav .dropdown > .dropdown-menu > .dropdown-menu { margin-top: 0; }
	.MKEnavbar > li > ul > li > a { padding-left: 0; border-bottom: solid thin #f1f1f1; }
	.MKEnavbar .dropdown-menu > li > a { line-height: 1.4; }
	.dropdown-menu > li:last-child > a { border-bottom: solid thin #e1e0e0; }
	.MKEnavbar .dropdown-menu { top: 0; }
	.MKEnavbar .dropdown-menu:before { display: none; }
	.navbar-nav.navbar-right:last-child { margin-right: -15px; }
}
.navbar-toggle {
	margin-right: 0; margin-left: 10px; padding: 10px; margin-top: 18px; margin-bottom: 0;
	background-color: #645a8b; background-image: none;	border: 2px solid #dddddd;	border-radius: 0;
}
.navbar-toggle:focus { outline: none; }
.navbar-toggle .icon-bar {	display: block;	width: 22px; height: 2px; border-radius: 1px; background-color: #fff; }
.navbar-toggle .icon-bar + .icon-bar {	margin-top: 4px; }

.bgCover { background-size: cover !important; }
.weworkImg1 { background: url('../images/homeSections/marketAutomotive.jpg') no-repeat center; }
.weworkImg2 { background: url('../images/homeSections/marketMining.jpg') no-repeat center; }
.weworkImg3 { background: url('../images/homeSections/marketEarthMoving.jpg') no-repeat center; }
.weworkImg4 { background: url('../images/homeSections/marketFurniture.jpg') no-repeat center; }
.weworkImg5 { background: url('../images/homeSections/marketrdlaboratories.jpg') no-repeat center; }
.weworkImg6 { background: url('../images/homeSections/marketFoodIndustry.jpg') no-repeat center; }
.weworkImg7 { background: url('../images/homeSections/marketDigitalSolutions.jpg') no-repeat center; }
.weworkImg8 { background: url('../images/homeSections/marketAgriculture.jpg') no-repeat center; }
.weworkImg9 { background: url('../images/homeSections/marketDefense.jpg') no-repeat center; }
.weworkImg10 { background: url('../images/homeSections/marketAerospace.jpg') no-repeat center;}

.cta-arrow { margin: 0; padding: 0 !important; border: 0 !important; vertical-align: baseline; display: inline-block; font-weight: 400;	font-size: 18px;
	line-height: 2.8rem; text-decoration: none; position: relative;	padding-left: .8rem !important;	padding-right: 3.2rem!important; z-index: 1; border-radius: 0;
	color: #fff!important;	background: none !important; margin-left: 2px; }
.cta-arrow:hover { color: #645a8b !important; }
.cta-arrow span { display: inline-block; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath fill='%23ffffff' d='M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z'/%3e%3c/svg%3e");
	background-repeat: no-repeat; background-position-y: center; background-size: 15px; width: 30px; height: 16px; background-position-x: calc(100% - 3px * 3.5);
	position: absolute;	right: .5rem; top: 14px; }
.cta-arrow:hover span {	right: 5px; }
.cta-arrow::before { content: ""; display: block; position: absolute; top: 0; z-index: -1; background-color: #645a8b; right: 0; width: 100%; height: 100%; transition: width .5s; border-radius: 3px; }
.cta-arrow:hover::before { width: 45px; }
.cta-arrow:hover::after { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: #ccc solid thin; border-radius: 3px; }

/* =========================================
FOOTER STYLE
========================================= */
.PagesFooter {
	background: url(../images/footerBg.jpg) center top no-repeat, #373737; background-size: cover;
	color: #fff; overflow: hidden; padding: 20px 0; text-align: center; margin: 0; font-size: unset;
}
.ad500me { display: none; }
.PagesFooter h5, .PagesFooter h5 a  { display: inline-block; color: #b0b0b0; font-size: 18px; font-weight: 300; margin: 2px 0 5px; }
.PagesFooter a:hover { color: #fff; text-decoration: underline; }
.PagesFooter .active { color: #fff; text-decoration: underline; pointer-events: none;  }
.PagesFooter div { display: inline-block; }
.PagesFooter span, .footerAdd span { font-size: 18px; font-weight: 300; margin: 0 15px; }
.footerAdd { background: #22293d; text-align: center; color: #fff; }
.footerAdd a { display: inline-block; color: #fff; font-size: 14px; font-weight: 300; margin: 10px 0;  }
.footerAdd a:hover { text-decoration: underline !important;  }
footer { font-family: Verdana; font-size: 11px; line-height: 40px; background: #1b1f2a; min-height: 40px; color: #c2c2c0; }
footer .pull-left a { color: #c2c2c0; text-decoration: underline; } footer .pull-left a:hover { color: #fff; text-decoration: none; }
footer table { margin: -5px 0; }
footer .pull-right a { white-space: nowrap; }
footer .pull-right a { color: #c2c2c0; font-size: 26px; margin-right: 7px; } footer .pull-right a:hover { color: #fff; }
footer .pull-right a i { padding-top: 12px; }
footer .pull-right a:last-child { margin-right: 0; }
.fotInLinksBlock { display: table; margin: 5px auto 0; padding: 7px 15px 0; background: #1b1e1f; border-radius: 10px; font-size: 14px; }
.fotInLinksBlock h5, .fotInLinksBlock h5 a { font-size: 14px; }
.foteml { font-size: 14px!important; margin: 0 !important; }
@media (max-width: 1100px) {
	.fotMenu {	width: 25%; }
	.fotMenu:last-child { display: none; }
}
@media (max-width: 870px) {
	.PagesFooter { padding: 20px 0 20px;	}
	.fotMenu {	width: 50%; margin-bottom: 15px; }
}
@media (max-width: 600px) {
	.PagesFooter div { display: block; }
	.ad500me { display: block; }
	.rem500me { display: none; }
	footer .pull-left {	line-height: 18px;	}
	.fotInLinksBlock h5, .fotInLinksBlock h5 a { font-size: 14px; }
	.fotDot {display: none;}
	.foteml { display: block; margin-bottom: 8px !important; }
}
@media (max-width: 480px) {
	.PagesFooter h5, .PagesFooter h5 a { font-size: 16px; }
	.fotMenu a { font-size: 13px; }
	.fotInLinksBlock h5, .fotInLinksBlock h5 a { font-size: 14px; }
	footer .pull-left, footer .pull-right { display: block; float: none!important; margin: 5px 0; text-align: center; }
	footer table{ margin: auto; }
}

/* ------- WhatsApp Button ------- */
:root {
  --warna-background: #00a884; 
  --warna-bg-chat: #f0f5fb;
  --warna-icon: #fff; 
  --warna-text: #505050;
  --warna-text-alt: #333f64;
  --lebar-chatbox: 300px;
}
.waOverlay { background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; position: fixed; z-index: 998;opacity:0;visibility:hidden; }
.chatShadow { -webkit-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.2); }
.sticky-button{position:fixed;background-color:var(--warna-background);bottom:30px;right:20px;width:55px;height:55px;border-radius:50px;z-index:999;overflow:hidden;}
.sticky-button a, .sticky-button label{display:flex;align-items:center;width:55px;height:55px;-webkit-transition:all .3s ease-out;transition:all .3s ease-out;}
.sticky-button a svg, .sticky-button label svg{margin:auto;fill:var(--warna-icon)}
.sticky-button label {cursor: pointer;}
.sticky-button label svg.svg-2{display:none}
.sticky-chat{position:fixed;bottom:70px;right:20px; width: 100%;max-width:var(--lebar-chatbox);-webkit-transition:all .3s ease-out;transition:all .3s ease-out;
z-index:999;opacity:0;visibility:hidden;line-height:normal;border-radius:10px;}
.sticky-chat .chat-content{border-top-left-radius:10px; border-top-right-radius:10px;background-color:#fff;overflow:hidden}
.sticky-chat .chat-header{position:relative;display:flex;align-items:center;padding:10px 15px;background-color:var(--warna-background);overflow:hidden}
.sticky-chat .chat-header:after{content:'';display:block;position:absolute;bottom:0;right:0;width:70px;height:65px;background:rgba(0,0,0,.040);border-radius:70px 0 5px 0;}
.sticky-chat .chat-header .mkwalogo {width:39px;height:41px;flex:0 0 auto;background: var(--warna-icon); text-align: center; padding-top: 3px; border-radius:5px;}
.sticky-chat .chat-header img {height:35px;margin-left: -3px;}
.sticky-chat .chat-header .title{padding-left:15px;font-size:14px;font-weight:600;font-family:'Roboto', sans-serif;color:var(--warna-icon)}
.sticky-chat .chat-header .title span{font-size:11px;font-weight:400;display:block;line-height:1.58em;margin:0;}
.sticky-chat .chat-button{display:flex;align-items:center;padding:12px 15px;border-bottom-left-radius:10px; border-bottom-right-radius:10px; background-color:#f0f2f5;box-shadow:0 2px 5px 0 rgba(0,0,0,.05);overflow:hidden;font-size:12px;color:var(--warna-text)}
.sticky-chat .chat-button svg{width:24px;height:24px;fill:var(--warna-text-alt);margin-left:auto;transform:rotate(40deg);-webkit-transform:rotate(40deg)}
.chat-menu:checked + .sticky-button label{-webkit-transform: rotate(360deg);transform: rotate(360deg);}
.chat-menu:checked + .sticky-button label svg.svg-1{display:none;}
.chat-menu:checked + .sticky-button label svg.svg-2{display:table-cell}
.chat-menu:checked + .sticky-button + .sticky-chat{bottom:90px;opacity:1;visibility:visible}
.chat-menu:checked + .sticky-button + .sticky-chat + .waOverlay{opacity:1;visibility:visible}
.content-whatsapp.-bottom { display: flex; flex-direction: row; }
input.whats-input[type=text] { width: 100%; height: 40px; border: 0px solid #e3e3e3; border-radius: 10px; font-size: 1.2em; background-color: #fff; padding: 0px 0px 0px 10px; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; outline: none; transition: 0.3s; }
input.whats-input::placeholder { color: rgba(68, 68, 68, 0.705); opacity: 1; }
input.whats-input[type=text]:focus { background-color: #f8f8f8; -webkit-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; transition: 0.3s; }
.send-msPopup { display: flex; justify-content: center; align-items: center; width: 45px; height: 40px; background-color: transparent; margin: 0px 0px 0px 5px; border: none; outline: none; cursor: pointer; }
.send-msPopup:hover { background-color: transparent; transition: 0.3s; }
.send-msPopup svg{margin-left:0!important;}
.send-msPopup[disabled] svg{fill:#aeaeae!important;}
@media (max-width: 990px) {
	.sticky-button{bottom:40px;right:20px;width:45px;height:45px;}
	.sticky-button a, .sticky-button label{width:45px;height:45px;}
}
@media (max-width: 768px) {
	.sticky-button{/*bottom:233px;*/right:10px;}
	.sticky-chat { right: 10px; }
	/* .chat-menu:checked + .sticky-button + .sticky-chat{bottom:102px;} */
}
@media (max-width: 480px) {
	.sticky-button{bottom:15px;right:10px;}
	.chat-menu:checked + .sticky-button + .sticky-chat{bottom:70px;}
}

/*
Author: Alpesh Panchal
Author Email: alpesh88ww@gmail.com
*/