html, body{
   padding: 0;
	background:#ffffff;
	margin: 0;    overflow-x: hidden;
	 font-family: 'Roboto', sans-serif;
}
ul li,ol li{
	margin:0;
	font-size:16px;color: #191919;
}
p{ font-size: 16px; color: #191919; margin-bottom: 25px; font-family: 'Roboto', sans-serif;}
h1,h2,h3,h4,h5,h6{
	margin:0; color: #121634;
	font-family: 'Roboto', sans-serif;
}
a:hover, a:focus{ text-decoration: none !important; outline: none !important;}

ul,label{
	margin:0;    list-style-type: none;
	padding:0;
}
a{ text-decoration: none;
 -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
	 -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;color: #232324;
}
body a:hover{text-decoration:none;}
a:focus{ outline:none;}
img{ width: auto; max-width: inherit;}

.pl-0{ padding-left: 0 !important;}
.pr-0{ padding-right: 0 !important;}

.header{width: 100%;background: #000;position: fixed; padding: 10px 0; z-index: 9999999}
.logo img{width: auto;/* transform: skew(-20deg); */}
.header:before {
    background: #fff none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: -60px;
    position: absolute;
    -webkit-transform: skewX(39deg);
    transform: skewX(39deg);
    width: 35%; top: 0;
}

/*==============================nav==============================*/
.navbar-brand{display: none;}
.navbar-default{background: none;}
.navbar-collapse{padding: 0;}
.navbar-default .navbar-nav>li>a{color: #fff;}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: #e60019;}
.navbar{float: right; padding:0 0 16px 0;margin-bottom:0 !important;border: none !important;}
.navbar-nav > li{font-size: 14px; font-weight:600; margin-right:45px;}
.navbar-nav > li:last-child{ margin-right: 0;}
.navbar-nav > li > a{ color:#1f406d;}
.nav > li > a{padding-left:0 !important; padding-right:0 !important;-webkit-transform: perspective(1px) translateZ(0);padding-top: 30px; padding-bottom: 10px;transform: perspective(1px) translateZ(0); position: relative; text-transform: uppercase;}
.nav > li:hover>a{ color: #e60019;}
.nav > li > a:hover, .nav > li > a:focus{ background: none !important;}
.nav li a:after{content:"";display:block;position: absolute;bottom:0%;width:0px;height:2px;background-color:#e60019;transition: all .3s ease-in-out;}

.nav > li > a:hover:after{width:100%;}
/*.nav > li > a:hover:before{width:30px;}*/
.navbar-toggle .icon-bar{ background: #fff;}
 
.navbar-brand{display: none;}
.navbar-collapse{padding: 0;}
.navbar-default .navbar-nav > li:first-child  a{margin-left: 0;}
.navbar-default .navbar-nav > li:last-child a{margin-right: 0;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a{*color: #fff;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{*color: #b31313;}
.dropdown-menu{border-top: 3px solid #b31313;border-radius: 5px; padding: 0;}
.dropdown-menu > li{border-bottom: 1px solid #ddd;}
.dropdown-menu > li:last-child{border-bottom: none;}
.dropdown-menu > li > a{padding: 7px 15px; font-weight: 500;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover { color: #fff; background-color: #b31313;}
.navbar-default .navbar-nav > li > a span {  font-size: 12px;}
/* Drop Downmenu Start*/
/*.wrap.wrap2 { top: 88px !important;	z-index: 999;}*/
.wrap { width: 795px; background: #fff; position: absolute; top: 0; right: 0; overflow: hidden;}
.nav_menu { width: 100%; overflow: hidden; display: none;}
.nav_menu ul { width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px;  border-radius: 4px; padding: 0;}
.nav_menu ul li {list-style: none !important; display: block !important; text-align: left; box-sizing: border-box; transition: all 0.7s;}
.nav_menu ul li a {display: block; padding: 4px 0px 4px 20px !important; color: #000 ; font-size: 14px !important; font-weight: 300 !important; border-bottom: 1px solid #e1001a; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; box-sizing: border-box;}
.nav_menu ul li:last-child a{border-bottom: 0;}
.nav_menu ul li a:hover { color: #fff; background: #e1001a;}
.nav_menu ul li .active { color: #fff; background: #e1001a;}
.wrap .sam { width: 70%; float: right;}
.wrap .sam .sam_con { text-align: right; height: 100%;}
.navg { width: 29%;  float: left;  *background-color: #000;  margin: 5px;}


.navbar-nav li:hover .wrap.wrap2{display:block; position:absolute;right: -290px; width: 795px; top: 60px;}
.wrap.wrap2 { *top: 88px !important; z-index: 999; display: none;}
.wrap .sam .sam_con img{width: 100%; height: 100%;}
.wrap { width: 795px; background: #fff; *position: absolute; top: 0; right: 0; *overflow: hidden;}
.nav_menu { width: 100%; *overflow: hidden; *display: none;}
.tb-ct {padding-right: 0; padding-left: 0; vertical-align: top; overflow: hidden;}
.tb-tt {display: flex;}
/* Drop Downmenu End*/
/*-------------------------- Banner --------------------------*/
.nivo-caption{padding: 0;}
.d-flex {  display: -ms-flexbox!important;	display: flex!important;}
.align-items-center {  -ms-flex-align: center!important;  align-items: center!important;}
.table-cell { width: 100%; padding-top: 0;align-items: center;  display: flex; text-align: center;}
.slide-table {  display: flex; height: 100%; align-items: center;}
.hero-slide-content{    width: 100%;}
.hero-slide-content h4{ font-size: 40px; color: #fff;    padding-bottom: 10px;}
.hero-slide-content .button-group{float: none;}
.hero-slide-content h2{text-align: center; font-size: 60px;}
.hero-slide-content h2 span{color: #cf0012;}
.slider-btn { color: #fff; background: #cf0012; text-transform: uppercase;  padding: 8px 20px;  font-weight:500;  border-radius: 0;}
.slider-btn:hover{background: #fff; color: #cf0012;}
.slide-left{float: left;}
.slide-right{float: right;}
/*-------------------------- TOTAL TURNKEY --------------------------*/
.total-turnkey{margin-top: -50px; position: relative; z-index: 9;}
.turnkey{position: relative; display: flex;}
.turnkey a{display: flex; width: 100%;}
.turnkey img{width: 100%;}
.turnkey h4{position:absolute; left:0; right:0; text-align:center; color:#fff; align-self:center; line-height:28px; font-size: 20px; padding-top:0; text-transform: uppercase;}
.turnkey-details{ text-align: center;  background: #262626;  display: flex;  position: relative;  margin:-25px auto 0;  width: 50px;    height:50px;  border-radius: 50%;    margin-bottom: 30px;    z-index: 9;}
.turnkey-details:hover{background: #cf0012; color: #fff;}
.turnkey-details i.fa.fa-arrow-right{ align-self: center;    margin: auto; color: #fff;}
.quality-integrity{ text-align: center; margin-top: 90px;}
.quality-integrity h3{ font-size: 36px; line-height: 45px;}
.quality-integrity h3 span{color: #cf0012;}
.download{background: #cf0012; color: #fff; padding: 7px 25px; text-transform: uppercase; margin-top: 15px; display: inline-block;}

/*--------------------------- Industries We Serve -------------------------*/
.industries{background:#252525; padding: 50px 0; background-size: cover;    position: relative;}
.industries h5{text-transform: uppercase; color: #cf0012; font-size: 14px; padding-bottom: 15px;}
.industries h2{text-transform: uppercase; color: #fff; font-size: 30px; padding-bottom: 40px;}
.industries-img{width: 100%;}
.industries-img img{width: 100%;}
.industries-text{width: 100%; color: #fff; padding: 8px 10px; background: #cf0012; display: inline-block; text-align: center; font-size: 16px; text-decoration: none; margin-bottom: 30px; }
.industries-text:hover{ background: #fff; color: #cf0012;}
.mt-30px{margin-top: 30px;}
#particle-canvas {width: 100%; height: 100%; position: absolute !important ; top: 0; left: 0; right: 0;    bottom: 0;}
#particle-canvas canvas { height: 100%;}
/*--------------------------- Our Clients -------------------------*/
.clients{padding: 50px 0;}
.clients h2{padding-bottom: 30px;}
.owl-theme .owl-nav{top: 50%;}
.owl-carousel .owl-nav.disabled{display: block;}
/*--------------------------- Footer -------------------------*/
.footer{background: #383838;}
.footer-top{padding: 24px 0;   width: 100%; display: flex;}
.footer-align{align-self: center;}
.footer-social {float: right; padding:0 0 0 0;}

.footer-social ul li:first-child { padding-left: 0;}
.footer-social ul li {display: inline-block;  padding-left: 22px; color: #fff;    line-height: 40px;}
.footer-social ul li a{color: #fff;}
.footer-social ul li a:hover{color: #b31313;}
.footer-bootom{border-top: 5px solid #4c4c4c; padding: 15px 0 10px; display: inline-block; width: 100%;}
.footer-bootom p{color: #fff;}
/*============================== Top Up ======================*/
#toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 2%; overflow: hidden; z-index: 999; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(../images/arrow.png)0 0 no-repeat;}
#toTopHover {width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);}

/*============================= Contact Us ==================================*/

.text-black { color: #262423;}
.m-b30 { margin-bottom: 30px;}
.section-head { margin-bottom: 30px; position: relative;  z-index: 1;}
.m-b5 { margin-bottom: 5px;}
.wt-icon-box-wraper.left .icon-xs { float: left;  margin-right: 10px;}
.icon-xs { width: 30px;}
.icon-xs i { font-size: 20px;}
.icon-xs { display: inline-block; text-align: center;}
.icon-content { overflow: hidden;}
.icon-content h5{padding-bottom: 5px;font-size: 16px;}
.contact-info .icon-content p { word-break: normal; font-size: 14px;}
.wt-icon-box-wraper p:last-child { margin: 0px;}
.text-black p { color: #7c7c7c;}
.contact-one { position: relative;}

.form-group { margin-bottom: 25px;}
.contact-one .form-control { border: 0px; border-bottom: 2px solid #262423; border-radius: 0; outline: none; padding-left: 0; box-shadow: none !important;}
.form-control{border-color: #e1e6eb; box-shadow: none; -webkit-box-shadow: none;  -moz-box-shadow: none;  height: 40px; font-size: 13px; line-height: 20px;  padding: 9px 12px 9px 12px;}
textarea.form-control { height: auto;}
.site-button { background-color: #cf0012;}
.btn-half {cursor: pointer; background-color: #cf0012;  z-index: 0; display: inline-block; position: relative;}
.button-lg { padding: 10px 20px; font-size: 16px;}
.site-button { background-color: #cf0012; color: #262423;}
.site-button, .site-button-secondry {padding: 10px 20px; display: inline-block;  font-size: 14px; outline: none; cursor: pointer; border-width: 0; border-style: solid; border-color: transparent; line-height: 1.42857; margin-left: -1px; text-decoration: none !important;}
.m-b15 { margin-bottom: 15px;}
.site-button:after, .site-button:before{    border-color: #cf0012;}
.btn-half:before {top: 0; left: 0; right: auto;}
.btn-half:after { bottom: 0; right: 0; left: auto;}
.btn-half:before, .btn-half:after {content: ''; background-color: rgba(255,255,255,0.2); height: 50%; width: 0; position: absolute; transition: 0.3s cubic-bezier(0.785, 0.135, 0.15, 0.86);}
.btn-half em { position: absolute; height: 1px; background: #fff; width: 15%; right: 23px; top: 50%; transform: scaleX(0.25); transform-origin: center right; transition: all 0.3s ease;  z-index: 1;}
.btn-half span {color: #fff; display: block; padding-left: 0%; padding-right: 25px; text-transform: uppercase; font-weight: 600; transform: scaleX(0.9);  transform-origin: center left; transition: color 0.3s ease; position: relative; z-index: 1;}
.btn-half.site-button:hover { background-color: #262423;}
.btn-half:hover:before {width: 100%;  right: 0;  left: auto;}
.btn-half:hover:before { width: 100%;  right: 0;   left: auto;}
.site-button:hover:before, .site-button.hover:before, .site-button:hover:after, .site-button.hover:after {  border-color: #a18378;}
.btn-half:hover em {background: #fff; transform: scaleX(1);}
.btn-half:hover:after { width: 100%; left: 0; right: auto;}
.p-b40 { padding-bottom: 20px;}

/*==================== Loader ====================*/
.load_container {display:block;position:fixed;width:100%;height:100vh;background:#fff; z-index:99999999;}
.load_content {width:90%;height:100%;display:flex;margin:auto;}
#loader {bottom: 0;left: 0;margin: auto;position: absolute;right: 0;top: 0;}
.loader {
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*========================= About ===================*/
.banner {background-image: url(../images/banner/about.jpg);background-size: cover; -webkit-background-size: cover; -o-background-size: cover;-ms-background-size: cover; -moz-background-size: cover; padding:0; position: relative; background-position: center center; background-repeat: no-repeat; min-height: 250px; margin-bottom: 0;     margin-top: 98px;}
.align-items-center {-ms-flex-align: center!important; align-items: center!important;}
.d-flex {display: -ms-flexbox!important; display: flex!important;}
.overlay {box-shadow: 0 0 0 1000px rgba(0,0,0,.5) inset !important;}
ul.list-inline {display: block; margin-left: 0;}
.page_head h2 {color: #fff; font-weight: 500;font-size: 33px; text-transform: uppercase; position: relative;}
.ptb-50{padding: 50px 0;}
.icon-para{ width: 60%; margin: 0 auto; line-height: 24px;}
.vision-width{width: 85%; margin: 0 auto; display: flex;}
.fb{display: flex;}
.vision{ background: #292728; padding: 50px;}
.vision h2{ font-size: 33px; padding-bottom: 20px; color: #fff; padding-top: 20px;}
.vision p{ color: #fff; margin-bottom: 0;}
.mission{background: #df000b;}
.why-us h2{ font-size: 33px;font-weight: 500; color: #292728; padding-bottom: 10px;}
.why-us h5{color: #e0000c; font-size: 20px; padding-bottom: 40px;}
.product-range { width: 100%;}
.product-range .product-img {width: 100%; position: relative; overflow: hidden;}
.product-range .product-txt {width: 100%; z-index: 1; padding: 15px 0 0 0; position: relative;}
.product-range .product-txt h4 {font-size: 18px; color: #df000b; padding-bottom:15px; line-height: 26px;}
.directors{ background: #eeeeee; text-align: justify;}
.directors h2{ padding-bottom:30px;}

/*========================== Industries ==============================*/
.industries-power{width: 100%; padding-top: 100px;}
.industries-power h2{ font-size: 24px; color: #e1001a; padding-bottom: 20px; text-transform: uppercase;}
.industries-power img{width: 100%;}
.industries-power p{line-height: 24px;}
.industries-power h4{color: #e1001a; text-transform: uppercase; font-size: 18px; padding-bottom: 15px;}
.industries-power ul li{padding-left: 25px; padding-bottom: 10px; position: relative;}
.industries-power ul li:last-child{padding-bottom: 0;}
.industries-power ul li:before { position: absolute; content: "\f178"; font-family: fontawesome; left: 0px; color: #191919;}
.tb-c { vertical-align: top; overflow: hidden;}
.tb-t { width: 100%;  display: flex; padding-bottom: 90px;}
.tb-c img {  width: 100%;  height: 100%;}
.industries-fg{ padding-left: 30px;}
.border-bottom{border-bottom: 1px solid #ccc; width: 100%;}
.dn{display: none;}
.db{display: block;}
.gh{padding-left: 15px;}
.pb-0{padding-bottom: 0;}

/*================================= Expertise =========================*/
.industries-power.pad-50{padding: 50px 0;}
.industries-power.pad-50 .tb-t{padding-bottom: 0;}
.expertise{padding-top: 50px;}
.expertise-head{ color: #fff; background: #e1001a; padding: 15px 30px; width: 100%; font-size: 24px; margin-bottom: 30px;}
.pnf{padding: 0 15px;}
.bg-gray{ background: #f3f3f3;}
.expertise-transformers{padding:30px 15px;}
.expertise-transformers ul li{ background: #fff; margin-bottom:10px; padding: 10px 10px 10px 25px; border-left: 2px solid #e1001a;    box-shadow: 0 0 5px #0005;}
.mr-15{margin-right: 15px;}
.ml-15{margin-left: 15px;}

.noted .industries-power h4{font-size: 24px;  padding-bottom: 25px;}
.dropdown-menu{left: -50%;}
.dropdown-menu>li>a{    font-size: 14px;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff;
    background-color: transparent;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover { border-color: #6b6a6a;}
.industries-power.pad-50 p{    margin-bottom: 10px;}
.dsfs { padding-top: 50px;}

/*========================== Career =============================*/
.career-item{ background: #fff; padding: 20px;    box-shadow: 0 0 15px #0003; border-radius: 10px;    margin-bottom: 30px;}
.career-item p{margin-bottom: 10px;}
.career-item p:last-child{margin-bottom: 0;}
.career-item a{color: #ff0000;     text-decoration: underline;}
.career-td{text-align:center;}






.hover14 {
	position: relative;    overflow: hidden;
}
.hover14:before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hover14:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}
.overlay-red{box-shadow:0 0 0 1000px rgba(235,15,15,.3) inset !important;}
.overlay-blue{box-shadow:0 0 0 1000px rgba(0,76,230,.3) inset !important;}
.overlay-yellow{box-shadow:0 0 0 1000px rgba(255,222,0,.3) inset !important;}
.overlay-green{box-shadow:0 0 0 1000px rgba(57,185,15,.3) inset !important}
.overlay-purple{box-shadow:0 0 0 1000px rgba(156,0,255,.3) inset !important;}
.overlay-as{box-shadow:0 0 0 1000px rgba(0,222,192,.3) inset !important}
.overlay-orange{box-shadow:0 0 0 1000px rgba(255,108,0,.3) inset !important}

h2.expertise-head.hgfgf {  font-weight: 400;}