body{
	font-family: 'Titillium Web', sans-serif;
}
.navbar-light.bg-light{
	background-color: #fff !important;
}
.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{
	color: rgb(29, 113, 182);
}
.navbar-light .navbar-nav .nav-link{
	color: #333;
	text-transform: uppercase;
}
.tabir{
	position: absolute !important;
	width: 99%;
	top: 0;
	/*left: 0;*/
	bottom: 0;
	/*right: 0;*/
	z-index: 1;
	background: blue;
	opacity: 33%;
}
.tutupslide{
	width: 0;
	height: 100%;
	border-top: 500px solid #FFF;
	border-left: 140px solid transparent;
	position: absolute;
	bottom: -50px;
	left: -130px;
	z-index: 2;
	top: 0;
}
.logo{
	width: 700px;
}
.con-header{
	margin-top: 30px;
}
.phone{
	width: 25px; height: 25px;
	margin-bottom: 5px;
}
.nope{
	display: inline;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0;
}
.phone-num{
	font-size: 20px;
	display: inline-block;
	font-weight: 500;
	margin: 0; padding: 0;
}
.btn-primary{
	border-radius: 2px;
	background: #007cb0;
	outline: none;
	border:none;
	/*margin-left: 10px;*/
}
.img-thumbnail{
	background: transparent;
	border:none;
	padding: 0;
	border-radius: 0;
}
.col-logo{
	align-self: center; margin-top: 10px;
	text-align: left;
}
.col-inq{
	align-self: center; margin-top: 10px;
	text-align: right;
}
.con-menu{
	/*margin-top: 40px;*/
}
.col-menu, .navbar-dark{
	background: #007cb0;
	padding: 0;
}
.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link{
	color: #fff;
	text-transform: uppercase;
	padding: 15px;
	background: #005B81;
}
.navbar-dark .navbar-nav .nav-link{
	color: #fff;
	text-transform: uppercase;
	padding: 15px;
}
.navbar-dark .navbar-nav .nav-link:hover{
	background: #005B81;
}
/*.navbar-nav{
	margin: 0 auto;
}*/
.col-after-banner{
	padding-left: 0; padding-right: 0; padding: 15px; background: #007cb0;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
.con-content1{
	padding-top: 50px; padding-bottom: 60px;
	margin-bottom: 70px;
	background: #f8f8f8;
}
.con-content2{
	padding-bottom: 60px;
}
.con-content2 a{
	text-decoration: none;
}
.con-content2 .caption{
	background: #007cb0;
    color: #fff;
    padding: 15px;
    text-align: center;
}
.con-foot{
	background: #007cb0;
	padding: 60px;
}
.con-foot h3{
	color: #fff;
	margin-bottom: 10px;
}
.menu-foot li{
	list-style: none;
	color: #fff;
	text-decoration: none!important;
}
.link-foot{
	color: #fff;
	text-decoration: none!important;
	text-transform: uppercase;
}
iframe{
	width: 100%; 
	/*height: auto; */
	border:0;
}
.contact-foot{
	border: 2px solid #0e9dd8;
	padding: 20px;
}
.col-contact-us{
	margin-bottom: 10px;
}
.contact-form label{
	color: #fff;
}
.contact-form .form-control{
	border-radius: 0;
	background: transparent;
	border: 2px solid #0e9dd8;
	color: #fff;
}
.contact-form .btn-secondary{
	background: #007cb0;
	color: #fff;
	border: 2px solid #0e9dd8;
	margin-top: 20px;
	margin-bottom: 50px;
	width: 130px;
}
.sosmed-foot{
	margin-top: 20px;
}
.sosmed-link-foot{
	text-decoration: none!important;
}
.sosmed-link-foot img{
	width: 40px; height: 40px;
}
.map-label{
	text-align: center;
	color: #fff;
	margin-bottom: 10px;
}
.con-foot-bottom{
	background: #fff;
	color: #333;
	padding: 15px;
	font-weight: bolder;
}

.con-single-jenis{
	margin-top: 50px;
	margin-bottom: 100px;
}
.row-cta{
	margin-top: 50px;
}
.row-cta .btn{
	width: 100%;
}
.navbar-toggler{
	border: none;
	/*margin: 0 auto;*/
}
.con-related-prd{
	padding-top: 100px;
	padding-bottom: 300px;
}
.con-related-prd .caption{
	background: #007cb0;
    color: #fff;
    padding: 15px;
    text-align: center;
}
.cat{
	padding-bottom: 10px;
}
.img-related{
	min-height: 250px;
}
.alert-success{
	text-align: center!important;
    font-weight: bold!important;
    border-radius: 0!important;
}
.row-aboutus, .row-marketfocus, .row-contactus, .row-safety, .row-service{
	padding-top: 160px; padding-bottom: 70px;
}
.title-aboutus{
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}
.con-aboutus{
	background-image: url('images/About-Us-min.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*opacity: 32%;*/
	/*background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("images/About-Us-min.webp");*/
	background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
.con-aboutus{
    max-width: 100%;
}
.con-safety{
	background-image: url('images/safety.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	/*opacity: 32%;*/
	/*background: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,.5)), url("images/About-Us-min.webp");*/
	background-color: rgba(255,255,255,0.6);
    background-blend-mode: lighten;
}
.con-safety{
	max-width: 100%;
	padding-left: 150px;
	padding-right: 150px;
}

.whoweare-about{
	padding-left: 80px;
	padding-right: 40px;
}
.whatwedo-about{
	padding-right: 80px;
}
.img-prd{
	/*width: 150px;
	height: 150px;*/
	width: 250px;
	height: 250px;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ddd;
}
.img-prd2{
	width: 250px;
	height: auto;
	padding: 5px;
	border-radius: 3px;
	border: 1px solid #ddd;
	transition: transform .2s;
	background: #fff;
}
/*.img-prd2:hover{
	-ms-transform: scale(1.5);
  	-webkit-transform: scale(1.5);
  	transform: scale(1.5); 
  	position: relative;
  	z-index: 1070;	
}*/
.img-prd2:hover{
	cursor: zoom-in;
}
.close-pop{
	position: absolute;
    top: 0;
    right: 10px;
    font-size: 40px;
}
.modal.fade .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(.5);transform: translate(0,0)scale(.5);}
.modal.show .modal-dialog.modal-dialog-zoom {-webkit-transform: translate(0,0)scale(1);transform: translate(0,0)scale(1);}
.col-a-prd{
	color: #333!important;
	padding-top: 20px;
}
.title-sub{
	font-size: 18px;
	font-weight: bold;
	padding-top: 10px;
}
.con-cate{
	padding-top: 30px;
	padding-bottom: 50px;
}
.market-striped:nth-child(even){
	background: #f0f2f5;
}
.title-mf{
	font-weight: bold;
}
.contact-a{
	text-decoration: none!important;
	color: #333!important;
}
.row-heightwidht{
	border-top: 1px solid #007cb0;
    border-bottom: 1px solid #007cb0;
    margin-left: 1px;
    margin-right: 1px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.row-heightwidht .col{
	padding-left: 1px;
    padding-right: 1px;
}
.row-heightwidht .lwhom{
	color: #007cb0;
	font-weight: bold;
	font-size: 13px;
}
.lab{
	margin-top: 10px;
	font-weight: bolder;
}
.custom-checkbox .custom-control-label, .custom-radio .custom-control-label{
	cursor: pointer;
}
.btn-enquiri{
	background: #ddd;
	font-weight: bold;
	text-transform: uppercase;
}
.txt-foot-c{
	color: #fff;

}
.txt-foot-c a{
	text-decoration: none;
	color: #fff;
}
.img-logofoot{
	width: 230px;
    margin-bottom: 30px;
}
.navbar-brand img{
	width: 250px; height: auto;
}
.navbar .nav-link{
	font-weight: bold;
    color: #000;
}
.jum-service{
	padding-top: 170px;
}
.navbar-expand-lg .navbar-collapse{
	padding-left: 50px;
}
.dottinhouse{
	list-style: none;
	padding-left: 0;
}
.img-ok{
	width: 20px; height: auto;
}
.swiper-pagination-bullet{
	border: 1px solid #fff;
}
.linesplit{
	border-top: 2px solid #007cb0;
    width: 60px;
    margin: 0 auto;
    margin-top: 50px;
}
.ourservice h4{
	margin-top: 30px;
	text-transform: uppercase;
	font-weight: bold;
}
.col-service img{
	background: #007cb0;
    padding: 10px;
    max-width: 100%;
    border-radius: 50%;
    transition: all .3s;
}
.col-service a{
	text-decoration: none;
    color: #333;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}
.col-service p{
	margin-top: 10px;
	margin-bottom: 50px;
}

#hovic:hover #imgic{
	background: #333;
}



@media (max-width: 991.98px) {
	.col-service{
		text-align: center;
	}
	.col-service img{
		background: #007cb0;
	    padding: 10px;
	    max-width: 80px;
	    border-radius: 50%;
	    transition: all .3s;
	    margin-bottom: 20px;
	}
	.btn-enquiri{
		margin-top: 10px;
	}
	.navbar-expand-lg .navbar-collapse{
		padding-left: 0px;
	}
	.title-mf{
		margin-top: 20px;
	}
	.map-foot{
		padding: 2px;
	}
	.whoweare-about{
		padding-left: 30px;
		padding-right: 30px;
	}
	.whatwedo-about{
		padding-right: 30px;
		padding-left: 30px;
	}
	.con-aboutus{
	    max-width: 1140px;
	}
	.con-safety{
		padding-left: 20px;
		padding-right: 20px;
	}
	.col-logo{
		align-self: center; margin-top: 10px;
		text-align: center;
	}
	.col-inq{
		align-self: center; margin-top: 10px;
		text-align: center;
	}
	.con-foot{
		padding: 30px;
	}
	.img-prd{
		width: 150px;
		height: 150px;
		/*width: 250px;
		height: 250px;*/
		padding: 5px;
		border-radius: 3px;
		border: 1px solid #ddd;
	}
	.img-prd2{
		width: 150px;
		height: auto;
	}
}