*{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

body{

  margin: 0;

  padding: 0;

  box-sizing: border-box;

  font-family: 'Poppins', ;

  overflow-x: hidden;

}

body a:hover{

  text-decoration: none;

  color: #fff;

}

body li{

  list-style: none;

}

/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Black";

  src: url("../fonts/CentraNo2-Black.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Black.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Black.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Black.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Black.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Black.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Black.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Bold";

  src: url("../fonts/CentraNo2-Bold.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Bold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Bold.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Bold.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Bold.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Bold.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Bold.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Book";

  src: url("../fonts/CentraNo2-Book.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Book.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Book.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Book.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Book.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Book.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Book.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Extrabold";

  src: url("../fonts/CentraNo2-Extrabold.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Extrabold.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Extrabold.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Extrabold.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Extrabold.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Extrabold.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Extrabold.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Hairline";

  src: url("../fonts/CentraNo2-Hairline.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Hairline.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Hairline.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Hairline.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Hairline.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Hairline.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Hairline.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Light";

  src: url("../fonts/CentraNo2-Light.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Light.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Light.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Light.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Light.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Light.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Light.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Medium";

  src: url("../fonts/CentraNo2-Medium.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Medium.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Medium.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Medium.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Medium.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Medium.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Medium.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}



/* font converted using font-converter.net. thank you! */

@font-face {

  font-family: "CentraNo2-Thin";

  src: url("../fonts/CentraNo2-Thin.eot"); /* IE9 Compat Modes */

  src: url("../fonts/CentraNo2-Thin.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */

  url("../fonts/CentraNo2-Thin.otf") format("opentype"), /* Open Type Font */

  url("../fonts/CentraNo2-Thin.svg") format("svg"), /* Legacy iOS */

  url("../fonts/CentraNo2-Thin.ttf") format("truetype"), /* Safari, Android, iOS */

  url("../fonts/CentraNo2-Thin.woff") format("woff"), /* Modern Browsers */

  url("../fonts/CentraNo2-Thin.woff2") format("woff2"); /* Modern Browsers */

  font-weight: normal;

  font-style: normal;

}

.f-thin{

  font-family: "CentraNo2-Thin";

}

.f-light{

  font-family: "CentraNo2-Light";

}

.f-medium{

  font-family: "CentraNo2-Medium";

}

.f-hairline{

  font-family: "CentraNo2-Hairline";

}

.f-extrabold{

  font-family: "CentraNo2-Extrabold";

}

.f-book{

  font-family: "CentraNo2-Book";

}

.f-bold{

  font-family: "CentraNo2-Bold";

}

.f-black{

  font-family: "CentraNo2-Black";

} 



.white{

  color: rgb(255,255,255);

}

.blue{

  color: #79a7b0;

}

.dark-blue{

  color: #00b3f7;

}

.black{

  color: #000;

}

.heads-up {

    transform: translateY(-6rem);

    transform: translate3d(0,-6rem,0);

}

header{

  position: fixed;

  left: 0;

  width: 100%;

  z-index:99;

  padding: 0;

  background: rgba(0, 0, 0, 0.28);

  top: 0;

  height: 60px;

}

header.shrink{

  animation: 0.3s 0.3s fadeInDown both;

  background: #fff;

  box-shadow: 0px 2px 10px #00000059;

}

header .top-header{

  display: flex;

  align-items: center;

  justify-content: flex-end;

  padding-top: 10px;

}

header .top-header a{

  color: #5e5b5c;

  font-size: 13px;

  margin-left: 20px;

}

header .navbar-expand-md{

  padding: 0;

  display: flex;

  align-items: center;

  justify-content: space-between;

}

header .container{

  padding: 0;

}

header .navbar-brand{

  margin: 0;

  display: block;

  z-index: 1;

  padding: 0 15px 0;

}

header .navbar-brand img{

  display: block;

  margin-top: 12px;

}

header .navbar-mob{

  position: absolute;

  right: 0;

  top: 15px;

}

header .contact-div{

  position: absolute;

  right: 0;

  top: 15px;

}

header .contact-div span{

  display: inline-block;

  font-size: 17px;

  color: #3270a8;

  padding: 0 2px 0 21px;

  vertical-align: middle;

}

header .contact-div a:before{

  position: absolute;

  left: -37px;

  top: -17px;

  height: 50px;

  width: 1px;

  content: "";

  background-color: rgba(0, 0, 0,0.059);

}

header .contact-div a{

  display: inline-block;

  font-size: 13px;

  color: #000000;

  position: relative; 

}

header .navbar-brand:before{

  position: absolute;

  height: 72px;

  width: 210px;

  background-color: rgb(255, 255, 255);

  content: "";

  z-index: -1;

  left: 0;

  right: 0;

  border-radius: 0 0 7px 7px;

  box-shadow: 0px 12px 15px 2px rgba(0, 0, 0, 0.08);

}



header .navbar-nav .nav-item { 

  padding:0 30px 0 0;

}

header .navbar-nav .nav-item:nth-child(8) .nav-link{

  background: #7dc049;

  border-radius: 30px;

  padding: 8px 0;

  width: 120px;

  text-align: center;

  font-size: 11px;

}

header.shrink .navbar-nav .nav-item:nth-child(8) .nav-link{

  color: #fff;

}

header .navbar-nav .nav-item:nth-child(8) .nav-link span{

  display: inline-block;

  font-size: 18px;

}

header .navbar-nav .nav-item:nth-child(8){

  padding: 0;

}

header .navbar-nav .nav-link{

  color: #fff;

  font-size: 13px;

  padding-right: 0 !important;

  padding-left: 0 !important;

  position: relative;

  text-transform: uppercase;

  transition: all 0.3s;

}

header.shrink .navbar-nav .nav-link{

  color: #334896;

}



header .navbar-nav .nav-link.active,

header .navbar-nav .nav-link:hover{

  color: #00b3f7;

}

.home-slider .caption{

  position: absolute;

  top: 36%;

  left: 0;

  right: 0;

  margin: 0 auto;

  display: flex;

}

.home-slider .caption-left

{

  margin-left: 23%;

}

.home-slider .caption-left h1{

  font-size: 90px;

  margin-bottom: 0;

  line-height: 1;

}

.home-slider .caption-left h1 span{

  display: inline-block;

}

.home-slider .caption-left p{

  font-size: 40px;

  margin-bottom: 0;

  line-height: 1;

}

.common-btn{

  width: 140px;

  height: 37px;

  background: rgba(255, 255, 255, 0.27);

  border-radius: 30px;

  display: flex;

  align-items: center;

  justify-content: center;

  text-transform: uppercase;

  color: #fff;

  font-size: 12px;

position: relative;

overflow: hidden;

z-index: 1;

transition: all 0.3s ease-in-out;

}

.common-btn:before{

  position: absolute;

  content: "";

  left: 0;

  transition: all 0.3s ease-in-out;

  height: 100%;

  width: 0%;

  background: #364aa0;

  z-index: -1;

  top: 0;

}

.home-slider .common-btn{

  margin-top: 25px;

}

.home-slider .caption .img-wrapp img{

  display: block;

  margin-left: 20%;

}

.solutions, .testimonial{

  padding: 70px 0;

}

.solution-right img{

  display: block;

  margin: 0 auto;

}

footer {

  background-color:#202b5b;

}



.our-products{

  padding: 65px 0;

}

.nav-head .container{

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0;

}



.about-us  .parallax-container{

  position: relative;

  overflow: hidden;

  height: 650px;

}

.about-us .parallax{

  position: absolute;

  left: 0;

  right: 0;

  height: 640px;

}

.about-us .parallax .parallax-img{

  position: absolute;

  left: 50%;

  bottom: 0px;

  width: 100%;

  min-height: 100%;

  transform: translate3d(0,0,0);

/*transform: translate3d(0,0,0);

-webkit-transform: translateX(-50%);*/

transform: translateX(-50%);

}

.about-us .container{

  margin-top: 70px;

  position: relative;

}

.rnd-center .text-image{

  display: inline-block;

  margin: 0 auto 80px;

}

.about-us{

  position: relative;

}

.about-us .curve{

  position:absolute;

  top: 0px;

  left: 0;

  width: 100%;

}

.about-us .vision{

  transform: translateY(-60px);

}

.about-us .about-text{

  margin-top: 50px;

}

.counters{

  display: flex;

  margin: 0 0 0 auto;

  align-items: center;

  justify-content: center;

  background-color: black;

  height: 100px;

  width: 40%;

  border-radius: 50px;

  position: relative;

}

.counters:before{

  position: absolute;



}

.footer-wrapp {

  display: flex;

}

.footer-wrapp .column:nth-child(1) {

  width: 29%;

}

.footer-wrapp .column:nth-child(2) {

  width: 16%;

}

.footer-wrapp .column:nth-child(3) {

  width: 30%;

}

.footer-wrapp .column:nth-child(4) {

  width: 33%;

}

.footer-wrapp .column:nth-child(5) {

  width: 25%;

}

.footer-wrapp .column h1 {

  color: #fff;

  font-size: 16px;

}

.footer-wrapp .column p,

.footer-wrapp .column a{

  color: #79a7b0;

  font-size: 14px;

  display: block;

}

.footer-wrapp .column a{

  margin-bottom: 5px;

  transition: all 0.3s ease-in-out;

}

.footer-wrapp .contact-wrapp{

  margin-bottom: 25px;

  margin-right: 23px;

}

.footer-wrapp .contact-wrapp span{

  display: inline-block;

  vertical-align: bottom;

  margin-right: 3px;

}

.footer-wrapp .column:nth-child(1) img{

  display: block;

  margin-bottom: 25px;

  width: 180px;

}

.footer-wrapp .column:nth-child(1) .social a{

  display: inline-block;

  margin-right: 10px;

  font-size: 18px;



}

.footer-wrapp .column:nth-child(1) .social{

  margin-top: 20px;

}

.bottom-footer a,

.bottom-footer span{

  font-size: 13px;

}

.bottom-footer a{

  color: #fff;

  transition: all 0.3s ease-in-out;

}

.bottom-footer .right span.slash{

  color: #fff;

}

.bottom-footer{

  border-top: 1px solid #79a7b0;

  padding: 10px 0;

}

.footer-wrapp{

  padding: 50px 0 20px;

}

.bottom-footer .right a:nth-child(7){

  padding-right: 25px;

}

.bottom-footer .right{

  text-align: right;

}

.footer-wrapp .column:nth-child(2) h1:nth-of-type(2){

  margin-top: 20px;

}

/* .counter{

  display: flex;

  width: 45%;

  float: right;

  background-image: url(../images/curve-shape.png);

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: cover;

  padding: 60px 0 70px 50px;

  position: absolute;

  right: 0;

  bottom: -40px;

  z-index: 3;

  align-items: center;

  justify-content: flex-start;

} */

.counter {

  display: flex;

  width: 41%;

  width: 100%;

  left:0px;

  /* float: right; */

  /* background-image: url(../images/curve-shape.png); */

  background-repeat: no-repeat;

  background-position: 0 0;

  background-size: cover;

  padding: 60px 0 70px 50px;

  position: absolute;

  /* right: 361px; */

  bottom: -135px;

  z-index: 3;

  align-items: center;

  justify-content: center;

  /*left: 29%;*/

  /* top: -22%; */

}

[data-aos=fade-up] {

  transform: translateY(100px);

}

.slider-section,

.gallery-breadcum{

  position: relative;

}

.slider-section:before,

.gallery-breadcum:before{

  position: absolute;

  bottom:0;

  left: 0;

  width: 100%;

  height: 100px;

  background: url(../images/lubri-patch.png);

  background-repeat: no-repeat;

  content: "";

  z-index: 2;

  background-position: center;

  background-size: cover;

}

.counter .counter-single{

  display: flex;

  align-items: center;

  transform: translateY(32px);

  margin-right: 50px;





}

.overview-sec .overview-left p {

    margin-bottom: 0px;

}

/* .counter .counter-single:nth-child(1){

  transform: translateY(45px);

}

.counter .counter-single:nth-child(2){

  transform: translateY(25px);

}

.counter .counter-single:nth-child(3){

  transform: translateY(0);

  margin-left: 10px;

} */

.counter .counter-right .name-text{

  display: flex;

  align-items: center;

  height: 36px;

}

.counter .counter-right .name-text h2{

  font-size: 30px;

  margin-bottom: 0;

  color: #2c42a5;

}

.counter .counter-right .name-text .plus{

  font-size: 30px;

  margin-bottom: 0;

  color: #2c42a5;

  display: inline-block;

  line-height: 1;

}

.counter .counter-right p{

  margin-bottom: 0;

  line-height: 1;

  font-size: 12px;

  width: 30%;

}

.counter .counter-right{

  margin-left: 10px;

}

.counter .style-icon{

  display: inline-block;

  font-size: 60px;

  color: #8dbe6a;

  margin-right:20px;

}

h4.heading{

  font-size: 17px;

  margin-bottom: 0;

  line-height: 1;

  color: #2c42a5;

}

h2.heading{

  font-size: 35px;

  margin-bottom: 30px;

  line-height: 1;

}

.products-home .item-wrapp{

  position: relative;

}

.products-home  .img-wrapp{

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

  display: flex;

  align-items: center;

  justify-content: center;

  flex-direction: column;

  transition: all 0.3s ease-in-out;

}

.products-home .owl-carousel .owl-item img.product-img {

  display: block;

  width: auto;

}

.products-home  .img-wrapp h5{

  text-transform: uppercase;

  font-size: 25px;

  margin-bottom: 5px;

  line-height: 1;

  margin-top: 20px;

  transition: all 0.3s ease-in-out;

  color: #15171e;

}

.products-home  .img-wrapp a{

  font-size: 14px;

  display: flex;

  align-items: center;

  justify-content: center;

  line-height: 1;

  color: #fff;

  transform: translateY(65px);

  transition: all 0.5s ease-in-out;

}

.products-home  .img-wrapp a span{

  font-size: 14px;

  margin-left: 7px;

}

.products-home .common-btn{

  background: #374da1;

  margin: 30px auto 0;

}

.products-home .common-btn:before{

  background: #7dc049;

}

.products-home{

  padding: 150px 0 40px;

}

.rnd .rnd-left .rnd-counter{

  display: flex;

}

.rnd .rnd-left .style-icon{

  display: inline-block;

  font-size: 50px;

  color: #75b052;

  margin-right: 10px;

}

.rnd .rnd-left .counter-wrapp span {

  display: flex;

  align-items: center;

}

.rnd .rnd-left .counter-wrapp span label{

  font-size: 45px;

  margin-bottom: 0;

  line-height: 1;

  color: #75b052;

}

.rnd .rnd-left .counter-wrapp  span.plus{

  font-size: 45px;

  margin-bottom: 0;

  line-height: 1;

  color: #75b052;

}

.rnd .rnd-left .counter-wrapp p {

  font-size: 16px;

  line-height: 0.9;

  margin-bottom: 0;

  width: 98%;

}

.rnd  .rnd-counter-wrapp{

  display: flex;

  align-items: center;

  margin-bottom: 30px;

}

.rnd .rnd-left{

  padding-left: 50px;

}

.rnd .rnd-left .logo-wrapp img:nth-child(2){

  padding-right: 30px;

}

.rnd .rnd-left .logo-wrapp img:nth-child(3){

  padding-left: 30px;

  border-left: 1px solid rgb(198, 189, 189);

}

.rnd .rnd-left .logo-wrapp h2{

  font-size: 18px;

  padding-left: 19%;

}

.rnd .rnd-left .logo-wrapp{

  margin-bottom: 100px;

}

.rnd .rnd-left p

{

  font-size: 15px;

  color: #7a7878;

  line-height: 1.2;

  width: 70%;

}

.rnd {

  background-image: url(../images/rnd-bg.png);

  background-repeat: no-repeat;

  padding: 35px 0 40px;

  background-size: contain;

}

.rnd .rnd-slider{

  margin: 0 0 0 30px;

  border-radius: 10px;

  background-image: url(../images/drum.png)

}

.slider-rnd.owl-theme .owl-nav {

  margin-top: 10px;

  position: absolute;

  left: -38px;

  bottom: 20px;

}

.slider-rnd.owl-carousel .owl-stage-outer{

  overflow: hidden;

  border-radius: 10px 10px 0 0;

}

.slider-rnd.owl-carousel .owl-nav .owl-next{

  border-radius: 0 15px 15px 0;

}

.slider-rnd.owl-carousel .owl-nav .owl-prev{

  border-radius: 15px 0 0 15px;

}

.slider-rnd.owl-theme .owl-nav [class*=owl-]{

  margin: 0;

  background: #75b052;

  padding: 4px 12px;

  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.24);

}

.slider-rnd.owl-theme .owl-nav .disabled{

  background: #fff;

  opacity: 1;

  color:#75b052; 

}

.rnd .rnd-right .drum{

  position: absolute;

  left: -70px;

  top: 70px;

}

.rnd h2.heading{

  margin-bottom: 30px;

}

.services-carousel .info-box .common-btn{

  background: #75b052;

}

.development-section  .parallax-container{

  position: relative;

  overflow: hidden;

  height: 590px;

}

.development-section .parallax{

  position: absolute;

  left: 0;

  right: 0;

  height: 640px;

}

.development-section .parallax .parallax-img{

  position: absolute;

  left: 50%;

  bottom: 0px;

  width: 100%;

  min-height: 100%;

  transform: translate3d(0,0,0);

/*transform: translate3d(0,0,0);

-webkit-transform: translateX(-50%);*/

transform: translateX(-50%);

}

.development-section .container{

  position: relative;

}

.development-section .tab-section{

  display: flex;

  align-items: center;

  justify-content: space-between;

  transform: translateY(-60px);

  z-index: 1;

}

.development-section .tab-section,

.development-section .services-carousel{

  padding: 0 80px;

}

.development-section .services-carousel{

  margin-top: 50px;

}

.development-section .tab-section .tab-div a{

  display: flex;

  align-items: center;

  padding: 25px;

  transition: all 0.3s ease-in-out;

  position: relative;

  background: #fff;

}

.development-section .tab-section .tab-div a:before{

  position: absolute;

  content: "";

  top: -7px;

  left: 46%;

  margin: 0 auto;

  border-top: 15px solid #00b3f7;

  border-left: 15px solid transparent;

  transform: rotate(-45deg);

  z-index: -1;

  opacity: 0;

}

.development-section .tab-section .tab-div a.active,

.development-section .tab-section .tab-div a:hover

{

  background: #00b3f7;

}

.development-section .tab-section .tab-div a.active:before,

.development-section .tab-section .tab-div a:hover:before

{

  opacity: 1;

}

.development-section .tab-section .tab-div a.active span,

.development-section .tab-section .tab-div a.active h5,

.development-section .tab-section .tab-div a.active p,

.development-section .tab-section .tab-div a:hover span,

.development-section .tab-section .tab-div a:hover h5,

.development-section .tab-section .tab-div a:hover p{

  color: #fff;

  transition: all 0.3s ease-in-out;

}

.development-section .tab-section .tab-div span{

  color: #00b3f7;

  display: inline-block;

  font-size: 50px;

  margin-right: 12px;

}

.development-section .tab-section .tab-div h5{

  font-size: 18px;

  color: #213384;

  margin-bottom: 0;

}

.development-section .tab-section .tab-div p{

  font-size: 12px;

  color: #7a7878;

  margin-top: 0;

  width: 85%;

  margin-bottom: 0;

}

.development-section .tab-section .tab-div {

  border-radius: 5px;

  width: 31%;

  cursor: pointer;

}

.container.breadcum_container a {

    text-decoration: none;

}

.development-section .owl-item.active .item .slider-img {

  animation: 1s 0.5s fadeIn both;

}

.services-carousel .owl-item.active .item h1, 

.services-carousel .owl-item.active .item h2, 

.services-carousel .owl-item.active .item p, 

.services-carousel .owl-item.active .item .common-btn {

  animation: 1s 0.3s fadeInDown both;

}

.services-carousel .info-box{

  padding-top: 30px;

}

.services-carousel .info-box h1{

  color: #75b052;

  font-size: 19px;

  margin-bottom: 10px;

  text-transform: uppercase;

}

.services-carousel .info-box h2{

  color: #fff;

  font-size: 30px;

  margin-bottom: 10px;

  width: 70%;

}

.services-carousel .info-box p{

  color: #fff;

  font-size: 17px;

  margin-bottom: 30px;

  width: 45%;

  line-height: 1.3;

}

.development-section{

  position: relative;

}

.development-section:before{

  position: absolute;

  top: -40px;

  left: 0;

  width: 100%;

  height: 100px;

  background: url(../images/white-curve.png);

  background-repeat: no-repeat;

  content: "";

  z-index: 2;

  background-position: center;

  background-size: contain;

}

.product-slider.owl-theme .owl-nav,

.services-carousel.owl-theme .owl-nav{

  display: none;

}

/*about page*/

.breadcum {

  position: relative;

}

.breadcum .parallax-container {

  position: relative;

  overflow: hidden;

}

.breadcum .parallax-parent {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  bottom: 0;

}

.breadcum .parallax-content {

  position: absolute;

  left: 50%;

  bottom: 0;

  min-width: 100%;

  min-height: 100%;

  -webkit-transform: translate3d(0,0,0);

  transform: translate3d(0,0,0);

  -webkit-transform: translateX(-50%);

  transform: translateX(-50%);

}

.breadcum_container{

  position: absolute;

  top: 55%;

  left: 0;

  right: 0;

  transform: translateY(-50%);

  margin: 0 auto;

  text-align: center;

}

.breadcum_container h1{

  font-size: 65px;

  margin-bottom: 0

}

.breadcum_container a,

.breadcum_container span{

  font-size: 16px;

  display: inline-block;

}

.breadcum_container span:nth-child(3){

  font-size: 10px;

}

.about-breadcum{

  position: relative;

}

.about-breadcum:before{

  position: absolute;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 100px;

  background: url(../images/lubri-patch2.png);

  background-repeat: no-repeat;

  content: "";

  z-index: 2;

  background-position: center;

  background-size: cover;

}

.address-wrapp{

  align-items: center;

  justify-content: space-between;

  padding: 30px 0;

  background-color: rgba(255, 255, 255, 0.7294117647058823);

  border-radius: 5px;

}

.address-wrapp .add-box{

  display: flex;

  align-items: center;

  padding: 20px 50px;

}



.get-in-touch{

  background-color: #f1f3fa;

  padding: 40px 0;

  position: relative;

}

.get-in-touch .map

{

  position: absolute;

  top: 120px;

  left: 0;

  z-index: 0;

  right: 0;

  margin: 0 auto;

}

.get-in-touch .container{

  z-index: 1;

  position: relative;

}           

.get-in-touch .box-wrapp .heading

{

  background: #fff;

  font-size: 24px;

  padding: 15px 50px;

  color: #000;

  border-radius: 5px;

}

.get-in-touch .row{

  padding: 0 10%;

}

.get-in-touch h2.heading,

.contact-form h2.heading{

  margin-bottom: 40px;

  font-size: 30px;

}

.address-wrapp .add-box p {

  font-size: 17px;

  margin-bottom: 30px;

  line-height: 1.3;

}

.address-wrapp .add-box span{

  display: inline-block;

  font-size: 27px;

  z-index: 1;

  position: relative;

  color: #fff;

}

.address-wrapp .add-box .text-box h1{

  font-size: 18px;

  margin-bottom: 0;

}

.address-wrapp .add-box .text-box{

  margin-left: 25px;

}

.address-wrapp .add-box .text-box p,

.address-wrapp .add-box .text-box a{

  font-size: 17px;

  margin-bottom: 0;

  

  color: #000;

  transition: all 0.3s ease-in-out;

}

.address-wrapp .add-box .icon-wrapp{

  position: relative;

}

.address-wrapp .add-box .icon-wrapp:before{

  position: absolute;

  content: "";

  top: -12px;

  left: -12px;

  height: 50px;

  width: 50px;

  border-radius: 0 30px 30px 30px;

  z-index: 0;

}

.address-wrapp .add-box:nth-child(1) .icon-wrapp:before{

  background: #00b8f5;

}

.address-wrapp .add-box:nth-child(2) .icon-wrapp:before{

  background: #344b8e;

}

.address-wrapp .add-box:nth-child(3) .icon-wrapp:before{

  background: #89c45a;

}

.get-in-touch .social{

  text-align: center;

  margin-top: 50px;

}

.get-in-touch .social span.follow{

  font-size: 18px;

  display: inline-block;

}

.get-in-touch .social a{

  font-size: 22px;

  display: inline-block;

  margin-left: 15px;

  color: #a4a5aa;

}

.contact-form{

  padding: 50px 0;

}

.contact-form .img-wrapp{

  width: 80%;

  margin: 0 auto;

  position: relative;

}

.contact-form .img-wrapp .caption{

  position: absolute;

  top: 20px;

  left: 0;

  right: 0;

  text-align: center;



}

.contact-form .img-wrapp .caption h1{

  color: #fff;

  font-size: 30px;

  margin-bottom: 0;

  width: 80%;

  margin: 0 auto;

}

.form-div label{

  font-size: 16px;

  margin-bottom: 0;

}

.form-div label .star{

  color: red;

  font-size: 13px;

  display: inline-block;

  margin-left: 6px;

}

.form-div .form-group:nth-of-type(1),

.form-div .form-group:nth-of-type(2){

  width: 47%;

  float: left;

}

.form-div .form-group:nth-of-type(2){

  margin-left: 20px;

}

.form-div .common-btn {

  width: 100px;

  background: rgb(137, 196, 90);

  outline: none;

  border: none;

  display: inline-block;

  margin-top: 20px;

}

.form-div .form-control:focus {

  color: #495057;

  background-color: #fff;

  border-color: #80bdff;

  outline: 0;

  box-shadow: none;

}

.form-div .help-block {

  position: absolute;

  font-size: 13px;

  color: rgba(255, 0, 0, 0.7);

}

.form-div .form-group {

  margin-bottom: 25px;

}

.form-div .form-group .form-control::placeholder {

  font-size: 14px;

  font-family: "CentraNo2-Light";

}

.gallery-wrapp{

  display: flex;

  align-items: center;

  justify-content: space-between;

  padding: 0 50px;

  flex-wrap: wrap;

}



.gallery-wrapp .gallery-single .img-inner{

  overflow: hidden;

  border-radius: 10px;

}

.gallery-main{

  padding: 60px 0 20px;

}

.gallery-main .img-wrapp{

  position: relative;

}

.gallery-main .img-wrapp:before{

  position: absolute;

  bottom: -9px;

  width: 85%;

  background-color: #4a9720;

  content: "";

  height: 20px;

  border-radius: 20px;

  margin: 0 auto;

  z-index: -2;

  left: 0;

  right: 0;

}

.gallery-main p{

  font-size: 17px;

  margin-bottom: 0;

  margin-top: 20px;

  text-align: center;

}

.gallery-main .gallery-single {

  width: 31%;

  margin-bottom: 50px;

}

.gallery-wrapp .gallery-single .img-inner img{

  transition: all 0.3s ease-in-out;

}

.lg-backdrop {

  background-color: rgba(0, 0, 0, 0.66) !important;

}

.common-pages{

  padding: 60px 0;

}

.common-pages h1{

  font-size: 22px;

}

.common-pages p{

  font-size: 16px;

}

.sitemap .l-menu{

  font-size: 18px;

}

.sitemap .s-menu{

  font-size: 16px;

  display: block;

  color: #000;

  transition: all 0.3s ease-in-out;

}

.sitemap{

  padding: 60px 0;

}

.error-page{

  padding: 50px 0;

}

.error-page .common-btn{

  color: rgba(255,255,255,1);

  display: inline-block;

  padding: 10px 0;

  margin: 0 10px;

  background-color: rgb(29, 169, 168);

  width: 130px;

} 

.error-page h1{

  font-size: 40px;

  margin-bottom: 15px; 

}

.error-page h2{

  font-size: 30px;

  margin-bottom: 5px;

}

.error-page p{

  font-size: 16px;

}

.overview{

  padding: 60px 0;

}

.overview-left h3{

  font-size: 19px;

  margin-bottom: 0px;

}

.overview-left h2{

  font-size: 30px;

  width: 80%;

  margin-bottom: 15px;

  line-height: 1.1;

}

.overview-left p{

  font-size: 17px;

  margin-bottom: 40px;

  line-height: 1.3;

}

.overview-left .counter{

  width: unset;

  float: unset;

  background-image: none;

  position: static;

  right: 0;

  bottom: 0;

  z-index: 3;

  align-items: start;

  justify-content: flex-start;

  padding: 0;

}

.overview-left .counter .counter-single {

  transform: unset;

}

.mouse-arrow{

  position: absolute;

  left: 0;

  right: 0;

  margin: 0 auto;

  text-align: center;

  bottom: 12%;

  z-index: 2;

  animation: bounce 2s infinite;

}

.mouse-arrow span{

  display: block;

  color: #fff;

  line-height: 1.4;

  font-size: 25px;

}

.mouse-arrow span:nth-child(2),

.mouse-arrow span:nth-child(3)

{

  transform: rotate(-90deg);

  line-height: 0.4;

}

.rnd-main .img-inner{

  overflow: hidden;

  border-radius: 10px;

  z-index: 1;

}

.rnd-main .img-inner img{

  transition: all 0.3s ease-in-out;

  display: block;

}

.rnd-main .img-wrapp{

  position: relative;

  margin-right: 30px;

  margin-bottom: 20px;

  z-index: 1;

  float: left;

}

.rnd-main .img-wrapp:before{

  position: absolute;

  top: -10px;

  left: 0;

  right: 0;

  width: 85%;

  margin: 0 auto;

  background: #89c45a;

  border-radius: 30px;

  content: "";

  height: 15px;

  z-index: -1;

}

.rnd-main{

  padding: 60px 0;

}

.rnd-main h2 {

  font-size: 35px;

  text-align: center;

  color: #343f74;

  margin-bottom: 20px;

}

.rnd-main h4 {

  color: #000;

  text-align: center;

  font-size: 18px;

  width: 65%;

  margin: 0 auto;

  font-style: italic;

}

.rnd-main p {

  text-align: center;

  font-size: 17px;

  /* color: #666; */

  line-height: 25px;

  margin-bottom: 30px;

}

.rnd-main h4.rnd-heading {

  width: 59%;

  margin: auto;

}

.rnd-main h4 span {

  float: right;

  clear: both;

  font-size: 16px;

  margin-bottom: 20px;

  color: #80c14d;

  margin-right: -13px !IMPORTANT;

}



.rnd-main h4.rnd-heading br {

    display: none;

}

.product-list .nav-tabs {

  border-bottom: none;

  align-items: center;

  justify-content: center;

  display: flex;

  position: relative;

}

.product-list .nav-tabs .nav-link {

  border: none;

  border-top-left-radius: 0;

  border-top-right-radius: 0;

  padding: 10px 40px;

  background-color: #374da1;

  color: #fff;

  display: flex;

  align-items: center;

  justify-content: center;

  position: relative;

  transition: all 0.3s ease-in-out;

 

  font-size: 18px;

  line-height: 1;

  min-height: 65px;

}

.product-list .nav-tabs .nav-link:before {

  position: absolute;

  content: "";

  bottom:0;

  margin: 0 auto;

  transform: rotate(135deg);

  border-top: 15px solid #7dc049;

  border-left: 15px solid transparent;

  opacity: 0;

  z-index: -1;

}

.product-list .nav-tabs .nav-item.show .nav-link, 

.product-list .nav-tabs .nav-link.active,

.product-list .nav-tabs .nav-link:hover {

  color: #fff;

  background-color: #7dc049;

  border-color: transparent;

}

.product-list .nav-tabs .nav-link.active:before,

.product-list .nav-tabs .nav-link:hover:before {

  opacity: 1;

  bottom: -5px;

}

.product-list .nav-tabs .nav-item {

  width: 50%;

}

.product-list .nav-tabs .nav-item:nth-child(1) img {
    position: absolute;
    left: 5px;
    top: -8px;
    width: 85px;
    transition: all 0.3s ease-in-out;
}
.product-list .nav-tabs .nav-item:nth-child(2) img {
    position: absolute;
    left: -43px;
    top: -4px;
    width: 62px;
    transition: all 0.3s ease-in-out;
}

.product-list .nav-tabs .nav-item:nth-child(3) img{

  position: absolute;

  left: -45px;

  top: -33px;

  width: 112px;

  transition: all 0.3s ease-in-out;

}

.product-list .nav-tabs .nav-item:nth-child(4) img{

  position: absolute;

  left: -59px;

  top: -41px;

  width: 115px;

}

.product-list{

  padding: 70px 0;

}

.product-list .heading{

  font-size: 35px;

  margin-bottom: 90px;

  color: #000;

}

.product-list .list-wrapp {

  display: flex;

  flex-wrap: wrap;

 /* justify-content: space-between;*/

  margin-top: 60px;

}

.product-list .list-wrapp .list-single{

  display: flex;

  justify-content: center;

  flex-direction: column;

  align-items: center;

  width: 31%;

  margin: 10px;

  margin-bottom: 70px;

  position: relative;

  cursor: pointer;

}

.product-list .list-wrapp .list-single:before{

  position: absolute;

  content: "";

  border-radius: 20px;

  border:1px solid rgb(235, 236, 245);

  background-image: -moz-linear-gradient( -77deg, rgb(255,255,255) 15%, rgb(239,241,249) 100%);

  background-image: -webkit-linear-gradient( -77deg, rgb(255,255,255) 15%, rgb(239,241,249) 100%);

  background-image: -ms-linear-gradient( -77deg, rgb(255,255,255) 15%, rgb(239,241,249) 100%);

  bottom: -20px;

  width: 340px;

  height: 190px;

  z-index: -1;

}

.product-list .list-wrapp .list-single h2 {

    color: #364aa0;

    font-size: 21px;

    margin-bottom: 10px;

    text-align: center;

}

.product-list .list-wrapp .list-single p{

  color: #010101;

  font-size: 15px;

  margin-bottom: 0;

  width: 78%;

  margin: 5px auto 15px;

  text-align: center;

  line-height: 1;

}

.left-productdetil .list-wrapp {

    display: flex;

    flex-wrap: wrap;

    /* justify-content: space-between; */

    margin-top: 5px;

}



.left-productdetil .list-wrapp .list-single:before {

    position: absolute;

    content: "";

    border-radius: 20px;

    border: 1px solid rgb(235, 236, 245);

    background-image: -moz-linear-gradient( -77deg, rgb(255,255,255) 15%, rgb(239,241,249) 100%);

    background-image: -webkit-linear-gradient( -77deg, rgb(255,255,255) 15%, rgb(239,241,249) 100%);

    background-image: -ms-linear-gradient( -77deg, rgb(255,255,255) 15%, rgb(239,241,249) 100%);

    bottom: 25px;

    width: 261px;

    height: 190px;

    z-index: -1;

}

.left-productdetil .list-wrapp .list-single h1 {

    color: #364aa0;

    font-size: 21px;

    margin-bottom: 10px;

    text-align: center;

}

.left-productdetil .list-wrapp .list-single .common-btn {

    background: #364aa0;

    font-size: 10px;

    margin-bottom: 14px;

    color: #fff;

    width: 70px;

    height: 28px;

}

/* .left-productdetil .list-wrapp .list-single:nth-child(2) .common-btn{

  bottom: 16px;

} */

.left-productdetil .list-wrapp .list-single .common-btn span {

    transition: all 0.3s ease-in-out;

    transform: translateX(0);

    display: inline-block;

}

.left-productdetil .list-wrapp .list-single {

    display: flex;

    justify-content: center;

    flex-direction: column;

    align-items: center;

    width: 30%;

    margin: 10px;

    margin-bottom: 70px;

    position: relative;

    cursor: pointer;

    z-index:1;

}

.product-list .list-wrapp .list-single .common-btn{

  background: #364aa0;

  font-size: 10px;

  margin-bottom: 0;

  color: #fff;

  width: 70px;

  height: 28px;

}

.product-list .list-wrapp .list-single .common-btn span{

  transition: all 0.3s ease-in-out;

  transform: translateX(0);

  display: inline-block;

}

.product-list .list-wrapp .list-single img{

  display: block;

  margin-bottom: 10px;

}

.product-right .content-wrapp.active{

  display: block;

}

.product-right .content-wrapp {

  display: none;

  padding: 0;

}

.product-detail .nav-tabs{

  margin-bottom: 0;

  border-bottom:none;

}

.product-left .nav-tabs .nav-item{

  width: 100%;

}

.product-left .nav-item .list_item {

display: none;

}

.product-left .nav-item.active .list_item {

    display: block;

}

.product-left .nav-tabs .nav-item.active .nav-link{

  color: #7dc049;

}

.product-left .nav-tabs .nav-item .nav-link {

    padding: 15px 14px;

    min-height: unset;

    border-radius: 10px;

    background-image: -webkit-linear-gradient(rgb(255,255,255) 5%, rgb(239,241,249) 0);

    background-image: -webkit-linear-gradient(rgb(255,255,255) 5%, rgb(239,241,249) 0);

    background-image: -webkit-linear-gradient(rgb(255,255,255) 5%, rgb(239,241,249) 0);

    color: #364aa0;

    border: none;

    font-size: 20px;

    cursor: pointer;

    font-weight: bold;

}

.product-right .content-wrapp.active{

  display: block;

}

@keyframes bounce{

  0% {

    -webkit-transform: translate(0,0);

    transform: translate(0,0);

  }

  50% {

    -webkit-transform: translate(0,15px);

    transform: translate(0,15px);

  }

  100% {

    -webkit-transform: translate(0,0);

    transform: translate(0,0);

  }

}



/*priyanka*--------------------------------------------------------*/

.product-main .list-group-horizontal .list-group-item

{

  display: inline-block;

}

.product-main .list-group-horizontal .list-group-item

{

  margin-bottom: 0;

  margin-left:-4px;

  margin-right: 0;

  border-right-width: 0;

}



.product-main {

  background: #f0f3fa;

}

.product-main .list-group-item {

  border: 0px;

  padding: 15px 20px;

  margin-right: 60px;

  text-align: center;

  background:transparent;

  font-size:18px;

}

.product-main .list-group-item.active {

  border-bottom: 4px solid #384b8e;

  color:#384b8e;

  background:transparent !important;

  border-radius: 0px;



} 

.product-main .list-group-item-action:focus,

.product-main .list-group-item-action:hover {

  color:#384b8e;

  text-decoration:none;

  background-color:transparent;

  border-radius: 0px;

  border-bottom: 4px solid #384b8e;

}

.blue-shape {

  position: absolute;

  left: 7%;

}

.shape-green{

  position: absolute;

}

.shape-green {

  right: 0%;

  position: absolute;

  bottom: -30px;

}



.overview-sec .overview-left {

  padding-left: 12%;

  padding-top: 10%;

}

.board-directors h2{

  font-size: 35px;

  color:#364b99;

  text-align:center;

  margin-bottom:30px;

}

.board-directors .text-wrapper p {

margin-bottom:5px;

}

.board-directors h4 {

  font-size: 20px;

}

.board-directors .img-wrapper {

  float: right;

  position: relative;

}

.social-icons {

  position: absolute;

  bottom: 12px;

  left: 33%;

  background: #384b8d;

  color: #fff;

  padding: 6px 0px;

  font-size: 23px;

  border-radius: 50px;

  width: 32%;

  justify-content: center;

  align-items: center;

  text-align: center;

}



/*new*/

.product-detail .dropdown-item {

  display: block;

  width: auto;

}

.awards .parallax-container {

  position: relative;

  overflow: hidden;

  height: 330px;

}

.awards {

  position: relative;

}

.awards .parallax {

  position: absolute;

  left: 0;

  right: 0;

  height:380px;

}

.awards .parallax .parallax-img {

  position: absolute;

    left: 50%;

    bottom: 0px;

    width: 100%;

    min-height: 100%;

    transform: translate3d(0,0,0);

    transform: translateX(-50%);

}

.product-detail .dropdown-item.active, 

.product-detail .dropdown-item:active {

  color: #6faf3e;

}

.awards .owl-carousel .owl-item img.awards-img {

    display: block;

    width: auto;

}

.quality-policy {

    background: url(../images/quallity-bg.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    height: 430px;

    padding: 40px 0;

}

.row.qualitysec {

    display: flex;

    align-items: center;

    justify-content: center;

}

.quality-policy .text-wrapper {

    padding-top: 40px;

}

.quality-policy .qualitybtn {

    padding: 10px 30px;

    background: #7cc049;

    color: #fff;

    font-size: 17px;

    border-radius: 10px;

}

.quality-policy .text-wrapper h3 {

    font-size: 25px;

    margin-top: 15px;

    float: left;

}

.quality-policy .img-wrapper img {

    float: right;

}

.awards h2{

  font-size: 35px;

  color:#fff;

  text-align: center;

  margin-bottom: 35px;

  margin-top: 60px;

  position: relative;

}

.awards .owl-nav {

  position: absolute;

  top: 16%;

  width: 100%;

  margin: 0 auto;

  display: block;

}

.awards .owl-nav .owl-prev {

  position: absolute;

  left: -70px;

}

.awards .owl-nav .owl-next {

  position: absolute;

  right:-45px;

}

.awards .owl-theme .owl-nav [class*=owl-]{

  background-color: transparent;

  font-size: 35px;

}

.awards .owl-theme .owl-nav [class*=owl-]:hover {

  background:transparent;

  color: #FFF;

  text-decoration: none;

  background-color: transparent;

}

.awards .owl-carousel .owl-item .img-wrapper {

    width: 90%;

    text-align: center;

    height: 130px;

    border-radius: 20px;

    display: flex;

    align-items: center;

    justify-content: center;

    background: #fff;

    position: relative;

    margin: 0 10px 10px 0;

    transition: all 0.3s ease-in-out !important;

}

.product-detail .dropdown-item span{

  display: inline-block;

  font-size: 12px;

  border-radius: 50%;

  border: 1px solid green;

  padding: 4px;

  opacity: 0;

  transform: translateX(-15px);

  transition: all 0.3s ease-in-out;

}

.product-detail .dropdown-item.active span{

  opacity: 1;

  transform: translateX(7px);

}

.product-right .overview-product{

  display: flex;

}

.product-right .overview-product .left-overview{

  width: 70%;

}

/* .product-right .overview-product .left-overview p{

  font-size: 17px;

  margin-bottom: 30px;

  line-height: 1.2;

} */

.product-right .overview-product .left-overview h1{

  font-size: 35px;

  margin-bottom: 15px;

}

.product-right .overview-product .left-overview h2{

  font-size: 21px;

  margin-bottom: 15px;

}

.product-right .overview-product .left-overview li{

font-size: 17px;

    margin-bottom: 15px;

    display: flex;

    align-items: baseline;

    line-height: 1.2;

}

.breadcum.graybg {

  background: #f0f3fa;

}

/*career------------------------------------------------------------------------*/

.career {

  padding: 60px 0px 0px;



}

/*new*/

.product-detail .dropdown-item {

    display: block;

    width: auto;

}



.product-detail .dropdown-item.active, 

.product-detail .dropdown-item:active {

    color: #6faf3e;

  }



.product-detail .dropdown-item span{

  display: inline-block;

    font-size: 12px;

    border-radius: 50%;

    border: 1px solid green;

    padding: 4px;

}

.product-right .overview-product{

  display: flex;

}

.product-right .overview-product .left-overview{

  width: 100%;

}

.product-right .overview-product .left-overview p{

  font-size: 17px;

  margin-bottom: 30px;

  line-height: 1.2;

}

.product-right .overview-product .left-overview h1{

  font-size: 35px;

  margin-bottom: 15px;

}

.product-right .overview-product .left-overview h2{

  font-size: 21px;

   margin-bottom: 15px;

}

.product-right .overview-product .left-overview li{

   font-size: 17px;

  margin-bottom: 15px;

}



 /*career------------------------------------------------------------------------*/

 .career {

    padding: 60px 0px 0px;

    

  }

 .career .container{

  border-bottom: 1px solid #eaeaea;

  padding-bottom: 40px;

}

.career .img-wrapper:before {

  position: absolute;

  top: -10px;

  left: 0;

  right: 0;

  width: 85%;

  margin: 0 auto;

  background: #89c45a;

  border-radius: 30px;

  content: "";

  height: 15px;

  z-index: -1;

}

.career .img-wrapper{

  position: relative;

  float:right;

}

.career .career-sec {

  display: flex;

  align-items: center;

  justify-content: center;

}

.career .img-wrapper .img-inner:hover img {

  transform: scale(1.1);

}

.career .img-wrapper .img-inner img {

  transition: all 0.3s ease-in-out;

}

.career .img-inner {

  overflow: hidden;

  border-radius: 10px;

}

.open-position h2{

  text-align: center;

  margin-bottom: 30px;

}

.open-position{

  padding:40px 0px;

}

.open-position .box-wrapper {

  background-color: #f2f7fa;

  position: relative;

  padding: 15px 25px;

  border-radius: 10px;

  position: relative;

  margin-bottom: 40px;

  height: 125px;

}

.open-position .box-wrapper .apply-now {

  border: 1px solid #7dc049;

  color: #7dc049;

  width: 90px;

  height: 28px;

  background: #fff;

  position: absolute;

  bottom: -11px;

}

.open-position .box-wrapper .apply-now:hover{

  background-color:#7dc049;

  transition: all 0.3s ease-in-out;

  color: #fff;



}

.open-position .box-wrapper h3 {

  font-size:20px;

}

.open-position .box-wrapper h6{

  color:#7d7f81;

  font-size: 18px;

}

.career-form .form-div .form-group {

  width:100%;

  float: left;

}

.career-form .file-upload .file-select {

  display: block;

  border-radius: 50px;

  color: #34495e;

  cursor: pointer;

  height: 38px;

  text-align: left;

  background: #f5f6f8;

  overflow: hidden;

  position: relative;

  width: 100%;

}

.career-form .file-upload .file-select .file-select-button {

  background: #a8b6b7;

  padding: 0 15px;

  color: #e7eaeb;

  display: inline-block;

  height: 37px;

  line-height: 35px;

  border-radius: 50px;

  font-size: 14px;

}



.career-form .file-upload .file-select .file-select-name {

  line-height: 40px;

  display: inline;

  padding: 0 0px;

  font-size: 13px;

  color: #000;

}

.career-form .file-upload .file-select input[type=file] {

  z-index: 100;

  cursor: pointer;

  position: absolute;

  height: 100%;

  width: 100%;

  top: 0;

  left: 0;

  opacity: 0;

  filter: alpha(opacity=0);

}



.modal-content.career-form {

  position: relative;

  padding: 20px 0px;

  border-radius: 0px;

}

.career-form .file-upload .file-select.file-select-disabled {

  opacity: 0.65;

}

.modal-content.career-form h4{

  margin-bottom: 20px;

  text-align: center;

}

.modal-content.career-form .close {

  position: absolute;

  right: 0px;

  padding-right: 20px;

  top: 10px;

}

/*manu*/



.manu .img-wrapper:before {

  position: absolute;

  top: -10px;

  left: 0;

  right: 0;

  width: 85%;

  margin: 0 auto;

  background: #89c45a;

  border-radius: 30px;

  content: "";

  height: 15px;

  z-index: -1;

}

.manu {

  padding: 50px 130px 0px 130px;

}

.manu .img-wrapper , .infra .img-wrapper {

  position: relative;

  width: 100%;

}

.manu .img-inner ,.infra .img-inner {

  overflow: hidden;

  border-radius: 10px;

}

.manu .img-wrapper .img-inner img , .infra .img-wrapper .img-inner img {

  transition: all 0.3s ease-in-out;



}

.manu .img-wrapper .img-inner:hover img , .infra .img-wrapper .img-inner:hover img{

  transform: scale(1.1);

}

.manu .text-wrapper{

  margin-top: 20px;

}

.manu .container{

  border-bottom: 1px solid #eaeaea;

  padding-bottom: 40px;

}



.infra .img-wrapper:before {

  position: absolute;

  bottom:-10px;

  left: 0;

  right: 0;

  width: 85%;

  margin: 0 auto;

  background: #89c45a;

  border-radius: 30px;

  content: "";

  height: 15px;

  z-index: -1;

}

.infra {

  padding: 40px 130px 50px 130px;

}

.infra h2{

  margin-bottom: 35px;

  text-align: center;

}

.enquiry-form .form-div .help-block {

  position: absolute;

  font-size: 13px;

  color: rgba(255, 0, 0, 0.7);

}

.enquiry-form  .form-div .form-group {

  width: 100%;

  float: left;

}

.enquiry-form .common-btn{

  display: block;

  margin-top: 0px;

  margin:0 auto;

}

.modal-dialog.enquiry-form .modal-header .close {

  padding: 0;

  margin: 0;

  position: absolute;

  right: -20px;

  top: -35px;

  color: #fff;

  opacity: 1;

  font-size: 35px;

}

.modal-dialog.enquiry-form .modal-header {

  background:#334ba2;

  color: #fff;

  display: block;

  border: 0px;

  border-radius: 0px;

}

/*end p*/



.product-detail .nav-item a {

  background-color: #fff;

  display: flex;

  align-items: center;

  justify-content: space-between;

  width: 100%;

  position: relative;

  font-size: 16px;

  padding: 10px 10px;

  border-bottom:1px solid #d4d4d4;

  transition: all 0.3s ease-in-out;

}

.product-detail .nav-item:last-child  a{

  border-bottom: none;

}

.product-right .overview-product .left-overview li span{

  display: inline-block;

    font-size: 10px;

    margin-right: 10px;            

}

.product-right .overview-product .left-overview ul{

  margin-bottom: 26px;

}

.product-right .left-overview .brochure-btn{

 border: 1px solid #e2e5ef;

    width: 317px;

    height: 60px;

    border-radius: 40px;

    position: relative;

    display: flex;

    align-items: center;

}

.product-right .left-overview .brochure-btn span:nth-child(2){

  color: #374da1;

  font-size: 18px;

  text-transform: capitalize;

  line-height: 1;

  width: 47%;

  position: absolute;

  left: 80px;

}

.product-right .left-overview .brochure-btn span:nth-child(3){

  color: #374da1;

    font-size: 30px;

    position: absolute;

    right: 25px;

}

.product-right .left-overview .brochure-btn img{

  display: block;

  position: absolute;

  left: 0;display: block;

    position: absolute;

    left: -17px;

    top: -7px;

}

div.panel {

    display: none;

}



.panel.show {

    display: block !important;

}



.product-detail {

    padding: 60px 0;

}

.product-right .left-overview .common-btn{

  background: #75b052;

  margin: 50px 0 0 0;

    position: relative;

    padding: 15px 10px;

    border-bottom:1px solid #d4d4d4;

}

.product-right .card{

border:none;

}

/*new*/



.team-members h2 {

    font-size: 35px;

    color: #334896;

    text-align: center;

    margin-bottom: 30px;

}

/*new*/



.vision-mission .parallax-container {

    position: relative;

    overflow: hidden;

   height: 500px;

    

}

.vision-mission {

    position: relative;

}

.vision-mission .parallax {

    position: absolute;

    left: 0;

    right: 0;

    height:500px;

}

.vision-mission .container{

  margin-top: 45px;

}

.vision-mission .parallax .parallax-img {

    position: absolute;

    left: 50%;

    bottom: 0px;

    top: 50px;

    width: 100%;

    min-height: 100%;

    transform: translate3d(0,0,0);

    transform: translateX(-50%);

}

 .vision-mission .main-wrapper {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 20px;

}

.vision-mission .tabs-slide {

    /*width: 85%;*/

    /*background: #fff;

    border-radius: 50%;

    padding: 70px 20px;

    position: relative;

    height: 290px;*/

    background: url(../images/round-patch.png);

    background-repeat: no-repeat;

    background-position: center;

    height: 309px;

    width: 304px;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: center;

}



/*.vision-mission .img-wrapper:before {

   content: "";

    height: 302px;

    width: 91%;

    position: absolute;

    top: -6px;

    left: -8px;

    float: right;

    border-radius: 50%;

    background-image: linear-gradient(to right, #7dc14a 50% , transparent 50%);

}*/

.vision-mission .nav-tabs {

    border-bottom: 0px;

    justify-content: center;

}



.vision-mission .nav-tabs li a{

  font-size:20px;

  color:#c4c9e7;

  display: block;

  text-align: center;

  text-decoration: none;

  transition: all 0.3s ease-in-out;

}

.vision-mission .nav-tabs li{

  margin:20px;

}

.vision-mission .nav-tabs li a span{

  font-size: 70px;

}

.vision-mission .nav-tabs li a.active{

  color: #2c42a4;

  transition: all 0.3s ease-in-out;

}

.vision-mission .nav-tabs li a.active span{

  font-size: 90px;

}

    .tabs-nav {

    position: absolute;

    background: #7dc049;

    right: 40px;

    bottom: 20px;

    font-size: 22px;

    border-radius: 50%;

    color: #fff;

    justify-content: center;

    display: flex;

    text-align: center;

    align-items: center;

    width: 50px;

    height: 50px;



}

/*.vision-mission .tabs-nav:before {

position: absolute;

content: "";

left: 0;

height: 30px;

width: 30px;

background: #7dc14a;

border-radius: 50%;

  }*/

.tabs-nav span{

  display: inline-block;

  cursor: pointer;

}

.vision-mission p{

  color:#fff;

  font-size: 25px;



}

.vision-mission h3{

  color:#fff;

  font-size: 30px;



}

.row.tabs-vision {

    display: flex;

    justify-content: center;

    align-items: center;

    padding-top: 85px;

}

.team-members .team h3 {

    color: #374a9d;

    margin-top: 20px;

    margin-bottom: 0px;

    font-size: 20px;

}

.team-members .team p {

    margin-bottom: 5px;

}

.team-members .team img {

    display: block;

    margin: 0 auto;

}

#board-directors {

    background-image: linear-gradient( #fff 70% , #f2f2fa);

    padding: 60px 0px 0px;

}

.team-members{

   background-image: linear-gradient( #fff 70% , #f2f2fa);

    padding: 60px 0px;

}

section.product-main.fixed {

    background: #f0f3fa;

    position: fixed;

    top: 0;

    width: 100%;

    z-index: 999;

    box-shadow: 0px 2px 10px #00000059;

}

.product-detail .sticky.fixed{

  position: sticky;

  top: 15px;

}

.product-listingtab.fixed {

   position: fixed;

    width: 100%;

    top: 0;

    z-index: 99;

    margin: 0 auto;

    display: block;

    left: 0;

    right: 0;

}



.product-listingtab.fixed .nav-tabs .nav-item:nth-child(1) img {

    top: -2px;
    width: 77px;

}

.product-listingtab.fixed .nav-tabs .nav-item:nth-child(2) img {

    top: -4px;
    width: 63px;
}

.product-listingtab.fixed .nav-tabs .nav-item:nth-child(3) img {

    top: -3px;

    width: 74px;

    left: -17px;

}

.product-listingtab.fixed .nav-tabs .nav-item:nth-child(4) img {

   top: -3px;

    width: 74px;

    left: -41px;

}

 .vision-mission .img-fluid.left-img {

    position: absolute;

    top: -20%;

    z-index: 9;

}



.vision-mission .img-fluid.right-img {

    position: absolute;

    bottom: -17%;

    z-index: 9;

    right: 0%;

    /* overflow: hidden; */

}

.social-icons .fab:nth-child(1) {

    border-right: 1px solid #495b98;

    padding-right: 10px;

}

.social-icons a{

  color: #fff;

}

.social-icons .fab {

    margin-left: 10px;

}

/*error div*/

.error-page{

  padding: 70px 0;

}

.error-page .common-btn{

    background: #7dc049 !important;

    line-height: 1;

    display: inline-block !important;

    border: none;

    color: #fff;

    font-size: 15px;

    margin: 0 auto;

} 

.error-page h1 {

  font-size: 40px;

  margin: 0 0 15px;

}

.error-page h2 {

  font-size: 30px;

  margin: 0 0 5px;

} 

.error-page p{

  color: rgb(119, 119, 122);

  font-size: 18px;

} 

.team-contents {

  display: flex;

  align-items: center;

  justify-content: center;

  padding: 48px 0px;

}

.team-contents .content {

  width: 75%;

  padding-left: 20px;

}

.single-member h2, .content h2 {

  font-size: 20px;

}

.single-member h5, .content h5 {

  color: #888888;

  font-size: 15px;

}

.team-contents p {

  margin-bottom: 5px;

}

/* .team-contents .img-wrapp{

  width: 25%;

} */

.team-modal .modal-lg, .modal-xl {

  max-width: 990px;

  height: auto;

}

.team-modal .close {

  position: absolute;

  right: 10px;

  top: 10px;

  z-index: 2;

}

.team-wrapp {

  padding: 40px 0px 0px 0px;

}

.team-wrapp .row {

  display: flex;

  align-items: center;

  justify-content: center;

}

.team-member {

  cursor: pointer;

}

.team-member img {

  margin-bottom: 20px;

}

.team-content {

  text-align: center;

  margin-bottom: 40px;

}

.team-member h2 {

  font-size: 25px;

}

.team-member h5 {

  color: #888888;

  font-size: 18px;

}

.social a {

  color: #fff;

  background: #4376b1;

  padding: 5px 10px;

  border-radius: 50%;

  height: 40px;

}

.rndgallery .img-wrapper .inner-img {

    overflow: hidden;

    border-radius: 10px;

    cursor: pointer;

    float: left;

    margin-bottom: 30px;

}

.rndgallery .img-wrapper .inner-img img {

    transition: all 0.3s ease-in-out;

}

.rndgallery .img-wrapper .inner-img img {

    transition: all 0.3s ease-in-out;

}

.rndgallery .img-wrapper .inner-img {

    overflow: hidden;

    border-radius: 10px;

    cursor: pointer;

    float: left;

    margin-bottom: 30px;

}

.rndgallery .img-wrapper .inner-img:hover img {

    transform: scale(1.1);

}

.rndgallery .img-wrapper:hover .text-wrapper{

  background-color: #86c059e0;

}



.left-overview .text-wrapp ul li{

  position: relative;

  padding-left: 8px;

}

.left-overview .text-wrapp ul{

  padding-left: 10px;

}

.left-overview .text-wrapp ul li::before {

  position: absolute;

  content: "";

  background-color: #364aa0;

  height: 9px;

  width: 9px;

  border-radius: 50%;

  left: -10px;

  top: 5px;

}

.left-overview .text-wrapp .pack-warpper{

  display: flex;

  align-items: center;

  justify-content: end;

}

.left-overview .text-wrapp .pack-warpper .pack-single p {

  color: #364aa0;

  text-align: center;

  margin-top: 7px;

  font-size: 16px;

}

.left-overview .text-wrapp .pack-warpper .pack-single {

  /* background-color: #364aa0; */

  padding: 10px;

  border-radius: 50%;

  border: 3px solid #364aa0;

  height: 60px;

  width: 60px;

  font-size: 13px;

}

.product-right .table-success, .table-success>td, .table-success>th {

  background-color: #7dc049;

  color: #fff;

}

.home-slider.owl-carousel .owl-nav .owl-prev {

  position: absolute;

  left: 30px;

  bottom: 50%;

  background:transparent;

}

.home-slider.owl-carousel .owl-nav .owl-prev:hover {

  background:transparent;

}

.home-slider.owl-carousel .owl-nav .owl-next {

  position: absolute;

  right: 30px;

  bottom: 50%;

  background:transparent;

}

.home-slider.owl-carousel .owl-nav .owl-next:hover {

  background:transparent;

}

/*.performance-level {

    display: flex;

    /* align-items: center; */



.performance-level span {

    display: contents;

}

.product-right .tab-pane h5 span {

    font-size: 17px;

}

.product-right li {

    list-style-type: disc;

    margin-left: 20px;

}



.product-right .tab-pane h4 {

    color: #3748a4;

    font-size: 30px;

    position: relative;

    margin-bottom: 20px;

}



.product-right .tab-pane h5 {

    color: #7dc049;

    font-size: 22px;

    line-height: 30px;

}

.product-right .tab-pane span {

    color: #000;

}

.product-right .tab-pane p {

    font-size: 18px;

}

/*.product-detail .nav-item .main-menu-product {

    margin: 5px 0px;

    background-color: #eff1f9;

    color: #374aa0;

    border-radius: 11px;

}

.product-detail .nav-item .main-menu-product:hover {

    margin: 5px 0px;

    background-color: #eff1f9;

    color: #374aa0;

    border-radius: 11px;

}

.product-detail .nav-item .main-menu-product br{

  display: block !important;

}*/



.product-detail  .content {

    width: 70%;

}

.product-detail .card-body {

    display: flex;

}

div.panel {

    display: none;

    transition: all 0.3s ease-in-out;

}

.product-right .tab-pane h4:before {

    content: "";

    position: absolute;

    width: 15%;

    bottom: -7px;

    height: 3px;

    background: #7dc049;

}



.social-link:hover {

    color: #0d6efd;

}

.team-members .team{

  position: relative;

}

.team-members .team .social {

  position: absolute;

  top: 108px;

  left: 43%;

}

.team-main{

  display: flex;

  justify-content: center;

}

.map-div iframe{

  width: 100% !important;

}

a.social-link:hover {

  color: #fff;

  }

section.product-main .list-group{

  justify-content: center;

}



.product-left.industrial {

    height: 500px;

    overflow-y: scroll;

    overflow-x: hidden;

}

/* width */

.product-left.industrial::-webkit-scrollbar {

  width: 7px;

  border-radius:20px;

  margin-right:20px;

}



/* Track */

.product-left.industrial::-webkit-scrollbar-track {

  background: #f1f1f1; 

  border-radius:20px;

}

 

/* Handle */

.product-left.industrial::-webkit-scrollbar-thumb {

  background: #888; 

  border-radius:20px;

}



/* Handle on hover */

.product-left.industrial::-webkit-scrollbar-thumb:hover {

  background: #555; 

  border-radius:20px;

}

.owl-carousel.owl-theme.product-slider {
    display: flex;
    align-items: center;
    justify-content: center;
}