/*Theme Name: discom
Theme URI: 
Description:  Theme
Author: lbminfotech
Author URI: http://lbminfotech.com
*/ /* ---------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@font-face {
  font-family: "Flaticon";
  src: url("css/fonts/Flaticon.eot");
  src: url("css/fonts/Flaticon.eot?#iefix") format("embedded-opentype"),
       url("css/fonts/Flaticon.woff2") format("woff2"),
       url("css/fonts/Flaticon.woff") format("woff"),
       url("css/fonts/Flaticon.ttf") format("truetype"),
       url("css/fonts/Flaticon.svg#Flaticon") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Flaticon";
    src: url("css/fonts/Flaticon.svg#Flaticon") format("svg");
  }
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {   
  font-family: Flaticon;
        font-size: 20px;
font-style: normal;
}
/* new css s */

	.position-absolute {
		position: absolute !important; z-index: 2;
	}
	.responsiveimg
		{
			left: 12.5%; top: 45%;width: 140px; height: 140px;
		}
	.responsiveimg-2 {
		right: 26%;
		top: 35%;
		width: 145px;
		height: 145px;
	}
	.responsiveimg-3 {
		right: 18%;
		width: 110px;
		height: 110px;
		top: 42%;
	}
	.responsiveimg-4 {
		right: 18%;
		width: 110px;
		height: 110px;
		bottom: 34%;
	}
	.fasteners_cordinate {
		right: 17%;
		top: 50%;
		width: 140px;
		height: 140px;
	}
	.stamping_cordinate-1 {
		right: 24%;
		width: 140px;
		height: 110px;
		top: 37%;
	}
	.stamping_cordinate-2 {
		right: 24%;
		bottom: 31%;
		width: 110px;
		height: 110px;
	}
	.precision-cordinate-1 {
		left: 7%;
		width: 120px;
		height: 120px;
		bottom: 20%;
	}
	.precision-cordinate-2 {
		left: 52%;
		width: 100px;
		height: 100px;
		top: 21%;
		transform: translateX(6%);
	}
	.precision-cordinate-3 {
		right: 37%;
		width: 100px;
		height: 100px;
		top: 43%;
	}
	.precision-cordinate-4 {
		right: 18%;
		width: 80px;
		height: 80px;
		top: 47%;
	}
	.precision-cordinate-5 {
		right: 10%;
		width: 60px;
		height: 80px;
		top: 55%;
	}
	.precision-cordinate-6 {
		right: 20.5%;
		width: 70px;
		height: 80px;
		bottom: 17%;
	}

	.powdered-metals-1 {
		left: 10%;
		top: 55%;
		width: 120px;
		height: 120px;
	}
	.powdered-metals-2 {
		top: 23%;
		width: 120px;
		height: 120px;
		right: 22%;
	}
	.powdered-metals-3 {
		bottom: 30%;
		width: 120px;
		height: 120px;
		right: 31%;
	}
	.forging-1 {
		width: 120px;
		height: 120px;
		right: 16%;
		bottom: 30%;
	}
	.forging-2 {
		width: 100px;
		height: 100px;
		bottom: 31%;
		left: 26%;
	}
	.forging-3 {
		width: 100px;
		height: 100px;
		left: 14%;
		bottom: 28%;
	}
	.forging-4 {
		width: 120px;
		height: 100px;
		top: 35%;
		left: 24%;
	}
	.injection-molding-4 {
		width: 70px;
		height: 70px;
		right: 26%;
		top: 40%;
	}
	.injection-molding-2 {
		width: 70px;
		height: 70px;
		right: 29%;
		top: 30%;
	}
	.injection-molding-1 {
		top: 25%;
		right: 23%;
		width: 70px;
		height: 70px;
	}
	.injection-molding-3 {
		width: 70px;
		height: 70px;
		right: 16%;
		top: 30%;
	}
     .clamp-1 {
		width: 70px;
		height: 70px;
		right: 16%;
		top: 30%;
	}
.extrusionimg-1 {
		right: 20%;
		top: 28%;
		width: 70px;
		height: 70px;
	}
.extrusionimg-3
		{
			left: 12.5%; 
			top: 45%;
			width: 145px; 
			height: 145px;
		}
.extrusionimg-4
{    right: 34%;
    width: 70px;
    height: 70px;
    top: 38%;}
.fittingimg-1
{
    right: 15%;
    top: 28%;
    width: 90px;
	height: 90px;}
.fittingimg-2
{    right: 27%;
    width: 90px;
    height: 90px;
    top: 37%;}



/* New css end */
.flaticon-facebook-logo:before { content: "\f100"; }
.flaticon-twitter:before { content: "\f101"; }
.flaticon-linkedin-letters:before { content: "\f102";line-height: 2; }
.flaticon-youtube:before { content: "\f103"; }
.flaticon-pin:before { content: "\f104"; line-height: 1.5; font-size:40px; color: #fa9928;}
.flaticon-envelope:before { content: "\f105";line-height: 1.5; font-size:40px; color: #fa9928;}
.flaticon-telephone:before { content: "\f106"; line-height: 1.5;font-size:40px; color: #fa9928;}
.flaticon-swipe-up:before { content: "\f107"; }
.flaticon-home:before { content: "\f108"; }
body {font-family: Arial, Helvetica, sans-serif; color: #000; line-height: 30px;  font-size: 18px; overflow-x:hidden; background: #fff;}
ul, ol { margin:0; padding:0; } 
a, button  { -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; -webkit-transition:all 500ms ease-in-out; text-decoration: none !important;}
a, a:focus, a:hover, a:active, input:focus, select:focus, button:focus{ outline:0}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {background:#fff;border:0}
.navbar {border:0; width: 100%; background: #fff;}
.navbar-header {position:relative; width: 100% !important; display: none;}
.navbar-brand {height:auto; position:absolute;top:-15px}
.navbar-brand > img {display: block;width: 80%;height: auto;}
.navbar-nav > li > a {text-transform: uppercase;font-weight: 600;padding: 20px;font-size: 16px;font-family: 'Montserrat', sans-serif;}
.navbar-wrapper .container-fluid{ padding:0 5%;}
.dropdown-menu > li > a{padding: 10px 25px;}
.navbar-brand{padding: 10px 0;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff;text-decoration: none;background-color: #a90000; }
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{font-size:15px; background:#d30000; color:#fff;}
.dropdown-menu{ background:#d30000;}
.navbar-right, #mega-menu-wrap-primary {width: 100%; float: right !important;position: absolute;background: #003385;right: 0;}
.switcher .option {position: absolute !important;} 
.switcher {float: right !important;margin-right: 15px;}
.location {background: #afb70e; padding: 21px; float: right;}
.topInfo .container-fluid {padding: 0px !important;}
.logoInfo img {margin: 10px 0 10px 10%;}
/*-----------------------------------*/
/* Page 404
/*-----------------------------------*/
#page404{text-align:center;}
#page404 img{margin:50px 0; margin-bottom:20px;}
#page404 a{padding: 15px 30px; font-weight:bold; font-size:13px; text-decoration:none}
.btn11 { background: #c9383d; display: inline-block; color: #ffffff; text-transform: uppercase;  padding: 8px 12px 5px 12px; border: none;}
.btn11:hover {background:#9f161b;}

/*-----------------------------------*/
/* Flexible Container
/*-----------------------------------*/
.Flexible-container {position: relative; padding-bottom:50%; height: 0; overflow: hidden; border: none; margin-bottom:0;}
.Flexible-container iframe, .Flexible-container object, .Flexible-container embed {position: absolute; width: 100%; top: 0; border: none; left: 0; width: 100%; height: 100%;}
.Flexible-container1 {position: relative; padding-bottom: 40%; height: 0; overflow: hidden; border: none; margin-bottom:0; }
.Flexible-container1 iframe, .Flexible-container1 object, .Flexible-container1 embed {position: absolute; width: 100%;  border: none; top: 0; left: 0; width: 100%; height: 100%;}

/*-----------------------------------*/
/* Table Styles
/*-----------------------------------*/
table { width: 100%; border-collapse: collapse; background-color: #fff; }
tr:nth-of-type(odd) {  background: #f9f9f9; }
th { background: #3673ae; color: white; font-weight: bold; }
td, th {  padding: 6px 6px 6px 6px;  border: 1px solid #dbdbdb; }
.tablepress thead th {
	background: #fa9928 !important;
	color: #fff;
	text-align: left;
}
.tablepress tfoot th, .tablepress thead th {
	border-right: 1px solid #fff !important;
	text-align: center;
}
.tablepress thead th {
	border-bottom: 1px solid #fad2a4;
}
.table-responsive {
	min-height: .01%;
	overflow-x: auto;
	border: 1px solid #fad2a4;
}
.tablepress .odd td, .tablepress .even td {
	border-right: solid 1px #fad2a4;
	text-align: left;
}
.tablepress tbody td, .tablepress tfoot th {
	border-top: 1px solid #fad2a4 !important;
}
.tablepress .row-hover tr:hover td {
	background-color: #fff7ee !important;
}

#form1 {padding: 25px 30px;}
#form1 button, input, select, textarea {display: block;width: 100%;line-height: 24px;
height: 50px;font-size: 16px;box-shadow: none;background: rgba(0,0,0,0.1);padding: 12px 15px;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 15px 0; color:#fff; border: 1px solid #5c5c5c;}
#form1 textarea {height: 90px;}
#form1 .enquiryBtn {display: inline-block;}
#form1 .subbtn {background: #c90000 !important;display: inline-block;padding: 10px 30px !important;text-align: center;color: #fff;font-size: 17px;font-weight: 600;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none;}
#form1 .subbtn:hover{background:#000 !important;}
#form1 button, input, select, textarea {
	display: block;
	width: 100%;
	line-height: 24px;
	height: 50px;
	font-size: 16px;
	box-shadow: 0px 0px 2px 2px #e2e2e2;
	border: none;
	padding: 10px 15px;
	background: #fff;
	border-radius: 0px;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	margin: 10px 0; color:#000;
}
#form1 .subbtn {
	background: #fa9928 !important;
	display: inline-block;
	color: #fff;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	text-decoration: none;
	transition: all 1s;
	border: none;
	width: 30%; box-shadow: none;
}
/*------------scroll top-------------------*/

#back-to-top {
	cursor: pointer;
	position: fixed !important;
	bottom: 20px;
	right: 20px;
	z-index: 99 !important;
	background: #246fe7;
	padding: 10px 13px;
	outline: none;
	border: none;
	border-radius: 35px;
}
/*--------------wordpress free version removal code --------------------------*/
.amazingcarousel-image > div, .amazingcarousel-image > div a {
	background: transparent !important;
	color: transparent !important;
	pointer-event: none !important;
}
.wonderplugin-gridgallery-item a div{
	display:none !important;
}
#html5-watermark {
	display: none !important;
}
/************index page***************/
.header {width: 100%; float: left; background: #fff;}
.header img {width: 100%; height: auto;}
.logoInfo {width: 100%;position: relative;padding:0;}
.logoInfo ul {padding-top: 10px;float: right;}
.logoInfo li {list-style: none;float: left;margin: 0 20px 0 0;}
.logoInfo li img {float: left; padding-top: 10px;}
.logoInfo li p {font-family: 'Montserrat', sans-serif; font-size: 15px; font-weight: 500; color: #000; line-height: 25px;}
.logoInfo li p span, .logoInfo li p span a{ font-size: 17px; font-weight: 500; color: #ed5200; display: block;}
.navbar-wrapper {position: absolute; width: 100%;}
.topInfo { -webkit-transition:-webkit-transition: margin .7s ease-in-out; -moz-transition: margin .7s ease-in-out; transition: margin .7s ease-in-out}
.subMenu {width: 100%;}	
.carousel-caption img {width: 80%;height: auto; float: left; }
.carousel-caption h3 {font-size: 30px; color: #fff; text-align: left; margin: 0; line-height:40px;font-weight:400;border-bottom:1px solid rgba(255,255,255,0.2);padding-bottom: 20px;margin: 0px 0 20px 0;} 
.carousel-caption h3 span{font-weight:600;}
.carousel-caption h2 {font-size: 40px; color: #fff; font-weight: bold; text-align: left;margin: 0px 0 10px 0;}
.catp_div{ width:100%; float:left; background:#fff; padding:35px 45px;}
.carousel-caption ul {padding:0; margin:0;}
.carousel-caption ul li { list-style:none; width:15%;float:left;}
.catp_div h2{ color:#00263b; font-size:35px; font-weight:500;line-height: 40px; margin:0; font-family: 'Oswald', sans-serif;}
.catp_div h2 span{ color:#ff762d; text-transform:uppercase;font-size: 30px;}
.conLine {width: 15%;margin: 10px 0;height: 2px;background: #ffc300;}
.catp_div p{ color:#00263b; font-weight:500; font-family: 'Montserrat', sans-serif; font-size:18px;}
.read {background: #ff762d !important;display: block;padding: 10px 16px !important;color:#fff;font-size: 20px;font-weight: 500;text-transform: capitalize;text-decoration: none !important;transition: all 1s;border: none;font-family: 'Oswald', sans-serif;
width: 25%;margin-bottom: -55px;margin-top: 30px; text-align:center;}
.conLine1 {width: 18%;height: 10px;background: #ff762d;position: absolute;top: 22px;z-index: -1;}
.carousel {margin-top: 0%;}
.navbar {min-height: 0px !important;}
#cs-buttons-metaslider_42 {position: absolute !important; bottom: 8% !important; left: 12% !important; }
.topInfo .col-sm-5 {width: 47% !important;}
.topInfo .col-sm-2 {width: 6% !important;}
.switcher .selected a {border: 1px solid #ccc; color: #666; padding: 7px 10px !important; width: auto !important; margin: 26px 0 !important;}
#cs-title-metaslider_42 {position: absolute; bottom: 20% !important; left:7% !important;  z-index: 1000;  opacity: 0.2002;}
.cs-title {background-color: transparent !important; }
#cs-title-metaslider_42 h3 { font-size: 70px !important; text-shadow: 2px 2px 0px rgba(150, 150, 150, 1); font-weight: 900 !important; opacity: 0.9!important;}
#cs-title-metaslider_42 p {font-size: 36px; font-weight: 200;}
#cs-title-metaslider_42 p span {font-size: 36px; font-weight: 700; display: block;}
.cs-prev, .cs-next {display: none !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {line-height: 50px !important; height: 50px !important; font-size: 12px; font-weight:bold;text-transform: uppercase;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link {font-size: 12px; font-weight: bold; text-transform: uppercase;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {font-size: 12px; font-weight: bold; text-transform: uppercase;}

/*-------------welcome section------------------*/
#welcome_sec{ width:100%; float:left; position:relative; padding:100px 0; color:#000; text-align: left; background:#fff; }
.blue_line{ width:10%; height:2px; background:#0872ba; margin:15px 0;}
.read1 {color: #fff; font-size: 16px; padding: 12px 25px; text-align: center; margin: 20px auto; display: inline-block; background:#003c9c !important; font-weight: 600; }
#welcome_sec p {color: #000;padding: 0; font-size: 18px;}
.welOrange {color: #ee762f !important;font-weight: 600;}
.bottomBorder{width: 8%; background: #aeb710;  margin: 25px 0; text-align: left; height: 5px;}
#welcome_sec h1 {font-size: 40px;color: #131c4e;font-weight: 700;text-transform: uppercase;}
#welcome_sec h1 span{color:#2661be; font-size: 40px; display: inline; font-weight: 700;}
#welcome_sec h1 span:first-child  {font-size: 30px; font-weight: 200; color: #000; margin-bottom: 10px; display: block;}
#welcome_sec span {font-size: 25px; display: block; font-weight: 300;}	


 
/*------------product section------------------*/
.proSection {width: 100%;float: left; padding: 100px 0; background: #e7f2ff;border-top: 1px solid #9ec7f8;border-bottom: 1px solid #9ec7f8;} 
.proSection .container {overflow: hidden;}
#owl-example1 .owl-item {padding: 0 0 !important;}
.proInfo {text-align: left;padding:35px;}
.proSection h3 {font-size: 40px;color: #131c4e;font-weight: 700;text-transform: uppercase; margin: 0 0 40px 0;}
.proSection h3 span{color:#2661be; font-size: 40px; display: inline; font-weight: 700;}
.proSection h3 span:first-child  {font-size: 30px; font-weight: 200; color: #000; margin-bottom: 10px; display: block;}
.service_blk {background: #f3f9ff !important; padding: 0 0 40px 0; border: 1px solid #d1dff4; box-shadow: 0px 0px 15px 0px rgba(194,215,248,0.75); -webkit-box-shadow: 0px 0px 15px 0px rgba(194,215,248,0.75); -moz-box-shadow: 0px 0px 15px 0px rgba(194,215,248,0.75);}
.service_blk h4 {font-size: 20px; line-height: 28px; color: #131c4e; font-weight: 700; text-transform: none; margin: 40px 50px 15px 50px;} 
.service_blk p {margin: 0 50px; font-size: 16px; line-height: 28px; color: #131c4e;}
.service_blk img {border-bottom: 1px solid #d1dff4; width: 100%; height: auto;} 
.proSection .owl-carousel .owl-stage-outer {overflow: inherit !important;}
.proSection .owl-theme .owl-nav.disabled+.owl-dots {display: none;}
#owl-example1 .owl-dots, #owl-example1 .owl-nav {position: absolute; right: 0;}
.proSection .read1 { margin: 45px 0 0 0;}
.proSection a {color: #fff;}
.proSection .owl-carousel .owl-nav button.owl-next, .proSection .owl-carousel .owl-nav button.owl-prev, .proSection .owl-carousel button.owl-dot {background: #003c9c !important; border: #003c9c !important; color: #fff;}


/*------------service section------------------*/
#myCarousel2 {width: 100%;float: left;padding: 80px 0;background: #fff;text-align: left; position:relative;}
#myCarousel2 .servicePatch {color: #00263b; padding: 0;}
#myCarousel2 h4 {font-size: 23px; font-weight: bold; font-family: 'Muli', sans-serif;}
#myCarousel2 .serimg {border: 1px solid #d5e8ff; padding: 35px; text-align: center; border-radius: 100%;}
#myCarousel2 h3 {font-size: 40px;color: #131c4e;font-weight: 700;text-transform: uppercase;}
#myCarousel2 h3 span{color:#2661be; font-size: 40px; display: inline; font-weight: 700;}
#myCarousel2 h3 span:first-child  {font-size: 30px; font-weight: 200; color: #000; margin-bottom: 10px; display: block;}
#myCarousel2 hr {margin-top: 35px; margin-bottom: 35px; border: 0; border-top: 1px dashed #bdc9e6;}
#myCarousel2 .carousel-indicators {position: relative;bottom: auto;z-index: 15;width: 100%;text-align: left;list-style: none;left: auto;}
#myCarousel2 .carousel-indicators li{ display:block; width:100%; height:auto; background:transparent; text-indent:inherit; margin:0;} 
#myCarousel2 .col-sm-6:first-child{ padding: 40px;}
#myCarousel2 .col-sm-6:last-child{ padding: 0 5%;}



/* 
 * Position both images in same place
*/
.hover-switch > img {
  position: absolute;
  top: calc(50% - 100px);
  left: calc(50% - 100px);
}
/* 
 * Show the last image by default
*/
.hover-switch > img:last-of-type {
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
}
/* 
 * Hide the last image on hover
*/
.hover-switch:hover > img:last-of-type {
  opacity: 0;
}
/***********why**********/

.mymultiplediv{
cursor:pointer;
  }
.mymultiplediv{
width: 150px;
    border: 1px solid #ccc;
    margin: 10px;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    border: 1px solid #000;
    background: #7d7474;
    text-align: center;
}
.certifi
{color:#fff;
text-align:center;}
.mydiv{
display:none;
   padding:10px;
   text-align:center;
}
.mydiv img{
  margin: 0 auto;
}


.mydiv span{
	text-align: center;
    background: #ffdede;
    padding: 6px 10px;
    display: block;
    width: 100px;
    border: 1px solid #d47c7c;
    margin: 8px auto;
}

/*------------network section------------------*/
.networkSection {width: 100%;float: left; padding: 100px 10% 100px 0; background: #e7f2ff;} 
.wpcp-carousel-section .wpcp-single-item img {width: 100% !important; height: auto !important;}
.wpcp-carousel-section.nav-vertical-center {padding: 0;}
.networkSection hr { margin-top: 30px; margin-bottom: 30px; border-top: 1px solid #c0d5f2 !important;}
.networkSection a {float: right !important;}
.networkSection p {margin: 40px 0 0 0;}
.globalImg{width:35%; float:left;  position:relative;}
.globalImg img {width: 100%; height: auto;}
.globalFlags {width:65%; float: left; padding: 40px;}
.globalFlags h3 {font-size: 40px;color: #131c4e;font-weight: 700;text-transform: uppercase; margin: 0 0 40px 0;}
.globalFlags h3 span{color:#2661be; font-size: 40px; display: inline; font-weight: 700;}
.globalFlags h3 span:first-child  {font-size: 30px; font-weight: 200; color: #000; margin-bottom: 10px; display: block;}


/*------------ Our expertise ------------------*/
.expertiseSec {width: 100%; float: left; background: url(images/expertise.png) no-repeat top center #0a5bbd; background-size: 100% auto; padding: 100px 0; color: #fff; text-align: center !important; background-attachment: fixed;}
#owl-example2 .owl-dots, #owl-example2 .owl-nav {-webkit-tap-highlight-color: transparent; text-align: center;}
.expertiseSec p {text-align: right; font-size: 16px;}
.expertiseSec .owl-theme .owl-nav.disabled+.owl-dots {display: none !important;}
.expertiseSec h3 {font-size: 40px;color: #fff;font-weight: 700;text-transform: uppercase; margin: 0 0 40px 0; text-align: left;}
.expertiseSec h3 span{color:#fff; font-size: 40px; display: inline; font-weight: 700;}
.expertiseSec h3 span:first-child  {font-size: 30px; font-weight: 200; color: #fff; margin-bottom: 10px; display: block;}
.prodInfo {width: 100%; float: left; padding: 30px; background: rgba(255,255,255,0.2); border: 1px solid #9bbce4; transition: all 2s; color: #fff; text-align: left;}
.prodInfo p {text-align: left; font-size: 12px; line-height: 22px;}
.prodInfo h4{font-size: 20px;color: #fff;font-weight: 600; margin: 20px 0 10px 0; text-align: left;}
.prodInfo h5{font-size: 14px;color: #fff;font-weight: 500; text-align: left;}
.prodInfo:hover  p {text-align: left; font-size: 12px; line-height: 22px;}
.prodInfo:hover h4{color: #0a5bbd;}
.prodInfo:hover h5{color: #0a5bbd;}
.prodInfo:hover {background: rgba(255,255,255,10237); border: 1px solid #9bbce4; color: #0a5bbd; }
.prodInfo:hover hr {border-top: 1px solid #93b7e2 !important;}

/*------------ Logistic support ------------------*/
.locationSec {width: 100%; float: left; background: #ffffff; padding: 100px 0;} 
.locationSec h3 {font-size: 40px;color: #131c4e;font-weight: 700;text-transform: uppercase; margin: 0 0 40px 0;}
.locationSec h3 span{color:#2661be; font-size: 40px; display: inline; font-weight: 700;}
.locationSec h3 span:first-child  {font-size: 30px; font-weight: 200; color: #000; margin-bottom: 10px; display: block;}
.locationSec .container-fluid{padding: 0 5%;}
.locationSec img {width: 100%; height: auto;}


/*------------ Mega Menu ------------------*/
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {background: #d5e4fc;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item {background: #f6f9ff;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {color: #fff; background: #134ca8; font-weight: bold;}
.collapse {display: block !important;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {background: #f6f9ff;} 

@media (max-width:1024px) {
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item { width: 33.333%;}
}
@media (max-width:767px) {
.container{width:100% !important}	
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item { width: 50%;}
}
@media (max-width:500px) {
.forging-3 {
    width: 40px;
    height: 40px;
    left: 15%;
    bottom: 30%;
}
.precision-cordinate-2 {
    left: 50%;
    width: 60px;
    height: 60px;
    top: 16%;
    transform: translateX(6%);
}
.precision-cordinate-3 {
    right: 35%;
    width: 80px;
    height: 80px;
    bottom: 33%;
}
.precision-cordinate-4 {
    right: 16%;
    width: 60px;
    height: 60px;
    top: 41%;
}	
.precision-cordinate-5 {
    right: 6%;
    width: 60px;
    height: 60px;
    bottom: 28%;
}
.precision-cordinate-6 {
    right: 18.5%;
    width: 60px;
    height: 60px;
    bottom: 11%;
}	
.forging-4 {
    width: 40px;
    height: 40px;
    top: 36%;
    left: 25%;
}
.forging-2 {
    width: 40px;
    height: 40px;
    bottom: 33%;
    left: 27%;
}	
.mt-120{margin-top:120px}	
.responsiveimg {
    left: 5%;
    top: 32%;
    width: 80px;
    height: 80px;
}
.responsiveimg-2 {
    right: 26%;
    top: 37%;
    width: 40px;
    height: 40px;
}
.responsiveimg-3 {
	right: 16%;
    width: 40px;
    height: 40px;
    top: 39%;
}
.responsiveimg-4 {
   right: 16%;
   width: 40px;
   height: 40px;
   bottom: 33%;
}
.stamping_cordinate-1 {
    width: 40px;
    height: 40px;
    top: 36%;
}	
.stamping_cordinate-2 {
    right: 24%;
    bottom: 32%;
    width: 40px;
    height: 40px;
}	

.powdered-metals-2 {
	top: 20%;
    width: 60px;
    height: 60px;
    right: 20%;
}
.powdered-metals-3 {
    bottom: 25%;
    width: 60px;
    height: 60px;
    right: 28%;
}	
.powdered-metals-3 {
    bottom: 24%;
    width: 100px;
    height: 100px;
    right: 27%;
}
  .forging-1 {
    width: 40px;
    height: 40px;
    right: 15%;
    bottom: 29%;
  }
  .forging-3 {
    width: 40px;
    height: 40px;
    left: 12%;
    bottom: 24%;
  }
  .forging-4 {
	width: 50px;
	height: 50px;
	top: 30%;
	left: 22%;
  }	
  .forging-2 {
    width: 40px;
    height: 40px;
    bottom: 28%;
    left: 26%;
  }	
  .injection-molding-1 {
    top: 22%;
    right: 22%;
    width: 20px;
    height: 20px;
}	
  .injection-molding-2 {
    width: 30px;
    height: 30px;
    right: 29%;
    top: 26%;
	}
	.injection-molding-3 {
    width: 20px;
    height: 20px;
    right: 14%;
    top: 27%;
	}
	.injection-molding-4 {
    width: 20px;
    height: 20px;
    right: 26%;
    top: 40%;
	}
	
.carousel {
    margin-top: 142px;
}
#welcome_sec h1 span{
	font-size: 35px;
}
img{max-width:100%}	

#myCarousel2 .serimg{width:135px}
	.globalImg{display:none}
	.globalFlags {
    width: 100%;
    padding: 15px;
}
.networkSection{padding: 50px 8% 30px 0;}
#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu li.mega-4-columns > ul.mega-sub-menu > li.mega-menu-item { width: 100%;}
}


/***footerSection********/
.footerSection {width: 100%;float: left;background:#272727 url(images/footer_bg.jpg) no-repeat top left;padding:55px 0 0 0;color: #fff; position: relative; font-family: 'Montserrat', sans-serif; background-size:100% 100%;}
.footerSection .container-fluid, footer .container-fluid  {padding: 0 7%;}
.footerSection  .col-sm-4, .footerSection  .col-sm-2, .footerSection  .col-sm-3 {
	padding: 0 15px;
}
footer h4 {font-weight: 600;font-size: 20px;float: left;padding-right: 20px;}
.readBack {background: rgba(255,255,255,0.1);margin-top: 20px;}
.readBack a {background: rgba(255,255,255,0.3);padding: 8px 20px;display: inline-block;
font-size: 18px; float: none !important;}
.footerSection h2 {font-size: 23px;font-weight: 400;line-height: 33px; margin-bottom: 0;}
.footerSection h2 span {font-size: 35px;font-weight: bold;display: block;}
footer {float: left;width: 100%;background:rgba(0,0,0,0.3);padding: 25px 0 15px 0;color: #fff;border-top: 1px solid #3f3f3f; margin-top: 50px; float:left;}
.hor_line {width: 100%;float: left;background: #5d5d5d;height: 1px;margin: 10px 0;}
.small_line {width: 13%;background: #aeaeae;height: 1px;}
.aboutMss .hor_line {margin: 18px 0;}
.footerSection a, footer a {color: #fff; float: left;}
.footerSection li {list-style: none;}
.design {float: none !important;color: #cdd80f !important;}


/*********Inner pages*******/
#inner_header {width: 100%; float: left; height: auto; position: relative; margin-top: 0;}
#inner_header img {width: 100%; height: auto;}
#inner_header h2 {width: 70%; font-size: 35px; position: absolute; font-weight: 800; color: #ffffff; padding: 25px 0;  bottom: 30%;  left: 0; right: 0; margin: 0 auto;  text-align: left; text-transform: uppercase; text-align: center;}
.bred { width: 70%; font-size: 16px; position: absolute; background: rgba(255,255,255,10);  font-weight: 600; color: #000; text-transform: uppercase; display: inline-block; padding: 25px 35px; bottom: 0%; left: 0; right: 0; margin: 0 auto; text-align: left; }

.innerSection {width: 100%; float: left; padding: 30px 0 100px 0; position: relative;}
.subAbout {padding: 100px 0 !important;}
.innerSection img {float: right; margin: 0 0 40px 40px; border: 1px solid #CCC; width: 35%; height: auto;}
.innerSection::before{position: absolute; content: ''; right: 0px; top: 0px; width: 265px; height: 265px; background: url(images/curve-1.png) no-repeat;}
#service_inner {width: 100%; float: left; padding: 70px 0 100px 0; } 
#service_inner h3 {font-size: 25px; font-weight: 700; text-transform: uppercase; }
#service_inner .service_blk {box-shadow: none; -webkit-box-shadow: none; } 
#service_inner .service_blk a {margin: 10px 50px 0 50px; display: block;}
.service_blk {margin: 0 0 30px 0;}
#inner_header br {display: none;}
.grsTemplate2 {margin: 40px 0 0 0;}
.conceptualSec {width: 100%; float: left; background: url(images/head4.jpg) no-repeat left top; background-size: 100% 100%; padding: 5% 0; color: #fff; font-size: 30px; font-weight: 800; text-transform: uppercase; background-attachment: fixed; } 
.conceptualSec h5 {text-align: left; font-size: 30px; font-weight: 800; line-height: 45px;}
.conceptualSec hr { margin-top: 0; margin-bottom: 70px; border: 0; border-top: 1px solid #eee;}
.conceptualSec .read1 {float: right;}

#abtSection {width: 100%; float: left; background: url(images/aboutBg.jpg) no-repeat left top #fff; background-size: 100% auto;}
#abtSection img { width: 50%; height: auto; float: left; margin: 0 60px 0 0; border: none;  }
.aboutInfo {width: 100%; float: left; background: #f9f9f9; padding: 100px 0; font-weight: 16px; line-height: 28px;}
.aboutInfo img {float: right; margin: 0 0 0 40px; border: none; width: 100%; height: auto;}
.aboutwhy {width: 90%; height: auto;}
.container {max-width: 1320px;width:100%}
.missionInfo {width: 100%; float: left; background: #fff; padding: 100px 0; font-weight: 16px; line-height: 28px;}
.goalBox h4 {font-size: 20px !important; margin: 20px 0 20px 0;  border-bottom: 1px solid;  padding: 0 0 20px 0;}
.goalBox {min-height: 235px !important; }
#abtSection h4 {font-size: 48px; font-weight: 800; position: absolute; left: -13%; top: 25%;}
#abtSection p {font-size: 25px; font-weight: 600; display: block; line-height: 38px; margin-top: 53%;}
.golaLine {width: 10%;  float: left; height: 2px; background: #cccccc; margin: 250px 35% 50px 0; }  
.subLine {width: 40%; float: left; height: 2px; background: #0048bb;  } 
.all_data .service_blk {padding: 0 0 20px 0;}
.all_data { padding: 40px 0 60px 0 !important;}
.all_data h3 {color: #0048bc !important; margin: 25px 0 30px 0;}
.missionInfo h4 {font-size: 40px; color: #000; font-weight: 700; text-transform: uppercase;  margin: 0 0 20px 0; text-align: left; } 
.missionInfo p  {font-size: 25px; font-weight: 600; color: #000; line-height: 40px; margin: 0 0 30px 0;}
.missionInfo ul {padding: 0; margin: 0;}
/*---.missionInfo li {list-style: none; background: #f7f7f7; border: 1px solid #dddddd; font-size: 18px; font-weight: 600; line-height: 30px; padding: 20px 35px; margin: 0 0 20px 0; }*/
.missionInfo img {width: 100%; height: auto;}
.missionInfo .col-sm-6:first-child {padding: 0 60px 0 0;}
.missionInfo .golaLine {width: 20%;  float: left; height: 2px; background: #cccccc; margin: 20px 35% 35px 0;}
#innerPage ul {padding: 0; margin: 0;}
#innerPage li {list-style: none; background: #f3f9ff !important; border: 1px solid #d1dff4; font-size: 16px; font-weight: 600; line-height: 30px; padding: 15px 25px; margin: 0 0 20px 0; float: left; width: 33.3333%; }
#innerPage h3 {color: #0048bc !important; margin: 25px 0 30px 0;}
#innerPage img {float: left !important;  border: 1px solid #CCC; width: 46%; margin: 2%!important ; height: auto;}
.barBox{width: 100% !important;}
.bringingBox .service_blk {padding: 0px !important; margin: 0px 0 30px 0 !important;}
.bringingBox .service_blk img {width: 100%; margin: 0px; padding: 0px; border-bottom: none !important;}
.bringingInfo {padding: 60px 80px 60px 60px !important;}
.bringingBox .service_blk h4 {font-size: 25px; line-height: 28px; color: #131c4e;  font-weight: 700; margin: 0 0 20px 0;}
.bringingBox .service_blk ul {padding: 0; margin: 0;}
.bringingBox .service_blk li {font-size: 18px; list-style: none; border-bottom: 1px solid #8ebceb; line-height: 50px;}
#innerPage .unique {width: 100%; float: left;}
#innerPage .unique li {width: 100% !important; float: left;}
.catInfo h3 {font-size: 25px !important; font-weight: 700 !important;  text-transform: uppercase !important;}
.catInfo .service_blk {padding: 0 0 30px 0 !important;}
/*****contact page*****/
#innercontact {width: 100%;float: left;background: #fff;font-size: 18px;padding: 0 0 40px 0;color: #000;position: relative;line-height: 30px;}
.innerSection input, select, textarea {display: block;width: 100%;line-height: 24px;  font-size: 16px;box-shadow: none;background: #fff; padding: 12px 0;border-radius: 0px;transition: all 500ms ease;-webkit-transition: all 500ms ease;-ms-transition: all 500ms ease;-o-transition: all 500ms ease;margin: 15px 0; color:#000; border: none; border-bottom: 1px solid #414244;}
.innerSection textarea {height: 50px;}
.innerSection .enquiryBtn {display: inline-block;}
.innerSection .subbtn {background: #aeb710 !important;display: inline-block;text-align: center;color: #fff;font-size: 16px;font-weight: 600;text-transform: uppercase;text-decoration: none;transition: all 1s;border: none; margin: 15px 0 0 0;height: auto;width: 40%;}
#customersSec .subbtn:hover{background:#000 !important;}
.whyInfo { width: 100%; background: url(images/contact.jpg) no-repeat; background-size: 100% 100%; background-attachment: fixed;  display: grid; align-items: center; justify-content: center; padding: 150px 0;}
.whyCon {width: 100%; min-height: 20rem;   border-radius: 5px; background-color:#2661be;padding: 50px 80px ;margin: 0 auto 40px; text-align: center; color: #fff; font-size: 18px; font-weight: 600;}
.whyCon h5 {color: #fff; font-size: 25px; font-weight: 600; text-align: center; margin: 0 0 15px 0; }
.whyInfo h2 {color: #fff; font-size: 40px; font-weight: 600; text-align: center; margin: 0 0 15px 0;text-transform: uppercase; }
.whyInfo ul{ margin:0; padding:0;}
.whyInfo ul li {list-style: none;width: 46%;margin: 20px 2%;background: rgba(255,255,255,0.2);float: left;padding: 70px 30px 30px 30px;min-height: 200px;color: #fff; position:relative;font-weight: 300;}
.whyInfo ul li:before{ content: "\e062";background: #aeb710;font-family: 'Glyphicons Halflings';font-size:25px;padding: 10px 15px;position: absolute;left: 0;top: 0;}
#customersSec {width: 100%;float: left;background: #fff;padding: 0 0 80px 0;text-align: center;}
#customersSec .container-fluid, .whyInfo .container-fluid, .innerSection .container-fluid{width: 80%;margin: 0 10%;}
#customersSec ul {padding: 0; margin: 0;}
#customersSec li {list-style: none; background: rgba(255,255,255,0.5); border: 1px solid #e4e4e4; border-left: 2px solid #d4047f; text-align: left; padding: 15px 20px; width: 100%; float: left;  margin: 0 0 15px 0; font-weight: 500; font-size: 16px;}
#customersSec h6 {font-weight: 600; line-height: 25px; font-size: 36px;  margin: 0 0 20px 0; font-weight: 700; text-transform: uppercase; text-align: left;}
#customersSec h5 {line-height: 25px; font-size: 20px;  margin: 0 0 30px 0; font-weight: 600;text-align: center;}
#customersSec h2 {font-weight: 600; color: #d4047f; line-height: 25px; font-size: 20px;  margin: 0 0 10px 0; font-weight: 600; text-align: left;}
.machineBox {width: 100%; height: auto; background: #fff; float: left; text-align: left; border: 1px solid #e4e4e4; padding: 40px; margin: 0 0 30px 0;}
.machineBox p {margin: 0;}
.machineBox h4  {font-weight: 600; line-height: 25px; font-size: 20px; color: #2661be; margin: 0 0 15px 0; font-weight: 700; text-align: left;}
#customersSec img{  transition: all 2s, transform 1s;} 
#customersSec img:hover {  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */  }
.soliloquy-container{background: #000 !important;}
.floating {  
    animation-name: floating;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
   
}

@keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
}
/***********partner*****/
#partner {width: 100%;float: left;background: #2d589c;font-size: 18px;padding:30px 0;color: #000;position: relative;line-height: 30px; border-bottom:2px solid #6c8aba;}
#partner h2 {font-weight: 300; color: #fff; line-height: 48px; font-size: 25px;  margin: 65px 0 10px 0; text-transform:uppercase;}
#partner h2 span{font-weight: 600;font-size: 35px;}
.wpcp-wrapper-394 .slick-dots {display: none;}
#sp-wp-carousel-free-id-394.sp-wpcp-394 .slick-prev i, #sp-wp-carousel-free-id-394.sp-wpcp-394 .slick-next i {color: #fff;background: #0a3c8c;border-radius: 100%;padding: 10px;width: 50px;height: 50px;text-align: center;display: none;}
/******footer*****/
#footer{ width:100%; background:#0a3c8c; padding:80px 0 30px 0;}
#footer h3{ font-size:18px; color:#fff; text-transform:uppercase; margin:0;}
.social_link a{ background:#3b63a3; border:1px solid #65a5f2; color:#fff;padding: 5px 10px;margin: 0 2px;display: inline-block;}
.social_link a:hover{background:#ced8e8; border:1px solid #ced8e8; color:#0a3c8c;}
.line{ margin:15px 0;}
#footer p{ color:#fff;}
.divide{ margin:40px 0;}
#footer ul{ margin:0 ; padding:0;}
#footer ul li a{ color:#fff;}
#footer ul li{ list-style:none; color:#fff; border-bottom:1px dashed #8f9dbf; width:30.333%; float:left;padding: 8px 0;font-size: 16px;margin: 0 20px 0 0;}
/******serviceSection*****/
.serviceSection .servicePatch {padding: 0 80px 0 0;}
.serviceSection img {width: 100%; height: auto;}
.goalBox {width: 100%; float: left; padding: 30px; background: rgba(255,255,255,0.2); border: 1px solid #9bbce4; transition: all 2s; color: #fff; text-align: left;}
.goalBox p {text-align: left; font-size: 12px; line-height: 22px;}
.goalBox h4{font-size: 20px;color: #fff;font-weight: 600; margin: 20px 0 10px 0; text-align: left;}
.goalBox h5{font-size: 14px;color: #fff;font-weight: 500; text-align: left;}
.lifecycleInfo {width: 100%; float: left; background: #fff; padding: 100px 0; font-weight: 16px; line-height: 28px;}
.lifecycleInfo h4 {font-size: 40px; color: #000; font-weight: 700; text-transform: uppercase;  margin: 0 0 20px 0; text-align: left; } 
.lifecycleInfo p  {font-size: 18px;  color: #000; line-height: 40px; margin: 0 0 30px 0; font-weight:600;}
.lifecycleInfo ul {padding: 0; margin: 0;}
.lifecycleInfo li {list-style: none; background: #f7f7f7; border: 1px solid #dddddd; font-size: 18px; font-weight: 600; line-height: 30px; padding: 20px 35px; margin: 0 0 20px 0; }
.lifecycleInfo img {width: 80%; height: auto; margin: 0 10%;}
.lifecycleInfo ul {padding: 0; margin: 0;}
.lifecycleInfo li {list-style: none; background: #f3f9ff !important; border: 1px solid #d1dff4; font-size: 16px; font-weight: 600; line-height: 30px; padding: 15px 25px; margin: 0 0 20px 0; float: left; width: 33.3333%; }
.lifecycleInfo .unique li {width: 100% !important; float: left;}
.lifecycleInfo h4{font-size: 24px; color: #0048bc !important; margin: 25px 0 30px 0; font-weight: 600; text-align: left;}
.wpcf7 {padding: 50px 0 0 0 !important;}
.socialBox {width: 100%; float: right !important;}
.careersInfo {width: 100%; float: left; background: #fff; font-weight: 16px; line-height: 28px;  padding: 50px 0 100px 0 !important; }
.careersInfo img {width: 100%; height: auto; padding: 0 30px 0 0 !important;}
.careersInfo a {background: #afb70e !important; padding: 12px 30px !important; margin: 20px 0 0 0; float: left; color: #fff; font-weight: 600;}
.socialBox {float: right; text-align: right;}
/******new css 1-9-2021********/
nav .navbar-nav > li > a{ padding:0;}
nav .dropdown-menu{min-width: 280px; right:0; left: auto;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a{ background:#e8f1ff; color:#1452b5;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {color: #fff;text-decoration: none;background-color:#003385;}

.locationSec ul{ margin:0; padding:0;}
.locationSec ul li{ list-style:none; width:100%; margin:30px 0; display:block; position:relative;}
.locationSec ul li img{ width: auto !important;}


.tooltip {position: relative; padding: 5px 12px;font-size: 16px; color: #000;}
.tooltip:before,
.tooltip:after {
  position: absolute;
  content: "";
  opacity: 0;
  transition: all 0.4s ease;
}

.tooltip:before {
  border-width: 10px 8px 0 8px;
  border-style: solid;
  border-color: #003385 transparent transparent transparent;
  top: -20px;
  transform: translateY(20px);
}

.tooltip:after {
  content: attr(data-tooltip);
  background: #003385;
  font-size: 16px;
  font-weight: 300;
  top: -100px;
  left: -50px;
  padding: 10px;
  transform: translateY(20px);
  border-radius: 10px;
  color:#fff;
}

.tooltip:hover::before,
.tooltip:hover::after {
  opacity: 1;
  transform: translateY(-2px);
}


/*----------- Producta Car -----------*/
.section-fluid-main{
  position: relative;
  display: block;
  width: calc(100% - 40px);
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1050px;
  padding-top: 50px;
  padding-bottom: 90px;
  -ms-flex-item-align: center;
  align-self: center;
  z-index: 3;
}
.section-row{
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
  -ms-flex-pack: center;
  justify-content: center;
}
.section-col{
  position: relative;
  width: 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
  padding: 15px;
}


/* #Cursor
================================================== */
.cursor,
.cursor2,
.cursor3{
  position: fixed;
  border-radius: 50%; 
  transform: translateX(-50%) translateY(-50%);
  pointer-events: none;
  left: -100px;
  top: 50%;
  z-index: 4;
}
.cursor{
  background-color: var(--blue);
  height: 0;
  width: 0;
}
.cursor2,.cursor3{
  height: 50px;
  width: 50px;
  transition: all 200ms ease-out;
  background-position: center;
  background-size: 0 0;
}
.cursor2.hover,
.cursor3.hover{
  height: 220px;
  width: 320px;
  border:none;
  border-radius: 8px;
}
.cursor2{
  border: 2px solid var(--blue);
  box-shadow: 0 0 12px rgba(16, 39, 112, 0.2);
}
.cursor2.hover{
  background-size: cover;
  box-shadow: 0 0 0 rgba(16, 39, 112, 0.2);
}
body.img-1-wrap .cursor2,.cursor3{
  background-image: url(images/product1.png); background-size: 100% 100%;
}
body.img-2-wrap .cursor2,.cursor3{
  background-image: url(images/product2.png); background-size: 100% 100%;
}
body.img-3-wrap .cursor2,.cursor3{
  background-image: url(images/product3.png); background-size: 100% 100%;
}
body.img-4-wrap .cursor2,.cursor3{
  background-image: url(images/product4.png); background-size: 100% 100%;
}
body.img-5-wrap .cursor2,.cursor3{
  background-image: url(images/product5.png); background-size: 100% 100%;
}
body.img-6-wrap .cursor2,.cursor3{
  background-image: url(images/product6.png); background-size: 100% 100%;
}
body.img-7-wrap .cursor2,.cursor3{
  background-image: url(images/product7.png); background-size: 100% 100%;
}

body.logo-wrap .cursor2,.cursor3{
  background-image: none;
  height: 66px;
  width: 66px;
}
body.logo-wrap .cursor2.hover,
body.logo-wrap .cursor3.hover{
  height: 66px;
  width: 66px;
  transform: scale(2) translateX(-25%) translateY(-25%);
  border-radius: 50%;
  background-color: var(--yellow);
}


.hover-target{
  position: relative;
  display: inline-block;
  text-decoration: none;
  color: var(--purple);
  transition: color 250ms ease;
}
.hover-target:before{
  position: absolute;
  content: '';
  height: 0;
  border-radius: 1px;
  bottom: 0;
  left: -10px;
  width: calc(100% + 20px);
  border-radius: 2px;
  display: block;
  background-color: var(--yellow);
  transition: height 250ms ease;
  mix-blend-mode: difference;
  opacity: 0.6;
}
.hover-target:hover:before{
  height: 100%;
}
.hover-target:hover{
  z-index: 5;
  color: var(--yellow);
}
 img.innerimage
{    width: 100%;
    border: 0;}
.logo {
	position: fixed;
	top: 25px;
	left: 25px;
	display: block;
	z-index: 1000;
}
.logo img {
	height: auto;
	width: auto;
	display: block;
}
.logo:before {
  display: none;
}


.boxSubhad {width: 100%; float: left; position: relative;}
.boxSubhad1 { padding: 0;transition: transform .2s; /* Animation */ width: 200px;  height: 200px; margin: 0 auto;}
map:hover .boxSubhad1{transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}
.boxSubhad2 { padding: 0;transition: transform .2s; /* Animation */ width: 200px;  height: 200px; margin: 0 auto;}
map:hover .boxSubhad2 {transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */}

.lightbox .lb-image {border-radius: 0px !important; border: 0px !important;}
.lb-outerContainer { background-color: transparent !important;}
.lb-data { display: none !important; }
.lb-nav a.lb-next {display: none !important;}
.lb-nav a.lb-prev {display: none !important;}

/*----------- End Producta Car -----------*/

@keyframes shake {
  0% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(-3deg);
  }
  70% {
    transform: rotate(3deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
#anim:hover {
  animation: shake 500ms ease-in-out forwards;
}
@media only screen and (min-width: 600px) and (max-width: 1300px) 
{
	.boxSubhad.mt-120{margin-top:65px}
 }

/******responsive********/
@media(min-width:767px) {
.navbar {-webkit-transition: all .9s ease-in-out,padding .5s ease-in-out; -moz-transition: all .9s ease-in-out,padding .5s ease-in-out; transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out;}
.top-nav-collapse {padding: 0; background:#fff }
.top-nav-collapse .navbar-brand { width:80%; min-width:80px; padding:10px 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;
 -moz-transition: all .9s ease-in-out,padding .5s ease-in-out; transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
.top-nav-collapse .navbar-nav, .top-nav-collapse #mega-menu-wrap-primary {width: 100%;left: 0;  -webkit-transition: all .9s ease-in-out,padding .5s ease-in-out;  -moz-transition: all .9s ease-in-out,padding .5s ease-in-out; transition: all .9s ease-in-out,padding .5s ease-in-out, width .5s ease-in-out; }
.top-nav-collapse .topInfo {margin: -98px 0 0; }
.top-nav-collapse .navbar-brand {top: -4px;}	
 }
@media (max-width: 900px) {
	.carousel-caption{width:100%}
.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    line-height: 1;
    min-height: 500px;
    object-fit: cover;
}
.carousel-control{top:50%}
}
@media (max-width: 767px) {
/******** start toggle***********/
audio, canvas, progress, video {
    max-width: 100%;
}	
	
.divide{max-width:100%}
#footer ul li {
    width: 45.333%;
    font-size: 14px;
    margin: 0 10px 0 0;
}
.socialBox {
    text-align: center;
    margin-top: 3rem;
}	
#inner_header{margin-top: 140px !important;}
.bred{width: 80%;font-size: 14px; padding: 14px 15px;}
#abtSection img{display:none}	
	#abtSection h4 {
		position: relative;
		left: 0;
		top: 0;
		font-size: 32px;
		font-weight: 600;
	}
	.golaLine {
    width: 100%;
    margin: 11px 0px;
}
#wpsm_counter_b_row_143 .wpsm_counterbox {
    margin-top: 30px;
    margin-bottom: 30px;
}
	#wpsm_counter_b_row_143 .wpsm_counterbox .wpsm_number{font-size:36px !important}
	#wpsm_counter_b_row_143 .wpsm_counterbox .wpsm_count-title{font-size:16px !important}
	.conceptualSec{background-size: cover;}
	.conceptualSec h5{  font-size: 20px; font-weight: 600;}
	.missionInfo{padding: 80px 15px 0px;}
	.conceptualSec hr{margin-bottom:0px}
	.missionInfo .col-sm-6:first-child{padding:0px}
	.missionInfo p{font-size: 18px;}
	#customersSec .container-fluid, .whyInfo .container-fluid, .innerSection .container-fluid{width:100%;margin:initial}
	.whyInfo ul li{width:50%}
	
.switcher{margin-right:0px;max-width:145px}	
.navbar-inverse { background:#fff}
.navbar-toggle { margin-top: 0px; cursor:pointer}
.navbar-header { width:100%;}
.navbar-brand {width: 25%;top: -14px;}
.navbar-wrapper .container { width:100%; padding:0}
.nav-top .container { padding:0 30px}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { position:absolute; width:100%; padding:0; background:#004588}
.navbar-nav { margin:0}
.navbar-nav > li > a {border-bottom: 1px solid rgba(255,255,255,0.2);font-size: 15px;font-weight: normal;padding: 10px 20px;color:#fff}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover { background:#fff}
.navbar-inverse .navbar-toggle { border:0}
.carousel-caption {left: 7%;bottom: 13%;} 
.bar1, .bar2, .bar3 { width: 35px; height: 4px; background-color: #d30000; margin: 5px 0; transition: 0.4s;}
.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > li > a:hover { color:#fff}
.navbar-nav > li > .dropdown-menu { background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 0 none; border-top-left-radius: 0; border-top-right-radius: 0;box-shadow: none;clear: both; margin-top: 0;position: relative;width: 100%;} 
.dropdown-menu > li > a { clear: both; color: #fff;display: block;font-weight: 400;line-height: 1.42857; padding: 7px 39px;
text-transform:uppercase; font-size:14px;border-bottom:solid 1px rgba(255,255,255,0.2); white-space: nowrap;}
.navbar-nav .open .dropdown-menu > li > a {line-height: 20px;color: #fff !important;}
.nav>li {position: relative; display: block; background: #000;}
.nav>li:hover {background: #d30000;}
/******** end toggle***********/
.navbar-nav > li:last-child {display: none;}
.footer_blk {text-align: center;}
.col-sm-5.col-md-5.wow.slideInRight.footerlinks.animated {text-align: center;}
.footerInfo .col-sm-6 {width: 50%;float: left;}
.location {background: #fff;}
.mail {position: relative;}
}