section
{
	position:relative;
}
a
{
	text-decoration:none;
	color : #0066A1;
}
a:hover
{
	color : #FDB813;
}
.pagetitile h1
{
	color: #fff;
    margin-bottom: 30px;
    font-size: 60px;
    line-height: 64px;
    letter-spacing: 1px;
}
h1
{
	color: #000;position:relative;
	font-size:46px;line-height:48px;
	font-weight:700;
}
h2
{
   
   font-size: 30px !important;  
   font-weight:700;line-height:40px;
   margin-bottom:30px;color: #062539;
}
h2 span
{
	display: block;
}
/*h2 span, h3 span
{	
	font-size:20px;line-height:24px;
	display:block; font-style:italic;color: #FDB813;
	font-weight: 400;
    margin-top: 2px;    
}
*/h3,  .info-box p
{   
   font-size: 22px !important;   
   font-weight:600;line-height:30px;
   margin-bottom:18px;
}

.accordion-body h3
{
	text-align:center;color:#282828;
	margin-top:40px;color: #0066a4;
}
.accordion-body h4
{
	color:#282828;font-weight:600;
	margin-bottom: 8px;
}
.accordion-body h6
{
	   font-weight:600;font-size:15px;
}
#homepage-sustainability h3
{
	color:#0066A1;margin-bottom: 12px;
	font-weight:700;
}
h4
{  
   font-size:18px;line-height:26px;
   color:#0d2a3c;font-weight:700;margin-bottom:15px;
}
h4 span
{
	display:block;
}
h5 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0px;
}
h5 span
{
	display:block;
}
h6 {
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    letter-spacing: 0px;
    color: #282828;
}
.sub-heading
{
	font-weight: 600;
}
.intro-text, #bodinfopage-wrapper .bodinfo-box .bodinfo-heading p, .homepage-intro
{
	font-size: 17px;
    line-height: 25px;
    text-align: justify;
	font-weight:500;	
}
.bigtext
 {
	font-size: 20px;
	line-height: 28px;
	font-weight: 500;
	color: #0066A1;		  
}
 .slider-caption p {
    margin: 06px 0px 40px 0px;
    font-size: 17px;
    line-height: 25px;  
    color: #323232;
    font-weight: 500;
}
 .view-button
{
	color: #000000;
	line-height:20px; 	
	font-weight:400;
	border-bottom:2px solid #FDB813;
	padding:12px 0px;    display: inline-block;
	margin: 0px 12px;position: relative;
	transition: all 0.3s ease-in-out;	
}
.view-button:after
{
	content: '';
    position: absolute;
	border-bottom: 2px solid #FDB813;
	top: 0;
	right: 0;
	left: 100%;
	transition: all 0.3s ease-in-out;
}
.view-button:hover:after
{
    left: 0;
}
#suppliers-guidelines p, #suppliers-guidelines ul li
{
	text-align: justify;
}


ul.sub-menu-container.mega-menu-dropdown .mega-menu-dropdown {
    overflow-y: auto; max-height:420px; 
}
li.menu-item div.megamenu-arrow:after
{
	font-weight: bold;
    vertical-align: middle;
    content: "\f078" !important;
    margin-left: 5px;
    margin-top: 0px;
    font-family: "Font Awesome 6 Free";
    border: none;
    line-height: 19px;
    transition: transform 0.5s ease-in-out;
	display:inline-block;
}
li.menu-item:hover div.megamenu-arrow:after {
    transform: rotate(180deg);
}
.hr-container
{
	border: 0;
	height: 1px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.45), rgba(0, 0, 0, 0));
	margin: 80px 0px;
}

.mtb80
{
	margin:80px 0px;
}
.mt80
{
	margin-top:80px;
}
.mb80
{
	margin-bottom:80px;
}
.mt40
{
	margin-top:40px;
}
.mt60
{
	margin-top:60px;
}
.mb60
{
	margin-bottom:60px;
}
ul.list-icon
 {
	margin: 0;
    padding: 0;
	list-style: none outside;
 }
ul.list-icon li
 {
	 padding-bottom: 20px;
	 align-items: flex-start;
	 justify-content: flex-start;
	 display: flex;
     position: relative;
     padding: 7px 0;
 } 
ul.list-icon .icon
 {  
    width: 31px;
    height: 31px;
    background-color: #fdb81308;
    border-radius: 50% 50% 50% 50%;
	display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    line-height: 0;
    margin-right: 10px;
    position: relative;	
	border: 1px solid #FDB813; 
 }
ul.list-icon .icon i
 {
	  font-size:14px;color:#FDB813;
 }
 

/**********************Menu******************/
.mega-menu-content.mega-menu-style-2
{
	box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px !important;
	width: 100% !important;
}
/********************END*********************/

 /**************Page Title Section**************/
#pagetitle-wrapper
{
	padding: 100px 0px;	
	background-color: #0066a142;	
}
#pagetitle-wrapper h1
{
   font-weight: 700;   
   margin-bottom: 0px;   
   color:#0066A1;	
}
#pagetitle-wrapper h1 span
{
	font-size: 24px;
	line-height: 26px;
	display: block;
	font-weight: 500;
	padding-top: 6px;		  
	font-style:italic;
	
}
ul.breadcrumbs {
    display: block;    
    margin: 0px;  
	color: #0066a1;
}
ul.breadcrumbs li, ul.breadcrumbs li a {
   
	display: inline-block;
	list-style:none;
	vertical-align:top; 
	color: inherit;
}
ul.breadcrumbs span {    
	padding:0px 5px;
}
/********************END*********************/
	 
/************Overview Box Style*************/
.businesses-box
{
  text-align:center;position:relative;line-height:0
}
.businesses-box img {
    border-radius: 10px;
}
.businesses-box:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, #0a66ff 0%, #0066a100 80%, #02020200 100%);
  background: linear-gradient(0deg, #0a66ff00 0%, #0066a1 0%, #02020200 65%);
  border-radius: 10px;
}
.businesses-box a
{
  display:block;color:#fff;
}
.businesses-box a:after
{
  content:"";display:block;position:absolute;left:0;bottom:0;
  z-index:1;width:100%;height:100%;filter:alpha(opacity=0);
  opacity:1;background:rgba(0,0,0,.35);
  border-radius: 10px;
}
.businesses-box:hover a:after
{
  filter:alpha(opacity=100);opacity:100
}
.businesses-box .desc
{
  position:absolute;left:0;bottom:0;z-index:2;width:100%;    padding: 30px 24px 50px;
  -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box
}
.businesses-box .desc h4
{
  margin:0;position:relative;bottom:0;
  color:#fff;margin-bottom: 25px;    font-weight: 600;
}
.businesses-box:hover .desc h4
{
  bottom:26px
}
.businesses-box .desc .subtitle
{
      display: inline-block;
    position: relative;
    bottom: 0;
    line-height: normal;
    letter-spacing: 1px;
    padding: 10px 25px;
    font-size: 14px;
    line-height: 18px;
    border-radius: 50px;
    background-color: #FDB813;
    color: #000;font-weight:500;
    text-align: center;
}
.businesses-box:hover .desc .subtitle
{
  bottom:30px
}
.businesses-box .desc .line
{
  height:1px;width:0%;margin:0 auto;background:#fff;overflow:hidden;display:block
}
.businesses-box:hover .desc .line
{
  width:42%
}
.businesses-box a:after,  .businesses-box .desc .subtitle, 
.businesses-box .desc .line,  .businesses-box .desc h4
{
  -webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out
}
.businessesbox-text-wrapper
{
	height:100%;background-color: #f3f6f9;
	box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.5);
}
.businessesbox-text
{
	padding: 24px 30px;
    text-align: center;    
    font-size: 18px;
    line-height: 24px;
	color:#000;
}
/**************BOD**********************/

	  .bodimg-box
	  {
		background:url(../images/aboutus/leaders/bod-bg.jpg) no-repeat center;
		background-size:cover;		
		position: relative;
        overflow: hidden;
		border-radius:4px 4px 0px 0px;
		padding: 30px 50px 0px 50px;
	}
	.bod-info
	{
		text-align:center;padding:25px 20px 60px 20px;	
		border-radius: 0px 0px 4px 4px;	
	}
	.bod-info .more-button
	{
		position: absolute;
        bottom: 25px;
		left: 0;
        right: 0;
	}
	/*.bod-info:after
	{
		display: inline-block;
		content: "";
		width: 15%;
		height: 2px;
		border: 0;
		background-color: rgba(0,0,0,.1);
		position: static;
		top: 0;
		margin: 0;
		background-color: #FDB813;
		webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}*/
	.bod-box {
     height: 100%;     
	    box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;
    }
	.bod-box h4
	{
		margin-bottom:2px;
	}
		.bodimg-box img.img-fluid
	{
		transform: scale(1);
		transition: all .3s ease-in-out;
		border-radius:10px 10px 0px 0px;
	}
	.bod-box:hover .bodimg-box img.img-fluid
	{
		    transform: scale(1.03);
	}		

	  #bodinfopage-wrapper .bodinfo-box
	  {
		  background-color:#fff;
		 /* height:100vh;*/		  
		  align-items: center;	
		  
	  }
	 #bodinfopage-wrapper .bodinfo-box .bodinfo-heading h2
	 {
		margin-bottom: 5px;
	 }
	#bodinfopage-wrapper .bodinfo-box .bodinfo-heading ul
	 {
		margin-bottom: 50px;
	 }
	#bodinfopage-wrapper .bodinfo-box .bodinfo-heading h5	 {
		
		font-style: italic;		
		font-weight:500;margin-bottom:30px;
	 }
	#bodinfopage-wrapper .bodinfo-box .bodinfo-heading p
	{
		
		    margin-top: 100px;
    margin-bottom: 60px;	
	}		
	#bodinfopage-wrapper .bodinfo-heading
	 {					
		padding: 70px 25px 50px 25px;
		width: 90%;margin: 0 auto;
	}
	#bodinfopage-wrapper .bodinfo-heading a.one-page-arrow
	{
		
		font-size: 35px;
		text-align: center;
		display: block;	
	}
	#bodinfopage-wrapper .bodinfoimg-box
	  {
		/*background: url(../images/team/bod-bg.jpg) no-repeat center;
		background-size: cover;*/
		position: relative;
		margin: 0 auto;	
		overflow: hidden;		
		height: 100%;
	  }
	
	
	
	.caption-container
	   {
		   position:relative;margin-bottom:50px;
	   }
	   .caption-container h1
	   {
		   color:#fff;
		   z-index:99;margin:0px;
	   }
	   .caption-container h1 span
	   {
		   display:block;
	   }
	   .caption-overlay {
		   position:absolute;		   
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			display: flex;
			align-items: center;
			justify-content: center;
			text-align: center;
			background: rgba(0, 29, 35, .8);
			z-index: 1;
			color:#fff;
		}
		.caption-bg
		{
			background-image: url(../images/team/management-team.jpg);
			background-position: center;
			background-size: cover;text-align:center;
			background-attachment:fixed;	
			padding:180px 0px;
		}
	 
/********************END*********************/

/*****************Blue Hover Box**************/
.homepage-intro
{
  position:relative;padding:80px 0px; 
  color:#fff;text-align:center; font-weight:400;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;background-color: #074c74;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.homepage-intro p
{
	margin-bottom:20px;text-align:center;
}
.homepage-intro:hover
{
	    background-color:#0066A1;
}
.homepage-intro a
{
	color:#fff;
}
.homepage-intro h2, .homepage-intro p
{
	color:#fff !important;
}
#homepage-sustainability
 {
	 position:relative;background-color:#f8f8f8;padding:80px 0px;
 }
 #homepage-sustainability p
 {
	 margin-bottom:20px;
 }


/********************END*********************/

#quicklinks-wrapper
{
	background:url(../images/search-bg.jpg) no-repeat center;
	padding:80px 0px;color:#fff;background-size:cover;
	background-attachment: fixed;
}
#quicklinks-wrapper h2
{
	 color:#fff;margin-bottom: 60px;
}
#quicklinks-wrapper a
{
  color: #fff;
}

.sticky-header-shrink .homepage-stockframe
{
	display:none;
}
.homepage-stockframe
{	
	display: block;
    text-align: right;
	padding-top: 12px;
	transition: height 0.4s ease, padding 0.4s ease, margin 0.4s ease, opacity 0.3s ease;
}
.homepage-stockframe .stockprice
{
	display: inline-block;
}
.stockprice h1 {
    margin: 0px 10px 0px 0px;
    text-align: left;
    font-size: 36px;
    line-height: 36px;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
}
.stockprice h3
{
	color: #355F8E;
	font-size:30px;
	line-height:36px;
	font-weight:400;
	margin-bottom:22px;
}
.homepage-stockframe .stockprice h6
{
	 font-size: 16px;line-height: 20px;
	color: #0066A1;
	text-align: left;margin: 0px;font-weight:400 !important;
}
.stockprice sub {
    font-size:18px;line-height:18px;
    bottom: 0px;
    padding-right: 5px;font-weight: 400 !important;
}
.stockprice div {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
	
}
.stockprice .priceDown:after, .stockprice .priceUp:after {
    
    font-family: "Font Awesome 6 Free";		
    font-style: normal;
    margin-left: 10px;    
    font-size: 20px;line-height:20px;
    vertical-align: middle;
	outline: none;
    border: 0;
}
.stockprice .priceUp:after {
        content: "\f062";  color: #3EAE3C;      
}
.stockprice .priceDown:after {
    content: "\f063";
	color: red;
}
/****************Track Records***************/
.tr-container
{
   background:url(../images/track-records/pipe-coating.jpg) no-repeat center left;
   background-size:cover !important;padding:100px 0px;
}
.tr-text p
{
   margin-bottom:05px;
   
}
.tr-text h3
{  
   margin:0px 0px 40px 0px;color:#000;
}
.product-container
 {
	 box-shadow: -1px 1px 10px #00000029;
	 text-align:center;position:relative;padding-bottom:70px;
	 height:100%;transition: transform 250ms;
	 border-radius: 8px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
   background-color:#fff;
	box-shadow: rgba(17, 17, 26, 0.1) 0px 8px 24px, rgba(17, 17, 26, 0.1) 0px 16px 56px, rgba(17, 17, 26, 0.1) 0px 24px 80px;
 }
 .product-container img {
    border-radius: 8px 8px 0px 0px;
 }
 .product-container:hover
 {
	transform: translateY(-8px);  
 }
 .product-buttons {
    position: absolute;
    border: 0;
    left: 0;
    right: 0;
    bottom: 30px;
 }
 .product-info
 {
	 padding: 24px 12px 12px 12px;transition:1s ease all;		   
 }
 .product-info h4 
 {    
	min-height: 48px;	  
}
#portfolio .product-info h4
{
	min-height: 80px;
	margin-bottom: 6px;  
}
  .product-info p
  {
	 margin: 16px 0px 10px 0px;   
  }
  
  #trpage-wrapper .col-sm-4
  {
	 /* margin-bottom:24px;*/
  }

/***********Leader Ship css**************/

	

#km-wrapper
	{
		margin-top: 80px;
		padding: 80px 0px;background-color: #f8f8f8;
	}
	.km-tagline
	{
		position:relative;
		display:block;
		overflow:hidden;
		 height:100%;border-radius: 15px;
		 
	}
	.km-tagline:before {
    content: "";
    /* background: linear-gradient(135deg, #4526b1 0%, #5435be 45%, #7153d9 66%); */
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;   
    transition: 0.5s;
    opacity: 0.88;
    z-index: 99;
    border-radius: 10px;
    background-color: #0066A1!important;
  }
  .km-tagline:hover:before
  {
	 opacity: 0.92; transition: ease-in-out 0.5s;
  }
  .km-tagline:before img, .km-tagline img
  {
	  border-radius:10px;
  }
  .km-tagline img
  {
	  border-radius:10px;transition: ease-in-out 0.5s;
	  transform: scale(1);height:100%;
  }
  .km-tagline:hover img
  {
	 transform: scale(1.12);
     transition: 0.5s;     
  }
  .km-tagline h2, .km-tagline h1
  {
    /*top: 50%;
    right: 50%;
    transform: translate(50%,-50%);*/
	bottom:10%;
    opacity: 1;
    transition: 0.6s;   
    position: absolute;
    color: #fff;
    padding: 0px 30px;
    z-index: 9999;
    text-align: center;
    margin: 0px;    
    width: 100%;
  }
  .km-tagline h1
  {
	  top:7%;
  }
.km-tagline h2
{
   font-size: 40px;line-height: 50px;
}
  .km-tagline .hr_color
  {
    bottom: 6%;
    opacity: 1;
    transition: 0.6s;
    position: absolute;
	z-index: 9999;
	display: block;
    left: 42%;
	width: 16%;
  }
  .km-tagline:hover .hr_color
  {
	left: 37%;
	width: 26%;  
  }

.about-accordion {
  margin-top: 30px;
}
/* Accordion Two */
.accordion-two {
  margin-left: 60px;
  margin-top: 0;
}
@media only screen and (min-width: 1200px) and (max-width: 1549px) {
  .accordion-two {
    margin-left: 60px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .accordion-two {
    margin-left: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px), only screen and (max-width: 767px) {
  .accordion-two {
    margin-left: 20px;
    margin-top: 40px;
  }
}
@media only screen and (max-width: 575px) {
  .accordion-two {
    margin-left: 15px;
  }
}
.accordion-two .accordion-item {
  position: relative;
  border-radius: 10px;
  padding: 0 40px;
  margin-bottom: 15px;
  box-shadow: 3px 4px 36px 0px rgba(2, 24, 93, 0.06);
  background-color: transparent;
}
@media only screen and (max-width: 575px) {
  .accordion-two .accordion-item {
    padding: 0 30px;
  }
}
.accordion-two .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-two .accordion-button {
    padding: 14px 0px 12px 0px;
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    background-color: transparent;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
  .accordion-two .accordion-button {
    font-size: 18px;
  }
}
.accordion-two .accordion-button::before {
  display: none;
}
.accordion-two .accordion-button::after {
  display: none;
}
.accordion-two .accordion-button:not(.collapsed) .plus-minus {
  border-color: #4526b1;
  background: #0066A1;
  /*background: linear-gradient(135deg, #4526b1 0%, #5435be 45%, #7153d9 66%);*/
  border: 0px;
  border-radius: 100%;
  height: 28px;
  width: 28px;
  position: absolute;
}
@media only screen and (max-width: 575px) {
  .accordion-two .accordion-button:not(.collapsed) .plus-minus {
    height: 26px;
    width: 26px;
  }
}
.accordion-two .accordion-button:not(.collapsed) .plus-minus::after {
  background-image: none;
  background-color: #ffffff;
  transform: translateY(-50%) translateX(-50%);
}
.accordion-two .accordion-button:not(.collapsed) .plus-minus::before {
  background-color: #ffffff;
}
.accordion-two .accordion-button .plus-minus {
  border-color: #4526b1;
  background: #FDB813;
   border: 0px;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  position: absolute;
  left: -50px;
}
@media only screen and (max-width: 575px) {
  .accordion-two .accordion-button .plus-minus {
    height: 30px;
    width: 30px;
    left: -45px;
  }
}
.accordion-two .accordion-button .plus-minus::after {
  background-image: none;
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 2px;
  content: "";
  transition: all 0.4s ease 0s;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
  background-color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .accordion-two .accordion-button .plus-minus::after {
    width: 10px;
    height: 2px;
  }
}
.accordion-two .accordion-button .plus-minus::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 12px;
  height: 2px;
  content: "";
  transition: all 0.4s ease 0s;
  transform: translateY(-50%) translateX(-50%);
  background-color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .accordion-two .accordion-button .plus-minus::before {
    width: 10px;
    height: 2px;
  }
}
.accordion-two .faq-accordion-collapse .accordion-body {
  padding: 20px 0 30px 0;
  border-top: 1px solid #d8dde2;
}
@media only screen and (min-width: 992px) and (max-width: 1199px), only screen and (max-width: 575px) {
  .accordion-two .faq-accordion-collapse .accordion-body {
    padding: 20px 0 30px 0;
    font-size: 16px;
  }
}

.faq-accordion-button {
  font-size: 24px; 
  color: #333;
  font-weight: 500;
  padding: 0px 30px 0 50px;
}
@media only screen and (max-width: 767px) {
  .faq-accordion-button {
    padding: 0px 0px 0 20px;
    font-size: 20px;
  }
}
.faq-accordion-button:not(.collapsed) {
  color: #000;  
  box-shadow: none;
}
.faq-accordion-button:not(.collapsed)::after {
  background-image: none;
  transform: translateY(-50%) translateX(-50%);
}
.faq-accordion-button::after {
  background-image: none;
  position: absolute;
  top: 50%;
  left: 1%;
  display: block;
  width: 20px;
  height: 4px;
  content: "";
  transition: all 0.4s ease 0s;
  transform: translateY(-50%) translateX(-50%) rotate(90deg);
  background-color: currentColor;
}
@media only screen and (max-width: 767px) {
  .faq-accordion-button::after {
    width: 10px;
    height: 2px;
  }
}
.faq-accordion-button::before {
  position: absolute;
  top: 50%;
  left: 1%;
  display: block;
  width: 20px;
  height: 4px;
  content: "";
  transition: all 0.4s ease 0s;
  transform: translateY(-50%) translateX(-50%);
  background-color: currentColor;
}
@media only screen and (max-width: 767px) {
  .faq-accordion-button::before {
    width: 10px;
    height: 2px;
  }
}
.faq-accordion-button:focus {
  box-shadow: none;
}
.faq-accordion-item {
  border: 0px;
  margin-bottom: 30px;
}
.faq-accordion-collapse .accordion-body {
  padding: 20px 20px 10px 50px;
  font-size: 18px;
  color: #54545f;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .faq-accordion-collapse .accordion-body {
    padding: 20px 0px 10px 20px;
    font-size: 16px;
  }
}
.faq .accordion-item:last-child {
  margin-bottom: 0px;
}


/***********End Leader Ship css**************/

/***********Contact Us****************/
.contactinfo-box
 {
	 position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
   border-radius: 4px 0px 0px 4px;
    background: url(../images/search-bg.jpg) no-repeat center;
    background-size: cover;
    color: #fff;
    min-height: 600px;
    padding: 50px 30px;
    text-align: center;
	transition: ease-in-out 0.5s;
    transform: scale(1);
 }
 /*.contactinfo-box:hover {
    transform: scale(1.12);
    transition: 0.5s;
  }*/
 .contactinfo-box:before
 {
	 content: "";
    /* background: linear-gradient(135deg, #4526b1 0%, #5435be 45%, #7153d9 66%); */
    width: 100%;
    height: 100%;
    top: 0%;
    left: 0%;
    position: absolute;
    transition: 0.5s;
    opacity: 0.78;
    z-index: 99;
   border-radius: 4px 0px 0px 4px;
    background-color: #39ac37 !important;
 }
 .contactinfo-box h2
 {
	 color:#fff;
 }
 .contactinfo-box p
 {
	 margin:0px;font-size:20px;line-height:26px;text-align:center;
 }
 .zindex-text
 {
	 position:relative;z-index:9999;
 }
 .contactinfo-box .hr_color {   
    transition: 0.6s;
    z-index: 9999;
    display: block;
    width: 16%;
    margin: 0 auto;
    position: relative;
    opacity: 1;
    margin-top: 30px;
	background-color:#fff;
 }
 .contactinfo-box:hover .hr_color {    
    width: 26%;
  }
 #contactus-wrapper form
  {
	background-color: #f8f8f8;
    border: 1px solid #eaeaea;
    height: 100%;
  }
#globaloffices-wrapper
 {
	background-color: rgb(253, 184, 19, 0.05);
	 padding:80px 0px;background-color: rgb(62, 174, 60, 0.04);
 }
 #globalmap-wrapper
 {
	 background-color:#f2f2f2;
	 padding:80px 0px;
 }
 .globalinfo-box
 {
	 background-color:#00659E;padding:48px 15px;
	  color:#fff;text-align:center;border-right:1px solid #f5f6f9
 }
  .globalinfo-box h1
  {
	  font-weight:bold;font-size:80px;line-height:80px;
	  margin-bottom:0px;color:#fff;
  }
  .globalinfo-box h2
  {
	 line-height:45px;	 
	  font-weight:300;margin:0px;color: #fff;
  }
#locations-wrapper
		{
			
			padding: 80px 0px;background-color: #f8f8f8;		
		}
		#essd-wrapper
		{
			background-color: #d3d3d3;
			padding: 80px 0px;    background-color: #fff;
		}
		#agro-wrapper
		{
			background-color: #ebebeb;padding: 80px 0px;
			background-color: #f8f8f8;
		}
		.ul-list
		{
			margin: 0px;
    		padding: 0px;
			list-style: none;
    
		}
		.ul-list li {		
			margin-bottom: 14px;
			position: relative;
			padding-left: 35px;	
			min-height:26px;	
			
		}
		.ul-list li::before {
			content: '\f00c';
			height: 10px;
			width: 10px;			
			border-radius: 100%;
			left: 0;			
			position: absolute;
			font-family: "Font Awesome 6 Free";
			font-weight: 900;
			width: 21px;
			height: 21px;			
			line-height: 21px;			
			display: flex;
			justify-content: center;
			align-items: center;
			color: #fff;
			background-color: #84bd3a;
			font-size: 10px;
		}
		.ul-list li.icon-address:before
		{
			content: '\f3c5';
		}
		.ul-list li.icon-mobile:before
		{
			content: '\f3cd';
		}
		.ul-list li.icon-fax:before
		{
			content: '\f1ac';
		}
		.ul-list li.icon-email:before
		{
			content: '\f0e0';
		}
		.ul-list li.icon-link:before
		{
			content: '\f0c1';
		}
		.ul-list li.icon-user:before
		{
			content: '\f007';
		}
		
		.ul-list li a
		{
			color: inherit;text-decoration: none;
		}
		.section-one  h6
		{
			font-size: 16px;
			font-weight: 600;
			margin-top: 24px;
			margin-bottom: 15px;
		}
		.section-one ul li
		{
			text-align:left;
		}
		.section-one h5
		{
			font-size: 20px;
			font-weight: 600;
			margin-top: 0px;
			margin-bottom: 20px;
		}
		#agro-wrapper h3
		{			
           
		   margin:50px 0px 24px 0px;
		   text-align:center;
		}
	   .section-one {
			background-color: #fff;
			padding: 40px 30px;
			border-radius: 15px;
			height: 100%;    box-shadow: -1px 1px 10px #00000029;
		}
		


/**********Corporate Profile*****************/
/*.cp-img
	{
	background-image: url(../images/corporate-profile/sustainable-growth.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    height: 100%;background-size: cover;
	min-height:400px;border-radius:15px;
	}	
	.fullwidth-textbox {
    padding: 60px 10%;
    height: 100%;    
    position: relative;
	
  }
  .fullwidth-textbox p
  {
	  text-align:justify;
  }

	.textbox-inner
	{
	position: relative;
	top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
	}
	.fullwidth-textbox h1 {       
    padding-bottom: 18px;
    
  }
  .fullwidth-textbox p {   
    font-size: 18px;
    line-height: 28px;       
   }
   .fullwidth-textbox p:last-child
   {
	   margin-bottom:0px;
   }
	.fullwidth-textbox h1:after
	{
		position: absolute;
		content: '';
		width: 50px;
		left: 0%;
		
		bottom: 0;
		height: 2px;
		z-index: 2;
		background: #FDB813;		
	}
	.fullwidth-textbox:nth-child(n+2)
	{
		background-color:red !important
	}
	
	
	
	
     .textoverlay-wrapper article
	 {
		 padding:80px 0px;background-color: #fff;
	 }
	  .textoverlay-wrapper article:nth-child(2n+1)
	  {
		  background-color: #f8f8f8;
	  }	 
	 .textoverlay-wrapper article .container
	 {
		 width:82%;
	 }
	 .textoverlay-wrapper article .fullimg-wrapper
	 {
		 position:relative;
	 }
	 .textoverlay-wrapper article .fullimg-wrapper img
	 {
		 width:100%;margin:0 auto;
		 border-radius:5px;
	 }
	 .textoverlay-wrapper article .fulltext-wrapper
	 {
		width: 88%;
		margin: 0 auto;
		margin-top: -8%;
		position: relative;
		box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.5);
		border-radius: 12px; 
		background-color: #fff;
		padding:40px 50px;text-align:center;
		box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
		
	 }
	 .textoverlay-wrapper article .fullimg-wrapper .bg-overlay-bg
	 {
		background-color: rgba(0, 10, 0, 0.35);
	 }
	 
	 .textoverlay-wrapper article:nth-child(2n+1) .fulltext-wrapper
	  {
		  background-color: #fff;
	  }
	 
	 .textoverlay-wrapper article .fulltext-wrapper p
	 {
		font-size: 18px;
		line-height: 28px;		
		font-weight: 500;
		margin-bottom: 20px;		
		text-align:justify;
	 }
	 .textoverlay-wrapper article .fulltext-wrapper ul li
	 {
		  font-size:18px;
	 }
	 .textoverlay-wrapper article .fulltext-wrapper p:last-child
	 {
		 margin-bottom:0px;
	 }
  */
#overviewtext-wrapper
{
	position: relative;
}
#overviewtext-wrapper article
{
	width: 78%;
	margin: 0 auto;
	box-shadow: 0px 20px 40px -10px rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	background-color: #fff;   
	text-align: center;
	padding:40px;margin-bottom:80px;
}
.overview-fullimg
{
	margin-bottom:30px;
}
.overview-fullimg img
{
	
}
#overviewtext-wrapper article h3
{
	text-align:center;margin-bottom:22px;
}
/**********END Corporate Profile*****************/

/***********VM*******************/

#vmbox-wrapper .vmbox
{
	padding: 20px;
	text-align: center;
	box-sizing: border-box;
	height: 100%;		
}
#vmbox-wrapper .vmbox p
{
	text-align:center !important;margin-bottom:0px;
}	
#vmbox-wrapper .vmbox .vm-img
{
	position:relative;overflow:inherit;
	margin-bottom:25px;
}
#vmbox-wrapper .vmbox .vm-img img
{
	border-radius:10px;
}

#vmbox-wrapper .vmbox .vm-img:after
{
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	box-shadow: -20px -20px 0 #FDB813;
	opacity: .6;
	border-radius: 10px;
}
.m-box .vm-img
{
	margin-top:25px;margin-bottom:0px !important;
}
#vmbox-wrapper .vmbox.m-box .vm-img:after
{
	box-shadow: 20px 20px 0 #FDB813;
}
#vmbox-wrapper .vmbox span	{
	
	
}

#corevalues-wrapper
{     
    margin-top: 80px;
    background-color: #f8f8f8;
    padding: 80px 0px 0px 0px;
}
.fa-quote-left
{
	position: relative;
    top: -12px;
    margin-right: 5px;color: #FDB813;
}
.fa-quote-right
{
	position: relative;
    bottom: -12px;
    margin-left: 5px;color: #FDB813;
}     
.iconbox-wrapper
  {
    padding:40px 20px;
    background-color: #FFFFFF;   
	text-align:center;overflow:hidden;
	transition: all 0.2s ease-in-out;
	height:100%;border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
    border: 1px solid #ebebeb;	  
  }
.iconbox-wrapper .icon-desc p
	  {
		text-align:center;
		margin:14px 0px 0px;
	  }
  .iconbox-wrapper:hover
  {
	  box-shadow: 0 5px 30px 0 rgba(0,0,0,0.05); 
  }
  .icon-img img
  {
	 max-width: 62px;
  }
  .icon-img {
	width: 120px !important;
	height: 120px;line-height:120px;
	background-color: #ebf3f7;
	border-radius: 50%;
	transition: all 0.2s ease-in-out;margin:0 auto;margin-bottom:25px !important;
	margin-bottom: 18px !important;
  }
  .iconbox-wrapper:hover .icon-img 
  {
	transform: scale(1.04);  
  }
  .quote-wrapper
  {
	  background-image: url(../images/sustainable-profit.jpg);
    background-position: center;
    background-size: cover;
	box-shadow: 0px 0px 34px 0px rgba(107,107,107,0.5);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 160px 0px;
	position:relative;margin-top:80px;
	  background-attachment: fixed;
  }
  .quote-overlay
  {
	  background-color: transparent;
    background-image: linear-gradient(90deg, #0066A1 40%, #0D4E8000 77%);
    opacity: 0.8;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
	  
  }
  .quote-wrapper h1
  {
	
    color: #fff;
    line-height: 60px;
    text-align: center;
    font-size: 48px;
    margin-bottom: 0px;text-transform: uppercase;
  }
/************END VM*********************/


/************Progress Bar*************/
/* ----------------------------------------------------------------
	Skills Bar
-----------------------------------------------------------------*/
.skill-progress {
 
 margin-top:24px;
}
.skill-progress-bar {
  position: relative; 
  background-color: #ececec;
  border-radius: 50px;
}
.skill-progress-percent {
  position: absolute;
  width: 0;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #FDB813;
  border-radius: 50px;
  transition-property: width, height;
  transition-duration: 2000ms;
  transition-timing-function: ease;
}
.skill-progress-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 0.5rem;font-weight:600;
}
.skill-progress-vertical .skill-progress-title {
  display: block;
}

.skill-progress h6
{
	 font-weight:600 !important;
}


/**********-Menu*************/
.stretched #wrapper {
  width: 100%;
  margin: 0;
  box-shadow: none;
}
#wrapper {
    position: relative;
    float: none;
    width: 100%;
    margin: 0 auto;
    background-color: var(--cnvs-body-bg);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}


// X-Small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// Small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// Medium devices (tablets, less than 992px)

// Large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// X-Large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }


// Small devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

// Medium devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

// Large devices (desktops, 992px and up)
@media (min-width: 992px) { 
.menu-link
{
	font-size:14px;
}
}

// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 1400px) { ... }


@media (max-width: 991.98px) 
{
 .homepage-stockframe
 {
	 display:none;
 }
 nav.bootsnav .megamenu-content .title
 {
	 display:block !important;
 }
 .menu-right
 {
	width:100%;
 }
}