/*!
 * CSS Document
 * MK Engineers
 * Original author: MKA Engineers And Exporters Pvt. Ltd.
 * Version 1.0 2021-06-16
 * Further changes, comments: MK Engineers
 */
@charset "utf-8";

@import url("bootstrap/font-awesome.min.css");
@import url("scrollUpDown.css");
@import url("owl.carousel.min.css");
@import url("downBtn.css");

/* =========================================
BANNER STYLES
========================================= */
.bannerInner {	height: 220px; position: relative; background: #fff; }
.bannerPart { position: absolute; width: 100%; height: 100%; left: 0; right: 0; top: 0; bottom: 0;  background-size: cover !important; }
.innerPageBannerImg { background: url('../images/InnerPage.jpg') center no-repeat; }
.mainHead {
	position:absolute; left: 0; bottom: 0; width: 100%; background: rgba(34, 41, 61,0.7);
	color: #fff; font-size: 40px; font-weight: 100;	padding: 4px 0; margin: 0;
}
.mainHead span { font-weight: 300; }
@media (max-width: 1300px) {
	.mainHead { font-size: 50px; }
}
@media (max-width: 1200px) {
	.mainHead { font-size: 50px; }
}
@media (max-width: 991px) {
	.bannerInner {	height: 180px; }
	.mainHead { font-size: 40px; }
}
@media (max-width: 768px) {
	.bannerInner {	height: 130px; }
}
@media (max-width: 600px) {
	.mainHead { font-size: 36px; }
}
@media (max-width: 480px) {
	.bannerInner {	height: auto; }
	.mainHead  { position:relative; left: 0; top: 0; bottom: auto; }
	.mainHead span { white-space: nowrap; }
}

/* =========================================
BODY STYLES
========================================= */
.pageMatter { background: #fff; padding: 35px 0; }
.onlyCont p, .onlyCont .lp, .f16 { font-size: 16px; font-weight: 300; } .onlyCont p.f14, .f14 { font-size: 14px; }
.onlyCont .lp { margin-bottom: 0; }
@media (max-width: 991px) {
	.pageMatter { padding: 20px 0; }
}
@media (max-width: 768px) {
	.pageMatter { padding: 10px 0; }
	.onlyCont p, .onlyCont .lp, .f16 { font-size: 14px; }
}
.breadcrumb {  margin-bottom: 18px;  padding: 4px 10px; }
.breadcrumb > li:first-child { color: #939393; font-size: 12px; }
.breadcrumb > li , .breadcrumb > li a { font-size: 12px; color: #6D6D6D;} .breadcrumb > li a:hover {color: #485fa5;}
.breadcrumb > li.active{color: #485fa5; font-size: 12px;}

.owl-nav {	display: table; margin: auto; z-index: -1; text-align: center; }
.owl-prev, .owl-next { width: 40px; height: 40px; display: inline-block !important; line-height: 40px; margin: 10px 5px 0; }
.owl-prev { margin-left: -40px; }
.owl-next { margin-right: -40px; }
.navL, .navR {	color: #fff; font-size: 30px; line-height: 30px; }
.navL:after, .navR:after {
	content: ""; width: 40px; height: 40px; background: #22293d; margin-left: -26px; margin-top: -4px;
	border-radius: 50%; -webkit-border-radius: 50%; position: absolute; z-index: -1; 
	-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;
}
.navL:after { margin-left: -24px; }
.owl-prev:hover .navL:after, .owl-next:hover .navR:after {
	background: #303441;
	-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);
}
@media (max-width: 768px) {
	.navL, .navR {	font-size: 24px; line-height: 24px; }
	.navL:after, .navR:after {	width: 35px; height: 35px; margin-left: -22px; margin-top: -4px; }
	.navL:after { margin-left: -20px; }
}
@media (max-width: 480px) {
	.owl-prev, .owl-next { margin: 10px 0 0; }
	.navL, .navR {	font-size: 22px; line-height: 22px; }
	.navL:after, .navR:after {	width: 30px; height: 30px; margin-left: -20px; margin-top: -3px; }
	.navL:after { margin-left: -16px; }
}

/* ------------------- FACILITY -----------------------*/
.pageLeftPaer {	float: left; width: 80%; padding-right: 10px; }
.pageRightMenu {	float: right; width: 20%; padding-left: 10px; }
.pageRightMenu h4 {	margin: 0 0 10px; font-weight: 400; color: #485fa5; }
.pageRightMenu a { display: block; border-top: 1px solid #ccc; padding: 5px 5px; color: #6D6D6D; }
.pageRightMenu a:hover, .pageRightMenu a.active {
	color: #fff; background: #333f64;
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
 }
.pageRightMenu a.active { pointer-events: none;}
.pageRightMenu a:last-child { border-bottom: 1px solid #ccc; }
.onlyCont img {
	float: left; max-width: 100%; margin: 0 15px 15px 0; border: 1px solid #004664;
	box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.48); -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.48);
}
.foname { text-align: center;} .foname h3 { font-size: 22px; }
@media (max-width: 1200px) {
	.onlyCont img { width: 280px; margin: 0 15px 15px 0;	}
}
@media (max-width: 991px) {
	.pageLeftPaer {	float: none; width: 100%; padding-right: 0; }
	.pageRightMenu { display: none; }
	.foname h3 { font-size: 20px; }	.foname h4 { font-size: 16px; }
}
@media (max-width: 768px) {
	.onlyCont img { width: 240px; margin: 0 15px 15px 0; }
	.foimg img { width: 180px; float: none; } .foimg, .foname { text-align: center;}
}
@media (max-width: 480px) {
	.onlyCont img { width: 200px; margin: 0 0 10px 0; float: none; }
}

/* ------------------- Specialized Products -----------------------*/
.spImg1 {background: url('../images/specializedProducts/1.jpg') no-repeat center; background-size: cover;}
.spImg2 {background: url('../images/specializedProducts/2.jpg') no-repeat center; background-size: cover;}
.spImg3 {background: url('../images/specializedProducts/3.jpg') no-repeat center; background-size: cover;}
.spImg4 {background: url('../images/specializedProducts/4.jpg') no-repeat center; background-size: cover;}

/* ------------------- Facilities At Plant -----------------------*/
.fpImg1 {background: url('../images/facilitiesAtPlant/1.jpg') no-repeat center; background-size: cover;}
.fpImg2 {background: url('../images/facilitiesAtPlant/2.jpg') no-repeat center; background-size: cover;}
.fpImg3 {background: url('../images/facilitiesAtPlant/3.jpg') no-repeat center; background-size: cover;}
.fpImg4 {background: url('../images/facilitiesAtPlant/4.jpg') no-repeat center; background-size: cover;}
.fpImg5 {background: url('../images/facilitiesAtPlant/5.jpg') no-repeat center; background-size: cover;}
.fpImg6 {background: url('../images/facilitiesAtPlant/6.jpg') no-repeat center; background-size: cover;}

/* ------------------- Plant Layout -----------------------*/
.plImg1 {background: url('../images/plantLayout/1.jpg') no-repeat center; background-size: cover;}
.plImg2 {background: url('../images/plantLayout/2.jpg') no-repeat center; background-size: cover;}
.plImg3 {background: url('../images/plantLayout/3.jpg') no-repeat center; background-size: cover;}
.plImg4 {background: url('../images/plantLayout/4.jpg') no-repeat center; background-size: cover;}
.plImg5 {background: url('../images/plantLayout/5.jpg') no-repeat center; background-size: cover;}
.plImg6 {background: url('../images/plantLayout/6.jpg') no-repeat center; background-size: cover;}
.plImg7 {background: url('../images/plantLayout/7.jpg') no-repeat center; background-size: cover;}

/* ------------------- INDUSTRIES -----------------------*/
.animateda { -webkit-animation-duration: 1.4s; animation-duration: 1.4s; }
.animatedb { -webkit-animation-duration: 1.8s; animation-duration: 1.8s; }
.animatedc { -webkit-animation-duration: 2.2s; animation-duration: 2.2s; }
.animatede { -webkit-animation-duration: 2.6s; animation-duration: 2.6s; }
.animatedf { -webkit-animation-duration: 3s; animation-duration: 3s; }
.animatedg { -webkit-animation-duration: 3.4s; animation-duration: 3.4s; }
.animatedh { -webkit-animation-duration: 3.8s; animation-duration: 3.8s; }
.animatedi { -webkit-animation-duration: 4.2s; animation-duration: 4.2s; }

.ind { position: relative; }
.ind h4 { font-size: 20px; color: #fff; bottom: -5px; width: 100%; position: absolute;	padding: 0 10px 10px; transition: all 0.3s ease-in-out; z-index: 2;	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8); }
.overlay { top: 0; left: 0;	right: 0; bottom: 0; position: absolute; background: url(../images/boxHeadOverlay.png) repeat-x bottom; z-index: 1; }
@media (max-width: 1200px) {.ind img { width: 100%; } }
@media (max-width: 768px) { .ind img { height: 200px; } }

.mainMarket { text-align: center; margin-bottom: -1%; }
.mainMarket .item {
	display: inline-block; width: 17.8%; height: 180px; margin: 1%;	position: relative;
	-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; }
.mainMarket .item:hover { box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.48); -webkit-box-shadow: 0 5px 5px 0 rgba(50, 50, 50, 0.48); }
.mainMarket .itemImg { width: 100%; height: 100%; position: absolute; border: #11485f solid 2px; }
.mainMarket .itemImg p {
	display: inline-block; margin-top: -20px; background: #11485f;
	padding: 6px 10px; color: #fff; font-size: 14px; font-weight: 400;
}
@media (max-width: 1600px) {
	.mainMarket .item { width: 17.7%; height: 200px; }
}
@media (max-width: 1500px) {
	.mainMarket .item { width: 22%; height: 200px; }
}
@media (max-width: 1200px) {
	.mainMarket .item { width: 28%; height: 220px; }
}
@media (max-width: 1100px) {
	.mainMarket .item { width: 28%; height: 220px; }
	.mainMarket .itemImg p {	margin-top: -20px; 	padding: 6px 12px; font-size: 14px; }
}
@media (max-width: 951px) {
	.mainMarket .item { width: 30%; height: 220px; }
	.mainMarket .itemImg p {	margin-top: -20px; 	padding: 6px 12px; font-size: 14px; }
}
@media (max-width: 850px) {
	.mainMarket .item { width: 45%; height: 220px; }
	.mainMarket .itemImg p {	margin-top: -20px; 	padding: 6px 12px; font-size: 14px; }
}
@media (max-width: 680px) {
	.mainMarket .item { width: 45%; height: 200px; }	
}
@media (max-width: 550px) {
	.mainMarket .item { width: 47%; height: 130px; }
	.mainMarket .itemImg p { display: block; padding: 4px 8px; margin-top: 0; font-size: 13px; }
}
/* ------------------- QUALITY -----------------------*/
.QMachine {	float: left; width: 15%; margin-bottom: -50px; }
.QMachine img {	width: 200px; }
.QM .onlyCont {	float: right; width: 85%; }
.QM .onlyCont ul { margin-left: -20px; }
@media (max-width: 1200px) {
	.QMachine img { width: 200px; margin-left: -30px; }
}
@media (max-width: 991px) {
	.QMachine {	width: 20%;	margin-bottom: -50px; }
	.QM .onlyCont {	width: 80%;	}
}
@media (max-width: 650px) {
	.QMachine {	width: 25%;	margin-bottom: -50px; }
	.QM .onlyCont {	width: 75%;	}
}
@media (max-width: 480px) {
	.QMachine {	width: 25%;	margin-bottom: -50px; }
	.QMachine img { width: 150px; margin-bottom: 0;}
	.QM .onlyCont {	width: 75%;	}
}

/* ------------------- CONTACT -----------------------*/
/* .mainContact {-webkit-user-drag: text; -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;} */
.mainContact h3, .mainContact h4 { margin: 0 0 10px; font-weight: 400; color: #485fa5; }
.mainContact h5 { margin: 0 0 8px; color: #000; }
.AddHead { margin: 0 0 20px; text-align: left; 	position: relative; }
.AddHead > div {
	font-size: 24px; font-weight: 400; color: #485fa5;
	padding: 8px 14px 8px 40px;	line-height: 26px; display: block;	margin-left: 15px;	border-bottom: #80bdc9 solid thin;
}
.AddHead > div > span {
    border: 1px solid #80bdc9; border-radius: 50%; background-size: cover !important; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25), 0 2px 3px rgba(0, 0, 0, 0.1); display: inline-block; width: 45px; height: 45px; left: 0; top: 0; line-height: 45px;  position: absolute; text-align: center;
}
.AddHead > div > span.us {
	background: url(../images/countries/United-States.gif) center center no-repeat, rgb(247,252,255);
}
.AddHead > div > span.in {
	background: url(../images/countries/India.gif) center center no-repeat, rgb(247,252,255);
}
.mainContact .addsbox { border: none; box-shadow: none; background: none; padding: 5px 0;  margin-bottom: 5px;}
.mainContact address { margin-bottom: 5px; }
.mainContact .form-control { margin-bottom: 10px; }
.mainContact .form-control:last-child, .mainContact .col-md-3 .well { margin-bottom: 0; }
.mainContact .btn-xs { font-size: 12px; }
.contInfo td:first-child { font-weight: 500; }
.contInfo a { color: #000; text-decoration: underline; }
.contInfo a:hover { color: #485fa5; text-decoration: none; }
.eForm { min-height: 364px; } /*.eForm { min-height: 464px; }*/
.form-control.Comments { height: 100px;} /*.form-control.Comments { height: 150px;}*/
.thanks { background: url(../images/mkWaterMark.jpg) center bottom no-repeat, #f5f5f5; background-size: cover; }
.thanks p { font-size: 14px; }
@media (max-width: 1200px) {
	.mainContact .col-md-9 { width: 70%; }
	.mainContact .col-md-3 { width: 30%; }
	.form-control.Comments { height: 110px;} /*.form-control.Comments { height: 180px;}*/
}
@media (max-width: 991px) {
	.mainContact .col-md-9 { width: 65%; }
	.mainContact .col-md-3 { width: 35%; }
	.form-control.Comments { height: 165px;}
}
@media (max-width: 768px) {
	.mainContact .col-md-9 { width: inherit; }
	.mainContact .col-md-3 { width: inherit; }
	.contInfo  { margin-bottom: 15px; }
	.eForm { min-height: auto; }
	.form-control.Comments { height: 100px;}
}



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