*{margin:0px; padding:0px; box-sizing:border-box;  font-family: 'Raleway', sans-serif; font-weight: 400;}

/* Required */


html,
body {
  height: 100%;
  top:0!important;
}

body > .skiptranslate{display:none!important;}

#google_translate_element{
	margin-top:0px;
	display:inline-block !important;
}
.skiptranslate.goog-te-gadget{color:transparent;font-size:0px; line-height:0;}

#google_translate_element, .goog-te-combo{
	width:125px!important;
	outline:0px none;
	display:inline-block !important;
}
#google_translate_element .goog-te-combo{
	padding:3px 2px;
	color:#444;
	font-size:12px;
	line-height:16px;
	margin:0!important;
	border:1px solid #fff;
	outline:0px none;
}
#google_translate_element select option{
	padding:4px 2px;
	font-size:12px;
	line-height:18px;
}	
.skiptranslate.goog-te-gadget span[style*="white-space"]{display:none;}
.hiddenCnt{
	opacity: 0;
}

.visibleCnt{
	opacity: 1;
}

.clear{clear:both;}
.shadow{
	margin-bottom: 38px;
	border-bottom:1px solid #f0f0f0;
    box-shadow: 0 14px 14px rgba(0,0,0,0.2);
}
/* carousel Slider */
.carousel-fade{overflow:hidden;}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
    overflow:hidden;
	width:100%;
}
.item.active img {
    transition: transform 6000ms linear 0s;
    /* This should be based on your carousel setting. For bs, it should be 5second*/
    transform: scale(1.05, 1.05);
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.innerbanner .item.active{height:350px;}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
    z-index: 2;
    top: 55%;
    height: 45px;
    background: rgba(255,255,255,0.9);
    width: 45px;
    opacity: 0.8;
    font-size: 30px;
    border-radius: 100%;
    line-height: 40px;
    color: #005acc;
    text-shadow: 0 0 0;
    text-align: center;
	right:-500px;
	transition:all 0.6s;
}
.carousel-fade .carousel-control.left{
  left:-500px;
  right:inherit;
}
.carousel-fade .carousel-indicators{transition:all 0.6s; bottom:-450px;}
.carousel-fade:hover .carousel-indicators{bottom:0;}
.carousel-fade:hover .carousel-control.left{
	left:15px;
}
.carousel-fade:hover .carousel-control.right{
	right:15px;
}





/*
WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
now override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
/*  End */
/*header scroll css*/



/* Fixed Full-Width Header */
header {
  width: 100%;
  height: 172px;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background: #fff;
}

/* Logo Styling */
header #logo {
  display: inline-block;
}

/* Navigation Styling */
header nav {
  display: inline-block;
  float: right;
}

/* Navigation Link Styling */
header nav a {
  transition: none; /* No transition */
}

/* Removed scroll shrink effect completely */
header.smaller {
  height: 200px; /* Keep same as original height */
}

header.smaller #logo {
  width: auto;
  height: auto;
  line-height: normal !important;
  padding-bottom: 0;
}

header.smaller nav {
  line-height: normal;
}

header.smaller nav #bs-example-navbar-collapse-1 {
  padding-top: 0;
}

/* Navbar Sticky Behavior */
.navbar-shrink {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  padding: 0;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  z-index: 999;
  transition: none;
}




/*navigation css*/
#videoWrapper{
	width:100%;
	height:100%;
	overflow:hidden;
	position:relative;
	min-height:450px;
}
#videoWrapper video{
    width: 120%;
    top: -250%;
    left: 0;
    height: 470%;
	z-index:56;
	position:absolute;
	bottom:0;
}
#videoWrapper span{
	width:100%;
	top:0;
	left:0;
	height:100%;
	position:absolute;
	background:rgba(0,0,0,0.5);
}
header{min-height:140px; }

.nav>li>a {
    position: relative;
    display: block;
    padding: 14px 24px;
	text-transform:uppercase;
	color:#444444;
	font-size:18px;
	border: 1px solid transparent;
}
.navbar{
	box-shadow: 0 3px 7px rgba(0,0,0,0.5) !important; 
}
.navbar-inverse .navbar-nav>li>a {
    color: #0b174b;
}
.navbar-inverse {
    background-color:rgba(255,255,255,0.95);
    border-color: transparent;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover ,.active a{
    color: #d5281b !important;
    background-color: transparent;
    border: 1px solid #adadad !important;
	background:none !important;
}
.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #d5281b;
    background-color: transparent;
    border: 1px solid #adadad;
	padding: 14px 24px;
}
.mega-dropdown {
  position: static !important;
}
.dropdown.mega-dropdown .mega-dropdown-menu {
    padding:0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
	border-radius:0;
}
.dropdown.mega-dropdown.open .mega-dropdown-menu{
	background:#0b174b;
}

.mega-dropdown-menu > li > ul {
  padding: 0;
  margin: 1px;
}
.mega-dropdown-menu > li{padding:0;}
.mega-dropdown-menu > li > ul {left:0; width:100%;border-radius:0;margin-top:-1px;}

.mega-dropdown-menu > li > ul > li {
  list-style: none;
}
.mega-dropdown-menu > li > a {
  display: block;
  color: #fff;
  padding:14px 20px;
  text-align:center;
  transition:all 0.6s;
  text-transform:capitalize;
}

.mega-dropdown-menu > li  > a:hover,
.mega-dropdown-menu > li:hover > a {
  color: #0b174b;
  background:#86CEFA;

}
.mega-dropdown-menu > li > ul :before{
	content:"";
	position:absolute;
	top: 0px;
    left: 45%;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #2e486c;
}
.mega-dropdown-menu > li > ul > li > a {
  display: block;
  color: #051a2d;
  text-align:center;
  padding:5px 5px;
  margin:0 12px ;
  transition:all 0.5s;
}
.mega-dropdown-menu > li > ul > li > a {
 border-top:1px dashed #8dc3dc;/*b7cdea*/
}
.mega-dropdown-menu > li > ul > li:first-child > a {
 border-top:0;
}

.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
	text-decoration: none;
	background-color: #0b174b;
	padding-left:15px;
	color: #fff;
}
.mega-dropdown-menu .dropdown-header {
  font-size: 18px;
  color: #ff3546;
  padding: 5px 60px 5px 5px;
  line-height: 30px;
}

.carousel-control {
  width: 30px;
  height: 30px;
  top: -35px;

}
.left.carousel-control {
  right: 30px;
  left: inherit;
}
.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
  font-size: 12px;
  background-color: #fff;
  line-height: 30px;
  text-shadow: none;
  color: #333;
  border: 1px solid #ddd;
}

.nav .open > a, .nav .open > a:focus, .nav  .open  > a:hover {
  background-color: #fff;
  border-color: #337ab7;
}
.dash-bor-ul li{
	border-right:1px dashed #ccc !important;
}
.dash-bor-ul li:last-child{
	border-right:none !important;
}



/* Top Header Styles */
.top-header {
  position: relative;
  float: right;
  display: block;
  margin-bottom: 20px;
}

.top-header .top-header-inner {
  padding: 0;
  background: #19498c;
  min-height: 47px;
  border-right: 1px solid #fff;
  position: relative;
}

.top-header .top-header-inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: -32px;
  width: 0;
  height: 0;
  border-top: 0 solid transparent;
  border-bottom: 47px solid transparent;
  border-right: 32px solid #19498c;
}

/* Logo Branding */
.navbar-brand {
  padding: 0 !important;
  display: flex;
  align-items: center;
  height: 100%;
}

.navbar-brand > img {
  max-height: 82px; /* Increased from 60px */
  width: auto;
  transition: none; /* No transition */
}


.lang{
	color:#fff;
	padding:2px 10px;
	font-size:13px;
	text-transform:capitalize;
	margin:7px auto 0 !important ;
	display:inline-block;
}
.lang .fa{
	font-size:27px;
	color:#fff;	
	margin-right:10px;
}

.fa-search{
	color:#fff !important;
	font-size:17px !important;
	vertical-align:super;
	font-weight:normal !important;
	margin-left:10px;
}
.USA,.india{
	color:#fff;
	padding:0px 10px;
	font-size:13px;
	text-transform:uppercase;
	margin:0px;
	float:left;
}
.india::before{
	content:" ";
	display:inline-block;
	background:url(../img/india-icon.png) no-repeat center;
	margin:10px 10px 0px 0px;
	background-size:100% 100%;
	width:34px;
	height:24px;
}
.USA::before{
	content:" ";
	display:inline-block;
	background:url(../img/usa-icon.png) no-repeat center;
	margin:10px 10px 0px 0px;
	background-size:100% 100%;
	width:34px;
	height:24px;
}
.USA span,.india span,.lang span{
	vertical-align:super;
}

.login-btn{
	background:#4b4b4b;
	padding:9px 15px;
	min-height: 47px;
    line-height: 24px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:4px solid #9b9b9b;
}
.login-btn a{
	color:#fff;
	font-size:14px;
	line-height:25px;
	text-decoration:none;
}


.about-wrapper{
	background:url(../img/about-bg.png) no-repeat center/cover;
	width:100%;
	padding:20px 0px;
}
.ProductPage{
	background:url(../img/waterdrops_golden4.png) no-repeat center 50%/ 80%!important; padding-bottom:50px;
	background-attachment:fixed!important;
	position:relative;
}
#accordion{
	position:relative; 
	border:1px dashed #f2e074;     
	box-shadow: 0 5px 12px rgba(0,0,0,0.2);
	border: 1px solid #fff;
	}
/* #accordion:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:15;
	height:100%;
	background:url(../img/patternbg-right.png) no-repeat right center!important;
	/* background-attachment:fixed!important; */
} */
#accordion .panel{position:relative;z-index:25;}

#accordion .panel-body{position:relative;}
/* .ROHS_logo{
	position:absolute;
	right:15px;
	top:15px;
	width:80px;
}*/

.ROHS_logo{
	display:inline-block;
	width:80px;
	float:right;
	margin:0px;
}
.panel-body .ROHS_logo{
	display:none !important;
}

.info-list i{color:#194f99;font-weight:600}
.heading{
    background: url(../img/header-bg.png) no-repeat center bottom;
    padding-bottom: 20px;
    min-height: 40px;
    line-height: 35px;
    text-align: center;
    font-weight: 600;
    color: #194f99;
    font-size: 35px;
}
.white-text{
	color:#fff;
}
.info-text{
	line-height:26px;
	font-size:15px;
	color:#363d45;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
}
.info-ul{
	list-style-type:disc !important;
	padding:0px 18px;
	margin:0px;
}
.info-ul li{
	list-style-type:disc !important;
	line-height:28px;
	font-size:15px;
	color:#363d45;
	font-family: 'Raleway', sans-serif;
	font-weight:normal;
}
.mar-auto{
	margin:20px auto;
	display:block;
	text-align:center;
	width:78%;
}

.operation-wrapper{
	background:url(../img/operation-bg.png) no-repeat bottom -20px center/100%;
	width:100%;
	height:auto;
	padding:0px 0px 20px;
}
/*operation effect css*/
.operation-wrapper .box{ 
	margin-bottom: 20px;
	position:relative;
	float:left; 
	width:100%; 
	overflow:hidden!important; 
	min-height:260px;
	text-align:center;
	border-radius:100%;
}
.operation-wrapper .thumbnail {
    display: block;
    padding: 0px;
    margin: 0px;
    line-height: 1.42857143;
    position: absolute;
    background-color: #fff;
    border: none;
    height: 100%;
    width: 100%;
}

.box .pic.thumbnail{
    position: relative;
	overflow:hidden!important; 
}
.operation-wrapper .thumbnail.pic {
    position: absolute!important;
    height: 100%!important;
    width: 100%!important;
	opacity:1;
	transition: all 0.85s;
}
.operation-wrapper .thumbnail.pic:after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:89;
	background:url(../img/img-overlay.png) no-repeat center/100% 100%; 
}
.operation-wrapper .box .thumbnail img {
    width: 100%;
    height: 100%;
}
.operation-wrapper .box .box-content{
    background:rgba(25,73,140,0.7);
    text-align: center;
	bottom:0px;
	left:5%;
	right:5%;
	bottom:5%;
	top:5%;
	opacity:0;
	border-radius:100%;
	position:absolute;
	overflow:hidden!important;
	border:1px solid transparent;
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition:all 0.5s;
    -ms-transition: all 0.5s;
	transform:rotate(-90deg) scale(0.25);
	z-index:85;
}
.operation-wrapper .box:hover .box-content{
	width:90%;
	height:90%;
	opacity:1;
	transform:rotate(0deg) scale(1);
	border:1px solid #fff;
}
.operation-wrapper .box:hover .thumbnail.pic{
	opacity:0.35;
}

.box .title{
    font-size: 16px;
    font-weight: normal;
    color: #fff;
    margin-top: 0;
	position:absolute;
	width:100%;
	min-height:45px;
	top:46%;
}
.box .title a{
	color:#fff;
}
.box .post{
    display: block;
    font-size: 14px;
    color: #8a8a91;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.box:hover .post{
    color: #fff;
}
.mar-top{
	margin-top:30px !important;
}

/*contact sec*/
.contact-sec{
	background:url(../img/waterDrops.png) no-repeat center/cover;
	width:100%;
	height:auto;
	padding:20px 0px 0px;
	position:relative;
	text-align:center;
}
.social-sec{
	position:relative;
	bottom:-30px;
	width:200px;
	margin:0px auto;
	padding:10px 15px; 
	z-index:555;
}
.social-sec ul{
	display:block;
	list-style:none;
	margin:0px;
	padding:0px;
}
.social-sec ul li{
	display:inline-block;
	margin:0px 4px;
	width:42px;
	height:42px;
	background:#fff;
	line-height:42px;
	border-radius:100%;
	border:1px solid #777777;
	text-align:center;
}
.social-sec ul li a{
	color:#666;
	font-size:22px;
	text-decoration:none;
}
.social-sec ul li a img{width:100%;}
.social-sec ul li a.fb i{color:#1864ce}
.social-sec ul li a.tweet i{color:#1864ce}
.social-sec ul li a.linkedIn i{color:#1864ce}
.contact-info .inner {
    position: relative;
    padding: 20px 20px;
    text-align: center;
    min-height: 220px;
	border: 1px solid #b4c9ec6e;
	margin: 20px 0 10px;
	background: rgba(255, 255, 255, 0.1);
}
.contact-info .inner .icon-box {
    position: relative;
    color: #fff;
    font-size: 34px;
    line-height: 1em;
	padding-bottom:10px;
	border-bottom:1px solid #cccccc;
}
.contact-info .inner h3 {
    position: relative;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    margin: 12px 0px;
    text-transform: capitalize;
	
}
.contact-info .inner .text {
    margin-bottom: 10px;
	font-size:16px;
	line-height:30px;
	text-align:center;
	color:#fff;
}
.contact-info .fa {
    font: normal normal normal 35px/1 FontAwesome !important;
}



.heading1{
    background: url(../img/header-white-bg.png) no-repeat center bottom;
    padding-bottom: 20px;
    min-height: 40px;
    line-height: 35px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    font-size: 35px;
	text-transform:uppercase;
}	
/*client sec*/
.client-sec{
	position:relative;
	top:0px;
	background:#f4f4f4;
}
.client-sec .heading{
	margin-top:70px;
}
.sample{
	display:inline-block;
	text-align:center;
	margin:0 10px 15px;
	padding:15px 10px 10px; 
	border:1px solid #e6e6e6;
	width:200px;
	height:120px;
	background:#fff;
}

.sample:hover img{
	filter: gray;
  -webkit-filter: grayscale(1); 
}
.sample:hover {border:1px solid #f05230;
			-webkit-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-moz-transition: all 0.35s ease;
			-ms-transition: all 0.35s ease;
			-o-transition: all 0.35s ease;
}
#ClientLogo{
	width:100%;	
	height:160px;
}
.marquee0 > div{
	width:100% !important;
}

/*footer css*/

footer{
	background:url(../img/footer-bg.png) no-repeat center/cover;
	width:100%;
	height:auto;
	padding:0 0px 0px;
	position:relative;
	min-height:305px;
	/*max-height:305px;*/
	overflow:hidden;
	box-shadow: 0 -30px 30px rgba(255,255,255,0.89);
}
footer .container-fluid{
	padding: 0;
    margin-top: -450px;
    position: relative;
    z-index: 888;
    background: rgba(19, 42, 73, 0.64);
}
footer h3{
	padding-bottom:0px; 
	width:100%;
	display:inline-block;
	line-height:30px;
	color:#ffffff;
	font-size:21px;
	text-transform:uppercase;
	position:relative;
}

footer .footer-ul{
	list-style:none;
	margin:10px 0px;
}
footer .footer-ul li{
	display:block;
}
footer .footer-ul li a{
	color:#fff;
	font-size:14px;
	line-height:32px;
	font-weight:normal;
}
footer .footer-ul li .fa{
	margin-left:5px;
}

#footer-strip {
	padding:15px 0px !important;
	background:#132a49;
}
.copyright,.designBy{
	color:#fff;
	font-size:12px;
	line-height:25px;
	display:block;
	margin-top:10px;
}
 .designBy a{
	color:#24baf4;
	text-decoration:none;
}
/*about us*/
.sub-text{
	font-weight: 400;
    margin-top: 15px !important;
    border-bottom: 1px dashed #cfcfcf;
    padding-bottom: 10px;
    color: #5a626b;
    position: relative;
    font-size: 20px;
}
.sub-text:after{
	content:"";
	position:absolute;
	top:100%;
	width:90px;
	height:0px;
	left:0;
	border-bottom:2px solid #1c56ad;
}

.info-list{
	padding:0px;
	margin:0px;
	display:block;
	margin:0 -15px;
}
.info-list li{
	list-style:none;
	display:block;
}
.info-list li {
    list-style: none;
    display: block;
    width: 33.3%;
    margin: 0;
    vertical-align: top;
    margin-bottom: 16px;
    float: left;
    padding: 0 15px;
}
.info-list li >div {
    display: block;
    width:100%;
    border: 1px solid #cfcfcf;
    min-height: 370px;
    float: left;
    padding:15px;
	transition: all 0.6s;
    padding: 15px;
    background: url(../img/box-overlay.png) bottom -40px center no-repeat;
}
.info-list li:hover >div {
    background-position: 25px 25px;
}
.info-list li span{
	color: #194f99;
    font-size: 17px;
    font-weight: 500;
}
.info-list li span i{
	display:inline-block;	
}
.info-list li p{
	font-size:15px;
	line-height:26px;
	padding:10px;
	margin-bottom:5px;
	color:#000;
	font-weight:400;
	background: rgba(255,255,255,0.2);
}
.info-list li:first-child p{border:0;}

/*career css*/
label{font-weight:normal;}
.centered-form {
	margin-top: 20px;
}
.star::after{
	content:" *";
	font-size:22px !important;
	color:#e31e24;
	display:inlie-block;
}
.centered-form label{
	color:#444;
	padding-top:3px;
}
.simple-text{
   color:#777 !important;
}
.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}
.inputfile-1 + label {
    color: #ffffff;
    background-color: #415976;
	border-radius:3px;
}
.inputfile + label {
    max-width: 100%;
    font-size: 22px;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 7px 20px;
}
.career-form .inputfile + label {
	width:100%;
}
.inputfile + label span{
	font-size:16px !important;
	font-weight:100 !important;
}
.inputfile + label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    margin-right: 0.25em;
}
.centered-form .btn,.btn{
	cursor: pointer;
    display: inline-block;
    padding: 7px 25px;
	color: #ffffff;
    background-color: #4b4b4b;
	font-size:17px;
}
/*enquiry form */
.enquiry-wrapper{
	padding:20px 0px;
	background:url(../img/gearfrom-back.png) no-repeat center/cover;
}
.wizard-container {
    z-index: 3;
	/*	padding:30px 0px 20px;*/
	background:rgba(255,255,255,0.7);
	position:relative;
}


.wizard-card {
    min-height: 410px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}
.card {
    padding: 0px 0;
    width: 100%;
    border-radius: 6px;
    color: rgba(0,0,0, 0.87);
	transition: all 0.6s;
	/*background: url(../img/form-bg.png) no-repeat bottom right;*/
}

.wizard-card .tab-content {
    min-height: 340px;
    padding: 20px 15px;
}
.wizard-card .wizard-footer {
    padding: 0 15px;
}
a:hover,a:focus{
    outline: none;
    text-decoration: none;
}
.tab{
    /*
	background:url("../img/enquiry.jpg") no-repeat 100% 0;
    background-size:cover;
	*/
    padding: 40px 50px;
    position: relative;
}
.tab:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: ;
    opacity: 0.85;
}
.tab .nav-tabs{
    border-bottom:0px;
}
.tab .nav-tabs li{
    border-right:1px solid #ddd;
}
.tab .nav-tabs li:last-child{
    border-right:0px solid #ddd;
}
.tab .nav-tabs li:first-child a{
    border-left:1px solid #ddd;
}
.tab .nav-tabs li a {
    color: #666;
    background:#fff;
    border-radius:0;
    font-size:16px;
    margin-right:-1px;
    padding: 5.5px 24px;
    border-top:1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
}
.nav-tabs li:first-child a{
    border-radius: 5px 0 0 5px;
}
.nav-tabs li:last-child a{
    border-radius: 0 5px 5px 0;
    border-right:1px solid #d3d3d3;
}
.tab .nav-tabs li a:hover{
    background:#eee;
}
.tab .nav-tabs li a:hover:before{
    border-left: 15px solid #eee;
}
.tab .nav-tabs li.active a:after,
.tab .nav-tabs li a:after{
    content:"";
    border-left: 17px solid #0f3c79;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    position: absolute;
    top: 0px;
    right: -17px;
    z-index:1;
}
.tab .nav-tabs li a:after{
    border-left: 17px solid #ccc;
}
.tab .nav-tabs li.active a:before{
    border-left: 17px solid #0f3c79;
}
.tab .nav-tabs li a:before{
    border-bottom: 15px solid rgba(0, 0, 0, 0);
    border-left: 15px solid #fff;
    border-top: 15px solid rgba(0, 0, 0, 0);
    content: "";
    position: absolute;
    right: -15px;
    top: 2px;
    z-index: 2;
}
.tab .nav-tabs li.active > a,
.tab .nav-tabs > li.active > a:focus,
.tab .nav-tabs > li.active > a:hover {
    border: none;
    color:#fff !important;
    background:#0f3c79 !important;
    border-top:1px solid #0f3c79;
    border-bottom: 1px solid #0f3c79;
}
.tab .nav-tabs li:last-child.active a:after,
.tab .nav-tabs li:last-child a:after{
    border: none;
}
.tab .nav-tabs li:last-child a:after,
.tab .nav-tabs li:last-child a:hover:before,
.tab .nav-tabs li:last-child.active a:before,
.tab .nav-tabs li:last-child a:before{
    border-left: none;
}
.tab .tab-content{
    padding: 20px 0 0 0;
    margin-top: 20px;
    background: transparent;
    z-index: 1;
    position: relative;
}
.form-bg{ /*background: #fff;*/ }

.form-bg .form-group{
	margin: 0 0 15px 0;
	position: relative;
}

.form-bg .form-group i{
	width: 50px;
	height: 50px;
	line-height: 45px;
	font-size: 18px;
	color: #777;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.form-bg .form-control{
	height: 45px;
	background: #fff;
	border: 1px solid #d9d9d9;
	box-shadow: none;
	padding: 0 20px 0 50px;
	font-size: 16px;
	color: #7f8291;
	position: relative;
	transition: all 0.3s ease 0s;
}
.form-bg .form-control[type=password]{ padding: 0 105px 0 50px; }
.form-bg .form-control:focus{
	box-shadow: none;
	outline: 0 none;
	border-color: #4b92e3;
}
.form-bg .form-control::-webkit-input-placeholder,
.form-bg .form-control::-moz-placeholder,
.form-bg .form-control::placeholder{ color: #c4c4c4; }

.form-bg .form-group label{
	padding: 0px 7px ;
	background: #4b92e3 ;
	font-size: 14px ;
	color: #fff ;
	letter-spacing: 0.5px ;
	margin-bottom: 10px ;
	border-radius: 3px ;
	opacity: 0 ;
	z-index: 1 ;
	position: absolute ;
	top: 11px ;
	left: 15px ;
	transition: all 0.3s ease 0s ;
}
.form-bg .form-group:hover label{
	opacity: 1 ;
	top: -11px ;
}
.form-bg .forgot-pass{
	padding: 5px 10px;
	font-size: 16px;
	font-weight: bold;
	color: #4b92e3;
	text-transform: capitalize;
	position: absolute;
	top: 50%;
	right: 10px;
	border-left: 1px solid #d8d8d8;
	transform: translateY(-50%);
}
.form-bg .signup{
	display: inline-block;
	font-size: 16px;
	color: #8f8f8f;
	text-transform: capitalize;
	margin-top: 8px;
}
.form-bg .signup a{ color: #4b92e3; }
.form-bg .btn{
	padding: 8px 30px;
	background: #4b4b4b;
	float: right;
	border: none;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	border-radius: 6px;
	text-transform: uppercase;
}
.form-bg .btn:focus{
	background: #4b92e3;
	color: #fff;
}

.enquiry3{
	color:#000;
}
.enquiry3 label 
	font-weight:500 !important;
}
#enquiry-form label{
	font-weight:500 !important;
}
/*accordian*/
.panel-group .panel+.panel {
	margin-top:0px;
}
.accordian-sec{
	padding:30px 0px;
}

#accordion .panel{
    border-radius: 0;
    box-shadow:none;	
	border:none;
	padding:0 30px;
}
#accordion .pan1{
	/* background:#fbfbfb; */
	background:rgba(251, 251, 251, 0.78);
}
#accordion .pan2{
	background:rgba(245, 245, 245, 0.78)
}
#accordion .pan3{
	background: rgba(234, 234, 234, 0.78);
}
#accordion .pan4{
	background:rgba(224, 223, 223, 0.78);
}
#accordion .pan5{
	background:rgba(224, 223, 223, 0.78);
}

#accordion .panel-heading{
    padding: 0;
    border-radius: 0;
	background:none!important;
}
#accordion .panel-body {
    padding: 0px 0px 15px;
	border-top:1px dashed #afafaf!important;
}
#accordion .panel-body p{
	padding:8px 12px 10px;
	color: #2d2d2d;
}

#accordion .panel-body p span.clearfix{display:block; margin-top:10px;}

#accordion .panel-title{
    overflow: hidden;
	/* background:#eaeaea; */
}

#accordion .panel-title:before {
    position:relative;
    top: 0px;
    height: 2px;
    width: 140px;
    max-width: 100%;
    display: block;
    content: "";
	background:#4f4f4f !important;
	left:0px;
}

#accordion .panel-title a{
    display: block;
    color: #ff880e;
    font-size: 21px;
    /* font-weight: bold; */
/*     background: #fbfbfb; */
    text-transform: capitalize;
    padding: 10px 17px 20px 0px;
    position: inherit;
    transition: all 0.30s linear 0s;
}
#accordion .panel-title a.collapsed{
    color: #53585f;
}
#accordion .panel-title a.collapsed:hover{
    color: #ff880e;
}
#accordion .panel-title a:before, 
#accordion .panel-title a.collapsed:before {
    content: "\f107";
    font-family: FontAwesome;
    /* height: 100%; */
    position: relative;
    top: 4px !important;
    left: 0px;
    color: #4f4f4f;
    font-size: 34px;
    line-height: 35px;
    text-align: center;
    font-weight: normal;
    transition: all 0.30s linear 0sn: all 0.30s linear 0s;
	margin-right:10px;
}
#accordion .panel-title a.collapsed:before{
    content: "\f105";
    color: #ff880e;
}
#accordion .panel-title a.collapsed:hover:before{
    content: "\f105";
    color: #ff880e;
}
#accordion .panel-body{
    border-top: none;
    color: #666;
	font-size:17px;
}
/* .pdf-btn{
    text-align: center;
    cursor: pointer;
	background: transparent;
	color: #444;
	font-size:18px;
	margin-bottom:10px;
	float:left;
}

.newBtn{
	height: 47px;
    width: 143px;
    text-align: center;
    border: 0;
	font-size:16px;
    padding: 10px 11px 15px;
    margin-right: 15px;
    background: url(../img/NewBtn3.png) no-repeat top left/cover;
    padding-right: 38px;
}
.newDropBtn{
	background:url(../img/NewBtn4.png) no-repeat top left/cover;
	padding-right:32px;
} */
.newBtn{
	border-radius:6px; 
	margin-bottom:10px;
	padding:6px 10px 6px; 
	margin-right:12px; 
	text-align:center;
	color: #444;
	font-size:16px; 
	min-width:110px; 
	display:inline-block; 
	border:1px solid #e8bc50;
	transition:all 0.5s;
	background:#fff;
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	float:left;
}
.newBtn:hover {
    background: #f1cb70;
    color: #674300;
    border-color: #eaae1e;
}
/*product*/
.wrapper{
	background: url(../img/bg-oil1.png);
	background-size:470px 320px;
	background-repeat: no-repeat; 
	background-position:top -60px right 0px;
}

.aboutBg{
	background:url(../img/bg-new.png) no-repeat center top/cover;
}
.lubricantBg{
	background:url(../img/drop-bubble2.png) no-repeat top center/ 120% ;	
}
.about-wrapper .customContainer{background:rgba(255,255,255,0.7)!important;} 
/*.aboutBg .customContainer{background:none!important;}*/
/*scroll top*/
.ContentHolder{
	background:rgba(255, 255, 255, 0.80);
	padding:15px;
	border: 1px dashed #cfcfcf;
	box-shadow: 0 5px 12px rgba(0,0,0,0.2);
	margin-bottom:20px;
}
.layoutList {
	padding:15px 15px 20px;
	margin-bottom:10px;
	background:rgba(255, 255, 255, 0.80);
	box-shadow: 0 2px 8px rgba(0,0,0,0.2);
	
}
.layoutList li{ 
	margin-left:20px;
	color:#060401;
	border-top: 1px dashed #cfcfcf;
	margin-bottom:5px;
	padding-top:8px;
}
.layoutList li:first-child{border-top:0;}
.SmallSubHeading{font-size:16px; font-weight:600; color:#c76a06!important;}
.MediumSubHeading{font-size:20px; font-weight:600; padding-bottom:10px; margin-bottom:10px; color:#c76a06!important;}
.Imgborder{border:1px solid #efefef;box-shadow: 0 2px 8px rgba(0,0,0,0.2);}
.productItemList .info-text{ border-bottom:1px dashed #4b4b4b; padding-bottom:10px;}

.img-info{font-weight:600;padding:6px 8px 10px;font-size:14px; font-family:"Poppins"; display:block; background:rgba(255, 255, 255, 0.80); box-shadow: 0 2px 8px rgba(0,0,0,0.2);}
.productItemList .noBorder,
.productItemList .sub-text{ border:0;}

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
    background-color: #24baf4;
	color: #fff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	right: 30px;
	bottom: 40px;
	padding-top: 2px;
	border-radius: 100%;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #fff;
	color:#24baf4;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
	font-size:20px;
}
/* Career page */

.postDate {font-size:16px; color:#8f8f8f; font-style:italic; padding:10px ;}
.career-form .form-control{
	border-radius:0;
	min-height:45px;
}

.career-form{ max-width:750px; margin:0 auto; display:block; float:none; }

.career-form .form-control{
	border-radius:0;
	min-height:45px;
	background:#fff;
	margin-bottom:8px;
}
.career-form textarea.form-control{
	min-height:115px;
}
/*contact page*/
.contact-form-sec{
	margin-top:80px;
}
address {
    margin-bottom: 13px !important;
	font-weight:500;
}

/*product guid tab page css*/
.downLoadSheet {
    background: #00c42a;
    color: #fff!important;
    font-size: 16px;
    padding: 10px 15px;
}
.downLoadSheet i.fa{margin-right:8px;}
.table-container table,.big-tab {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ccc;
}

.table-container th,.table-container td {
    text-align: left;
    padding: 8px;	
	border:1px solid #ccc;
	font-size:12px ;
}
.table-container th{
	text-align: ;
    padding: 8px 0px;	
}
.table-data .tableHeads {position:relative;background:#f5f5f5 url(../img/cross-line.png) no-repeat center; }
.table-data.small-tab .tableHeads {position:relative;background:#f5f5f5 url(../img/cross-line.png) no-repeat center; }

.table-data .tableHeads .headCaption{
	position:absolute;
	color:#555;
	font-weight:600;
	font-size:14px;
	padding:8px;
	display:block;	
}
.table-data.small-tab .tableHeads .headCaption{font-size:13px;}

.table-data .tableHeads .headCaption.Caption1{top:8px; right:0;}
.table-data .tableHeads .headCaption.Caption2{bottom:12px; left:5px;}

.table-data.small-tab .headCaption.Caption1{top:0px; right:0;}
.table-data.small-tab .headCaption.Caption2{bottom:0px; left:5px;}

.table-containerth{
	font-weight:600;
	text-align:center;
}
.table-container tr:nth-child(even){background-color: #fbfbfb}
.table-container tr:nth-child(odd){background-color: #fff}
.table-container .big-tab tr th:first-child,.big-tab tr td:first-child{
	white-space: normal;
	min-width:170px;
}
.table-container tr td:last-child,
.table-container .big-tab  tr td:nth-child(22),
.table-container .big-tab  tr td:nth-child(21),
.table-container .big-tab  tr td:nth-child(20),
.table-container .big-tab  tr td:nth-child(19),
.table-container .small-tab  tr td:nth-child(10),
.table-container .small-tab  tr td:nth-child(9),
.table-container .small-tab  tr td:nth-child(8),
.table-container .small-tab  tr td:nth-child(7),.gray{
	background:#ececec;
}

.table-container .rotatestar{
	 height:15px; margin:0px auto;
}
.table-container .metal{
	background:#ececec;
}

/*.vertical-text {writing-mode: vertical-ur; text-orientation: upright;}
.vertical-text{position:relative; height:auto;}

.vertical-text span{
		writing-mode:tb-rl;
        transform: rotate(180deg);
        white-space:nowrap;
        display:block;
        bottom:5px ;
        width:100%;
        height:100%;
		position:relative; 
}
.table-container .big-tab tr th:nth-child(14),.table-container .big-tab tr th:nth-child(17){
	min-width:130px;
}
.table-container .big-tab tr th:nth-child(11){
	min-width:110px;
}

*/
.table-container .small-tab tr th:first-child, .small-tab tr td:first-child{
	white-space: normal;
	min-width:auto;
}
 .table-container .small-tab tr th,.table-container .small-tab tr td{
	 min-width:90px;
	 text-transform:uppercase;
	 font-weight:600;
 }
 .table-container .big-tab tr th,.table-container .big-tab tr td{
	 min-width:80px;
	 text-transform:uppercase;
	 font-weight:600;
 }
	
.verticalTableHeader {
    text-align:center;
    white-space:nowrap;
    transform: rotate(-90deg);
}
.verticalTableHeader span {
    margin:0 ;/* virtually reduce space needed on width to very little */
    display:block;
	text-align:center;
	padding:25px 0px;
	font-size:12px;
	font-weight:600;
}
.verticalTableHeader span:before {
    content:'';
    width:0;
    /* takes width as reference, + 10% for faking some extra padding */
    display:inline-block;
    vertical-align:middle;
}
table {
    text-align:center;
}

/*----------------------media query start----------------------*/

@media(min-width:1200px){
	.customContainer{padding:0 8%;}	
}	

@media(max-width:1190px){
	.nav>li>a{
		padding:15px;
		font-size:17px;
	}
	.operation-wrapper .box{
		min-height:213px;
	}
	header #logo {
		width:120px;
		height: 100px;
		line-height: 100px;
	}
	header nav a {
		line-height: 50px;
	}
	header.smaller {
		height: 100px; 
	}
	header.smaller #logo {
		width:100px;
		height: 90px;
		line-height: 90px !important;
		padding-bottom:0px !important;
	}
}

/*----------------------1190 end-----------------------*/

@media(min-width:1024px){
	#bs-example-navbar-collapse-1{
		position:relative;
		padding-top:40px;
	}
	.mega-dropdown-menu > li > ul {
	  padding-top:12px; 
	  display: block!important;
	  min-height:215px;
	 /* background:rgba(204, 227, 247, 0.62);*/
	  background:rgba(255, 255, 255, 0.80);
	}
	.navbar.navbar-inverse{margin-bottom:0;}
	.homeSlider{padding-top:150px}
	.innerbanner{padding-top:150px}
}
@media(max-width:1080px){
	.table-data.small-tab .tableHeads .headCaption{font-size:10px!important;}
}

@media(max-width:980px){
	.nav>li>a{
		padding:15px 14px;
		font-size:15px;
	}
	.USA, .india,.lang span{
		font-size:14px;
		padding:0px 10px;
	}
	.about-wrapper {
		background: url(../img/about-bg.png) no-repeat top/100%;
	}
	.operation-wrapper {
		background: url(../img/operation-bg.png) no-repeat bottom/100%;
	}
	.copyright,.designBy{
		font-size:15px;
	}
	.operation-wrapper .box{
		min-height:320px;
	}
	header #logo {
		width:120px;
		height: 100px;
		line-height: 100px;
	}
	header nav a {
		line-height: 50px;
	}
	header.smaller {
		height: 100px; 
	}
	header.smaller #logo {
		width:100px;
		height: 90px;
		line-height: 90px !important;
		padding-bottom:0px !important;
	}
}
/*----------------------980 end-----------------------*/
@media(max-width:890px){
	.nav>li>a{
		padding:15px 13px;
		font-size:14px;
	}
	.USA, .india,.lang span{
		font-size:14px;
		padding:0px 7px;
	}
	.lang .fa ,.fa-search{
		margin:0px 8px 0px 0px;
	}
	.info-list .col-sm-6{
		display:block;
		width:100%;
	}
	.info-list .padding-none{
		padding:0px !important;
	}
	.large-tab{
		width:30% !important;
	}
	.small-tab{
		width:22% !important;
	}
	.small-tab-1{
		width:23% !important;
	}
}
/*----------------------890 end-----------------------*/
@media(max-width:800px){

	.nav>li>a{
		padding:15px 10px;
		font-size:14px;
	}
	
}
/*----------------------800 end-----------------------*/

@media(max-width:768px){
	
	.navbar-toggle {
		position: relative;
		float: right;
		padding: 10px 10px;
		margin-top: 70px;
		margin-right: 15px;
		margin-bottom: 8px;
		background-color: #19498c;
		background-image: none;
		border: 1px solid transparent;
		border-radius: 4px;
	}
	/*top nav*/
	
	/*.top-header {
		top:-115px;
		width:85%;
		padding-right:0px;
	}*/
	.top-header {
		width: 100%;
		padding-right: 0px;
		position: absolute;
		top: 100%;
	}
	.carousel {
		position: relative;
		top: 101px;
		margin-bottom: 81px;
	}
	.navbar{
		margin-bottom:0px;
	}
	.operation-wrapper .box{
		min-height:450px;
	}
	header #logo {
		width:100px;
		height: 80px;
		line-height: 100px;
	}
	header nav a {
		line-height: 50px;
	}
	header.smaller {
		height: 80px; 
	}
	header.smaller #logo {
		width:90px;
		height: 80px;
		line-height: 90px !important;
		padding-bottom:0px !important;
	}
	
	/* Mobile View: Fix logo size only */
@media (max-width: 767px) {
  header #logo {
    width: 120px !important;
    height: auto !important;
    line-height: normal !important;
    padding: 0 !important;
    margin: 0 auto;
    display: block;
  }

  header.smaller #logo {
    width: 120px !important;
    height: auto !important;
    line-height: normal !important;
  }

  /* Optional: If using an <img> inside #logo */
  header #logo img {
    max-width: 100%;
    height: auto;
    display: block;
  }
}


	
}
/*----------------------768 end-----------------------*/
@media(max-width:767px){
	.mobile_header{padding:0; width:100%!important;top:inherit;margin:0;}
	.mobile_header:before{display:none;}
	.mobile_header .lang{width:100%;/* border-bottom:1px solid #cfcfcf;*/}
	.mobile_header .USA, .mobile_header .india{width:50%; border-left:1px solid #cfcfcf;}
	.mobile_header .india{border:0;}
	.navbar-brand>img {width: 65%;}
	.navbar-toggle{margin-top:25px;}
	.container-fluid>.navbar-header{min-height:100px;}
	.nav.navbar-nav.navbar-right > li > a{text-align:center; padding:12px 0px!important;}
	.mega-dropdown-menu > li{width:100%!important;}
	.mega-dropdown-menu > li > ul :before{display:none;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#ffffff;padding:8px 0; border-top:1px solid #020202;}
	.navbar-inverse .navbar-nav .open .dropdown-menu li:first-child >a{border:0;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li> ul li >a{background:#333!important;border-top:1px solid #666;}
	
	.mega-dropdown-menu > li.open:before{
		content:"";
		position:absolute;
		top:17%;
		left: 50%;
		border-left: 5px solid transparent;
		border-right: 5px solid transparent;
		border-bottom: 5px solid #fff;
	}
	
	.dropdown1 .one>li>a{
		color:#555 !important;
		text-align:center;
		border-top:none !important;
		border-bottom:1px solid #ccc !important;
	}
	.dash-bor-ul li{border-right:none;}
	.info-text {
		line-height: 28px;
		font-size: 16px;
		color: #363d45;
	}
	.copyright,.designBy{
		text-align:center;
		width:100% !important;
	}
	footer h3:after{
		content:"";
		display:inline-block;
		width:50%;
		margin-left:5px;
		height:1px;
		background:#fff;
	}
	.centered-form #state{
		margin-top:15px !important;
	}
	.centered-form .form-group{
		margin-bottom:0px;
	}
	.wrapper{
		background:none;
	}
	.innerbanner {padding-top:180px;}
	.innerbanner .item.active{height:200px; background-size:100% 90%!important;}
	.img-content,
	.img-details, .img-details img{width:100%!important;padding:15px!important;}
	.img-details img{padding:0!important;}
	.contact-form-sec{
		margin-top:20px;
	}
	
}
@media(max-width:600px){
	.panel-body .ROHS_logo{
		display:block !important;
		margin-top:0px;
		float:left;
	}
	.panel-title  .ROHS_logo{
		display:none !important;
	}
}

@media(max-width:480px){
	.tab .nav-tabs li a{
		padding:5.5px 18px;
		font-size:14px;
	}
    .form-bg .form-horizontal{ padding: 40px 0px; }
    
    .form-horizontal .signup{
        display: block;
        margin-bottom: 10px;
    }
    .form-horizontal .btn{ float: none; }
	.tab {
		padding: 40px 0px;
		position: relative;
	}
	.tree .mar-less{
		margin-left:10px;
	}
	.tree .mar-less:before{
		left:-10px;
		width:10px;
	}
	.tree .mar{
		margin-left:30px;
	}
	.tree .mar:before{
		left:-30px;
		width:30px;
	}
	.tree li {
		font-size:13px;
	}
}


@media screen and (min-width: 280px) and (max-width: 767px) {
	
	header {
    min-height: 100px;
}

header {
    width: 100%;
    height: 100px;
 
}

	
}



@media screen and (min-width: 767px) and (max-width: 1024px) {
	
header #logo {
    width: 150px;
    height: auto;
 
}	
header {
    min-height: 100px;
}
	header {
    width: 100%;
    height: 100px;
 
}
	
	
}