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

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

/* =========================================
GLOBAL STYLES
========================================= */
section.section { border-top: #22293d solid 7px; border-bottom: #22293d solid 7px; position: relative; }
.mainHead {	font-size: 56px; font-weight: 100;	padding: 0 0 12px; margin: 0 0 20px; }
.mainHead span { font-weight: 300; }

video#videobg { 
	position: absolute;	top: 50%; left: 50%; min-width: 100%; min-height: 100%;	width: auto; height: auto;	z-index: -100; transition: 1s opacity;
	transform: translateX(-50%) translateY(-50%); background: url('../images/homeSections/homeSection.jpg') no-repeat;	background-size: cover;
}

/* ------------------------ SECTION One ----------------------- */
.SoneBg { overflow: hidden; min-height: 777px; border: none !important; 
	/*background: url(../images/homeSections/homeSection.jpg) no-repeat center; background-size: cover;*/
}
.SoneArrBg {
	position: absolute;	width: 100%; height: 100%;
	background: url(../images/homeSections/HlogoArrowBg.png) no-repeat right center; background-size: contain;
}
.SoneBg .container {	position: absolute; width: 100%; height: 100%; padding: 0; }
.SoneCont {
	position: absolute; display: inline-block; top: 50%; width: 100%; max-width: 830px; padding: 50px 50px 50px 100px; margin-top: -180px;
	background: rgba(34, 41, 61, 0.7);	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); color: #fff;
}
.SoneCont:before {
	display: block; content: ""; position: absolute; top: 0; width: 50px; left: -50px; height: 100%;
	background: rgba(34, 41, 61,0.7);	-webkit-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
	box-shadow: 0px 0px 15px 0px rgba(50, 50, 50, 0.5);
}
@media (min-width:1920px){
	.SoneBg .container {	position: relative; width: 1600px; height: 100%; padding: 0 100px; margin-top: 400px;	}
	.SoneCont {	padding: 50px 50px 50px 50px; }
	.SoneCont:before { display: none; }	
}
.SoneCont p { font-family: calibri,'Roboto', sans-serif; line-height: 24px; }
.SoneCont .mainHead { color: #fff; border-bottom: #8b969a solid 1px; }
.SoneCont .btn-default { float: right; background: #1b1e1f; color: #ddd; font-size: 24px; font-weight: 300; border: none; }
.SoneCont .btn-default:hover { background: #485fa5; }
@media (max-width: 1400px) {
	.SoneBg .container {	margin-top: 0;	}
    .SoneBg {	min-height: 700px; }
}
@media (max-width: 1300px) {
	.SoneCont .mainHead { font-size: 50px; }
}
@media (max-width: 1200px) {
    .SoneBg {	min-height: 630px; }
	.SoneCont .mainHead { font-size: 50px; }
}
@media (max-width: 991px) {
	.SoneCont .mainHead { font-size: 40px; }
}
@media (max-width: 768px) {
    .SoneBg {	min-height: 550px; }
	.SoneCont {	top: 50%; width: 100%; padding: 25px; margin-top: -150px; }
}
@media (max-width: 600px) {
	.SoneArrBg { background: url(../images/homeSections/HlogoArrowBg.png) no-repeat right top; background-size: cover; }
	.SoneCont {	margin-top: -170px; }
	.SoneCont .mainHead { font-size: 36px; }
	.SoneCont .btn-default { font-size: 20px; font-weight: 400; }
}
@media (max-width: 530px) {
	.SoneCont {	margin-top: -185px; }
}
@media (max-width: 480px) {
    .SoneBg {	min-height: 520px; }
	.SoneCont {	height: 100%; margin: 0; top: 0;  }
	.SoneCont .mainHead span { white-space: nowrap; }
}

/* ------------------------ SECTION Two ----------------------- */
.StwoBg { background: url(../images/whiteProsBg.jpg) no-repeat center; background-size: cover; min-height: 777px;  }
.StwoQuliMac {	position: absolute;	width: 100%; top: 20%; left: auto; }
.StwoMidBotPla {	position: absolute;	width: 100%; bottom: 0; left: 50%; margin-left: -25px; }
.StwoBrassPro {	position: absolute;	bottom: 0; right: 5%; }
.StwoBotLeftPro {	position: absolute;	bottom: -250px; left: 0; z-index: 99; }
.StwoTopRightPro {	position: absolute;	top: -100px; right: 0; z-index: 99; }
.StwoBg .container {	position: absolute; width: 100%; height: 100%; padding: 0; }
.StwoCont {	display: inline-block; margin-left: 300px; width: 900px; margin-top: 150px; }
.StwoCont .mainHead { color: #485fa5; padding: 0; }
.StwoCont ul {	font-size: 18px; font-weight: 300; margin: 0 0 0 -15px; }
.StwoCont li {	margin: 8px 0; color: #000; }
@media (min-width:1920px){
	.StwoBg .container {	position: relative; width: 1600px; height: 100%; padding: 0 100px; margin-top: 0;	}
	.StwoCont {	margin-left: 100px; width: 1200px; }
	.StwoQuliMac {	left: 6%; }
}
@media (max-width: 1400px) {
	.StwoBg { min-height: 700px;  }
	.StwoQuliMac img { width: 280px; }
	.StwoMidBotPla img {	width: 180px; }
	.StwoBrassPro img {	width: 250px; }
	.StwoBotLeftPro { bottom: -150px; }
	.StwoBotLeftPro img { width: 320px; }
	.StwoTopRightPro {	position: absolute;	top: -100px; right: 0; z-index: 99; }
	.StwoTopRightPro img {	width: 400px; }
	.StwoCont {	margin-left: 250px; margin-top: 120px; }
}
@media (max-width: 1300px) {
	.StwoCont .mainHead { font-size: 50px; }
}
@media (max-width: 1200px) {
    .StwoBg {	min-height: 630px; }
	.StwoQuliMac { left: -30px; }
    .StwoMidBotPla { left: 45%; margin-left: -25px; }
	.StwoMidBotPla img { width: 160px; }
	.StwoBrassPro img {	width: 240px; }
    .StwoBotLeftPro { bottom: -140px; }
	.StwoBotLeftPro img { width: 300px; }
	.StwoTopRightPro {	top: -100px; }
	.StwoTopRightPro img {	width: 350px; }
	.StwoCont {	margin-left: 220px; width: 768px; }
	.StwoCont ul {	font-size: 16px; }
}
@media (max-width: 1050px) {
	.StwoQuliMac { left: -40px; }
	.StwoCont {	margin-left: 160px; width: 768px; }
}
@media (max-width: 991px) {
	.StwoQuliMac { left: -40px; top: 120px;  }
	.StwoQuliMac img { width: 220px; }
	.StwoMidBotPla img { width: 130px; }
	.StwoBrassPro img {	width: 200px; }
	.StwoBotLeftPro { bottom: -100px; }
	.StwoBotLeftPro img { width: 250px; }
	.StwoTopRightPro {	top: -80px; }
	.StwoTopRightPro img {	width: 300px; }
	.StwoCont {	margin-left: 160px; width: 75%; }
	.StwoCont .mainHead { font-size: 40px; }
}
@media (max-width: 920px) {
    .StwoBg {	min-height: 600px; }
    .StwoQuliMac { display: none; }
    .StwoCont {	margin-left: 0; width: 100%; padding: 0 40px;  margin-top: 10%; }
	.StwoCont ul {	margin: 0 0 0 -20px; }
}
@media (max-width: 768px) {
	.StwoBg .container {	position: relative;	}
    .StwoBg {	min-height: auto; }
	.StwoMidBotPla, .StwoBrassPro { display: none; }
	.StwoBotLeftPro { bottom: -100px; }
	.StwoBotLeftPro img { width: 180px; }
	.StwoTopRightPro {	top: -50px; }
	.StwoTopRightPro img {	width: 200px; }
	.StwoCont {	padding: 0 25px; margin-bottom: 110px; }
	.StwoCont ul {	font-size: 14px; }
}
@media (max-width: 600px) {
    .StwoCont {	 margin-top: 80px;  margin-bottom: 100px; }
	.StwoCont .mainHead { font-size: 36px; }
}

/* ------------------------ SECTION Three ----------------------- */
.factory_video_sec { overflow: hidden; position: relative; z-index: 99 !important; height: 777px; }
.factory_video_content { z-index: 3; position: absolute; z-index: 3; top: 50%; left: 50%; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.factory_video_content h2.mainHead { color: #fff; }
.factory_video_content h2 a { font-size: 120px; color: #fff; }
.factory_video_img { filter: contrast(140%); position: absolute; width: 100%; height: 100%; background: url('../images/factory-video-bg.jpg'); background-size: cover !important; background-position: center 85% !important; z-index: 1; left: 0; top: 0; transition: all 10000ms ease-in-out; transform: scale(1); }
.video_overLay_Bg { position: absolute; width: 100%; height: 150%; background: rgba(31,56,73,.5); z-index: 2; top: 0; left: 0; }
.factory_video_content:hover ~ .factory_video_img { transform: scale(1.5); }
.a-btn.opvd #fplay { transition: all 500ms ease-in-out; transform: scale(1); }
.a-btn.opvd:hover #fplay { transform: scale(1.5); }
#fplay:hover .stroke-dotted { stroke-width: 4px; opacity: 1; }
#fplay:hover .stroke-solid { opacity: 0; stroke-dashoffset: 300; }
#fplay:hover .icon { transform: scale(1.05); }
#fplay .stroke-dotted { opacity: 0; stroke-dasharray: 4, 5; stroke-width: 1px; transform-origin: 50% 50%; -webkit-animation: spin 4s infinite linear; animation: spin 4s infinite linear; transition: opacity 1s ease, stroke-width 1s ease; }
#fplay .stroke-solid { stroke-dashoffset: 0; stroke-dashArray: 300; stroke-width: 4px; transition: stroke-dashoffset 1s ease, opacity 1s ease; }
#fplay .icon { transform-origin: 50% 50%; transition: transform 200ms ease-out; }
@-webkit-keyframes spin { to { transform: rotate(360deg); } }
@keyframes spin { to { transform: rotate(360deg); } }
@media (max-width: 1380px) {
	.factory_video_content h2.mainHead { font-size: 50px; }
}
@media (max-width: 1250px) {
	.SvidBg { height: 630px; }
}
@media (max-width: 991px) {
	.factory_video_content h2.mainHead { font-size: 40px; margin: 60px auto 0; }
}
@media (max-width: 600px) {
	.factory_video_content h2.mainHead { font-size: 36px; }
}

/* ------------------------ SECTION Four ----------------------- */
.SthreeBg {	background: url(../images/homeSections/facilitySection.jpg) no-repeat center; background-size: cover; min-height: 777px;  }
.SthreeBg .mainHead { color: #485fa5; padding: 0 0 12px; display: table; margin: 60px auto 0; }
.SthreeBg .container {	position: absolute; width: 100%; height: 100%; padding: 0; }
.SthreeCont { text-align: center; padding: 0 150px; }
.SthreeHF {	display: inline-block; margin: 5px 20px; }
.SthreeHF a { display: block; position: relative; z-index: 101; color: #485fa5; }
.SthreeHF a:hover p { color: #000; }
.SthreeHF a:hover img { transform: scale(1.1); }
.SthreeHF p { font-size: 18px; color: #485fa5; }
@media (min-width:1920px){
	.SthreeBg .container {	position: relative; width: 1600px; height: 100%; padding: 0 100px;	}
	.SthreeCont { text-align: center; padding: 0; }
}
@media (max-width: 1580px) {
	.SthreeBg .mainHead { margin: 30px auto 0; }
	.SthreeCont { text-align: center; padding: 0 100px; }
}
@media (max-width: 1500px) {
	.SthreeCont { text-align: center; padding: 0 80px; }
}
@media (max-width: 1400px) {
	.SthreeBg { min-height: 700px; }
}
@media (max-width: 1410px) {
	.SthreeCont { text-align: center; padding: 0 60px; }
}
@media (max-width: 1380px) {
	.SthreeHF img {	width: 180px; }
	.SthreeBg .mainHead { font-size: 50px; }
}
@media (max-width: 1250px) {
	.SthreeBg {	min-height: 630px; }
	.SthreeBg .mainHead { margin: 60px auto 0; }
	.SthreeHF img {	width: 150px; }
}
@media (max-width: 1100px) {
	.SthreeBg .mainHead { margin: 60px auto 0; }
	.SthreeCont { padding: 0 35px; }
	.SthreeHF { margin: 10px 20px; }
	.SthreeHF img {	width: 140px; }
	.SthreeHF p { font-size: 16px; }
}
@media (max-width: 991px) {
	.SthreeBg .container {	position: relative;	}
	.SthreeBg {	min-height: auto; padding-bottom: 40px; }
	.SthreeBg .mainHead { font-size: 40px; margin: 60px auto 0; }
	.SthreeCont { padding: 0 35px; }
	.SthreeHF { margin: 0 20px; }
	.SthreeHF img {	width: 140px; }
	.SthreeHF p { font-size: 16px; }
}
@media (max-width: 768px) {
	.SthreeCont { padding: 0 35px; }
	.SthreeHF { margin: 5px 20px; }
	.SthreeHF img {	width: 100px; }
	.SthreeHF p { font-size: 14px; }
}
@media (max-width: 600px) {
	.SthreeBg .mainHead { font-size: 36px; }
	.SthreeCont { padding: 0 25px; }
	.SthreeHF { margin: 5px 15px; }
}
@media (max-width: 480px) {
	.SthreeCont { padding: 0 15px; }
	.SthreeHF { margin: 5px 10px; }
}

/* ------------------------ SECTION Five ----------------------- */
.SfourBg {	background: url(../images/whiteProsBg.jpg) no-repeat center; background-size: cover; min-height: 777px; }
.SfourBotLeftPro {	position: absolute;	bottom: -130px; left: 0; z-index: 99; }
.SfourTopRightPro {	position: absolute;	top: -70px; right: 0; z-index: 99; }
.SfourBg .container {	position: absolute; width: 100%; height: 100%; padding: 0; }
.SfourCont { display: inline-block; margin-left: 100px; width: 768px; margin-top: 10%; }
.SfourCont .mainHead { color: #485fa5; padding: 0; }
.SfourCont ul {	font-size: 18px; font-weight: 300; margin: 0 0 0 -15px; }
.SfourCont li {	margin: 8px 0; color: #000; }
.SfourBest {	position: absolute;	bottom: 0; right: 5%; }
@media (min-width:1920px){
	.SfourBg .container {	position: relative; width: 1600px; height: 100%; padding: 0 100px;	}
	.SfourCont { margin-left: 0; width: 1000px; }
	.SfourBest {	right: 15%; }
}
@media (max-width: 1400px) {
	.SfourBg {	min-height: 700px; }
	.SfourCont { margin-left: 100px; width: 680px; }
	.SfourCont .mainHead { white-space: nowrap; }
	.SfourBest img {  width: 550px; }
}
@media (max-width: 1300px) {
	.SfourCont { margin-left: 100px; width: 680px; }
	.SfourCont .mainHead { font-size: 50px; }
	.SfourBest img {  width: 500px; }
}
@media (max-width: 1200px) {
	.SfourBg {	min-height: 630px; }
	.SfourBotLeftPro {	bottom: -100px;  }
	.SfourTopRightPro {	top: -70px; }
	.SfourBotLeftPro img {	width: 300px; }
	.SfourTopRightPro img {	width: 350px; }
	.SfourCont { margin-left: 100px; width: 500px; margin-top: 10%; }
	.SfourCont ul {	font-size: 16px; }
}
@media (max-width: 1100px) {
    .SfourCont { margin-top: 12%; }
	.SfourBest img {  width: 400px; }
}
@media (max-width: 991px) {
	.SfourBg {	min-height: 600px; }
	.SfourTopRightPro {	top: -50px; }
	.SfourBotLeftPro img {	width: 250px; }
	.SfourTopRightPro img {	width: 300px; }
    .SfourCont { margin-top: 6%; }
	.SfourCont .mainHead { font-size: 40px; }
}
@media (max-width: 920px) {
	.SfourBg {	min-height: 560px; }
	.SfourCont { margin-left: 0; width: 100%; padding: 0 40px; }
	.SfourCont ul {	margin: 0 0 0 -20px; }
	.SfourBest { display: none; }
}
@media (max-width: 768px) {
	.SfourBg .container {	position: relative;	}
	.SfourBg {	min-height: auto; }
	.SfourBotLeftPro {	bottom: -80px;  }
	.SfourTopRightPro {	top: -50px; }
	.SfourBotLeftPro img {	width: 220px; }
	.SfourTopRightPro img {	width: 260px; }
	.SfourCont { padding: 0 25px;  margin-top: 60px; margin-bottom: 130px; }
    .SfourCont ul {	font-size: 14px; }
}
@media (max-width: 600px) {
	.SfourBotLeftPro {	bottom: -80px; margin-left: -15px;  }
	.SfourTopRightPro {	top: -30px; margin-right: -6px; }
	.SfourBotLeftPro img {	width: 180px; }
	.SfourTopRightPro img {	width: 200px; }
	.SfourCont { margin-top: 50px; margin-bottom: 100px; }
	.SfourCont .mainHead { font-size: 36px; white-space: normal; }
}

/* ------------------------ SECTION Six ----------------------- */
.SfiveBg {	background: url(../images/homeSections/marketSection.jpg) no-repeat center; background-size: cover; min-height: 777px; border-bottom: none !important; }
.SfiveBg .mainHead { color: #485fa5; padding: 0 0 12px; display: table; margin: 80px auto 20px; }
.SfiveCont { margin-bottom: 105px; }
.marketSlider {	max-width: 800px; width: 100%; margin: auto; background: #fff; z-index: 101;
	-webkit-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.55); -moz-box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.55); box-shadow: 0px 5px 8px 0px rgba(50, 50, 50, 0.55); }
.itemImg { width: 100%; height: 380px; position: relative; text-align: center; }
.itemImg p { display: inline-block; margin-top: 310px; background: rgba(34, 41, 61,0.8); padding: 6px 12px; color: #fff; font-size: 20px; font-weight: 400; }
.owl-nav {	top: 50%; position: absolute; width: 100%; z-index: -1; }
.owl-prev { float: left; margin-left: -60px; }
.owl-next { float: right; margin-right: -60px; }
.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: -5px;
	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 {
	-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: 1400px) {
	.SfiveBg {	min-height: 700px; }
	.SfiveBg .mainHead { font-size: 50px; }
}
@media (max-width: 1300px) {
	.SfiveBg .mainHead { font-size: 50px; }
}
@media (max-width: 1200px) {
	.SfiveBg {	min-height: 630px; }
}
@media (max-width: 1100px) {
	.owl-nav {	z-index: 102; }
	.owl-prev { margin-left: 20px; }
	.owl-next { margin-right: 20px; }
}
@media (max-width: 991px) {
	.SfiveBg {	min-height: 600px; }
	.SfiveBg .mainHead { font-size: 40px; margin: 6% auto 0; }
	.SfiveCont { margin-bottom: 60px; }
	.itemImg { height: 380px; }
}
@media (max-width: 870px) {
	.SfiveBg {	min-height: auto; }
	.SfiveCont { padding: 0 25px; margin-bottom: 60px; }
	.itemImg { height: 300px; }
}
@media (max-width: 768px) {
	.SfiveBg .mainHead { font-size: 40px; margin: 6% auto 0; }
	.SfiveCont { margin-bottom: 60px; }
	.itemImg { height: 380px; }
}
@media (max-width: 600px) {
	.SfiveBg .mainHead { font-size: 36px; margin-top: 40px; }
	.SfiveCont { margin-bottom: 40px; }
	.itemImg { height: 320px; }
	.itemImg p {	margin-top: 260px; font-size: 16px; font-weight: 400; }
}
@media (max-width: 480px) {
	.itemImg { height: 260px; }
	.itemImg p {	margin-top: 200px; }
	.navL, .navR {	font-size: 24px; line-height: 24px; }
	.navL:after, .navR:after {	width: 35px; height: 35px; margin-left: -24px; margin-top: -4px; }
	.navL:after { margin-left: -22px; }
}

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