.nav-pills .nav-link {
    width: 100%;
}

#pills-tab
{
	margin-left:0%;

}
#pills-tab1
{
	margin-left:13.5%;

}


.og-grid {
	list-style: none;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center;
	width: 100%;
}

.og-grid li {
	display: inline-block;
	vertical-align: top;	
	height: 250px;
}

.og-grid li > a,
.og-grid li > a img {
	border: none;
		outline: none;
	display: block;
	position: relative;
}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #fff;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
	background: #fff;
	top: auto;
	left: 0;
	width: 100%;
	margin-top: 10px;
	text-align: left;
	height: 0;
	overflow: hidden;
}

.og-expander-inner {
	padding: 50px 30px;
	height: 100%;
}

.og-close {
	position: absolute;
	width: 40px;
	height: 40px;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #888;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #333;
}

.og-fullimg,
.og-details {
	width: 50%;
	float: left;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 40px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #999;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}


.og-grid {
	    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 20px 0;
    text-align: left;
    width: 73%;
    min-width: 900px;}

.og-grid li {
	display: inline-block;
	//margin: 10px 5px 0 5px;
	vertical-align: top;
	height: 249px;}

.og-grid li > a,

.og-grid li > a img {
	border: none;
	outline: none;
	display: block;
	position: relative;
	
}

.og-grid li > a img {
       filter: brightness(.5);
      -webkit-filter:brightness(.95);
      width:100% !important

}

.og-grid li.og-expanded > a::after {
	top: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-bottom-color: #ccc;
	border-width: 15px;
	left: 50%;
	margin: -20px 0 0 -15px;
}

.og-expander {
	position: absolute;
    background: #efefef;
    top: auto;
    left: 49%;
    transform: translate(-50%, 0);
    width: 67%;
    min-width: 885px;
    margin-top: 0px;
    text-align: left;
    height: 0;
    overflow: hidden;

right: 0;margin: auto;}

.og-expander-inner {
	padding: 20px 20px;
	height: auto;
}

.og-close {
	position: absolute;
    width: 60px;
    height: 60px;
    top: 20px;
    right: 20px;
    cursor: pointer;
    background: #52a141;
    z-index: 11;	
}

.og-close::before,
.og-close::after {
	content: '';
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	
}

.og-close::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.og-close:hover::before,
.og-close:hover::after {
	background: #fff;
}

.og-fullimg,
.og-details {
	 
	float: left;
	height: auto;
	overflow: hidden;
	position: relative;
}
.og-fullimg { width:30%;}
.og-details {
	width: 70%; }

.og-details {
	padding: 0 40px 0 20px;
}

.og-fullimg {
	text-align: center;
}

.og-fullimg img {
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
}

.og-details h3 {
	font-weight: 300;
	font-size: 28px;
	padding: 40px 0 10px;
	margin-bottom: 10px;
	    text-align: left;
    color: #000;
}

.og-details p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #333;
}

.og-details a {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 10px 20px;
	border: 3px solid #333;
	display: inline-block;
	margin: 30px 0 0;
	outline: none;
}

.og-details a::before {
	content: '\2192';
	display: inline-block;
	margin-right: 10px;
}

.og-details a:hover {
	border-color: #999;
	color: #999;
}

.og-loading {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #ddd;
	box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -25px 0 0 -25px;
	-webkit-animation: loader 0.5s infinite ease-in-out both;
	-moz-animation: loader 0.5s infinite ease-in-out both;
	animation: loader 0.5s infinite ease-in-out both;
}
/***************************/
	.portfolio-img {
	position: relative;
	overflow: hidden;
    margin: 0px -2px;
}
.portfolio-img img {
	position: relative;
	width: 100%;

	display: block;
	-webkit-transition: -webkit-transform 0.4s;
  	   -moz-transition: -moz-transform 0.4s;
  	    -ms-transition: -moz-transform 0.4s;
  	   	 -o-transition: -moz-transform 0.4s;
  			transition:  transform 0.4s;
}
.img-caption {
	position: absolute;
  	padding-left: 30px;
  	bottom: 0;
  	/*padding-top: 17px;
  	padding-bottom: 35px;*/
	/*padding-top: 50%;
  	padding-bottom: 50%;*/
  	color: #ffffff;
  	text-align: left;
  	background: rgba(255, 255, 255, 0.6);
  	width: 100%;
	height:100%;
  	/*opacity: 1;*/
  	-webkit-transform: translateY(100%);
  	   -moz-transform: translateY(100%);
  		-ms-transform: translateY(100%);
  		 -o-transform: translateY(100%);
  			transform: translateY(100%);

  	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
  	   -moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
  	    -ms-transition: -ms-transform 0.4s, opacity 0.1s 0.3s;
  	     -o-transition: -o-transform 0.4s, opacity 0.1s 0.3s;
  			transition: transform 0.4s, opacity 0.1s 0.3s;
}
.caption-title a {
	color: #ffffff;
	font-size: 1.6em;
	text-decoration: none;
	margin-bottom: 3px;
  	display: block;
}
.img-caption p {
	    padding-top: 10px;
        padding-bottom: 10px;
        margin-top: 18%; text-align:center;
        text-transform: uppercase; color:#FFF;
	
}

.img-caption p:after {
	
	content: "";
    /* left: calc(50% - 12px); */
    width: 24px;
    position: absolute;
       z-index: 2;
    bottom: 30%;
    left: 0;
    top: 50%;
    border-bottom: 2px solid #FFF;
    right: 0;
    margin: 0 auto;

}

.portfolio-img:hover .img-caption  {

	background: rgb(0 0 0 / 60%);
  	-webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
  	  	-ms-transform: translateY(0px);
  		  	transform: translateY(0px);

  	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
  	   -moz-transition: -moz-transform 0.4s, opacity 0.1s;
  	    -ms-transition: -moz-transform 0.4s, opacity 0.1s;
  	     -o-transition: -moz-transform 0.4s, opacity 0.1s;
  	 	  	transition: transform 0.4s, opacity 0.1s;
}

/*.portfolio-img:hover .caption-title h3  {
  	rgba(255, 255, 255, 0.3);
}*/


.portfolio-img:hover img {

	filter: brightness(1.2);
      -webkit-filter: brightness(1.2);
      width:100%;
   /* filter: contrast(2);
      -webkit-filter: contrast(2);*/
}

/*.portfolio-img:hover img {

	filter: brightness(1);
      -webkit-filter: brightness(1);
   
}*/
/**************************************/

@-webkit-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@-moz-keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

@keyframes loader {
	0% { background: #ddd; }
	33% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd; }
	66% { background: #ccc; box-shadow: 0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc; }
}

 
/* 07051988  Leadership Team
*/

.acr { padding: 1rem 0;}
.acr .leader-product-area img{height: auto;}
.acr .accordion-body{background: #efefef;margin: 1rem 0;}
.acr .accordion {display: flex;flex-wrap: wrap;}
.acr .accordion-item{width: 23%;margin: 1%;height: 100%;border: 0;}
.acr .accordion-collapse {width: 858px;}
.acr .accordion-collapse.collapsing{transition:none;}
.text-data {width: 70%; padding: 2rem;}
.show-datas figure { width: 30%;}
.show-datas {display: flex; flex-wrap: wrap; position: relative;}
.acr .close {position: absolute;right: 0;cursor: pointer;background: #52a141;line-height: 0;width: 2.2rem;height: 2.2rem;display: flex;align-items: center;justify-content: center;}
.acr .close img{filter: brightness(100);}
.acr.mt .accordion .accordion-item:nth-child(4n) .accordion-collapse{margin-left: -41.1rem;}
.acr.mt .accordion .accordion-item:nth-child(4n+3) .accordion-collapse{margin-left: -27.4rem;}
.acr.mt .accordion .accordion-item:nth-child(4n+2) .accordion-collapse{margin-left: -13.7rem;}

.acr.bod .accordion .accordion-item:nth-child(3n) .accordion-collapse{margin-left: -36.5rem;}
.acr.bod .accordion .accordion-item:nth-child(3n+2) .accordion-collapse{margin-left: -18.2rem;}

.acr .accordion-button span {display: block; width: 100%; font-size: 14px; color: #000; font-weight: 600;}
.acr .accordion-button p{margin: 0!important;font-size: 14px;}
.acr .accordion-item .accordion-button{flex-wrap: wrap;border: solid 1px #ddd;align-items: center;padding: 14px 0;justify-content: center;text-align: center; line-height:22px;}
.acr .accordion-item .accordion-button:not(.collapsed){background-color: #efefef;box-shadow: none;border: 0;}
.acr .accordion-item .accordion-button::after{display: none;}
.acr .accordion-item .accordion-button.collapsed::before {transition: 0.2s;opacity: 0;bottom: 0;visibility: hidden;}
.acr .accordion-item .accordion-button::before {width: 0;  height: 0;  border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #efefef;
position: absolute;left: 0;bottom: -1rem;content: '';right: 0;opacity: 1;transition: 0.2s;visibility: visible;margin: auto;}
.text-data h4 { font-weight: 300; font-size: 28px; padding:0px 0 10px; margin-bottom: 10px; color: #000;}
.text-data p { font-weight: 400; font-size: 16px; line-height: 22px; color: #333;}
/* end */

.acr.bod .accordion-item {  width: 31.3%;}



@media screen and (max-width: 991px) {

	.og-expander h3 { font-size: 32px; }
	.og-expander p { font-size: 13px; }
	.og-expander a { font-size: 12px; }
	
		.og-expander {
    position: absolute;
    background: #efefef;
    top: auto;
    left: 0;
    transform: translate(0, 0);
    width: 100%;
    min-width: 100%;
    margin-top: 0px;
    text-align: left;
    height: 0;
    overflow: hidden;
    right: 0;
    margin: auto;
}
.og-close {
    width: 40px;
    height: 40px;}






/* 07051988 */
body .leader-tab .container { max-width: 720px;}
.acr .accordion-collapse { width: 658px;}
.show-datas figure { width: 100%; text-align: center;}
.text-data { width: 100%;text-align: center;padding: 2rem 0;}
.acr .accordion-item .accordion-button{padding: 10px;}

.acr.mt .accordion .accordion-item:nth-child(4n+2) .accordion-collapse { margin-left: -10.5rem;}
.acr.mt .accordion .accordion-item:nth-child(4n+3) .accordion-collapse { margin-left: -21rem;}
.acr.mt .accordion .accordion-item:nth-child(4n) .accordion-collapse { margin-left: -31.5rem;}

.acr.bod .accordion .accordion-item:nth-child(3n+2) .accordion-collapse { margin-left: -14.0rem;}
.acr.bod .accordion .accordion-item:nth-child(3n) .accordion-collapse { margin-left: -27.9rem;}

.acr .accordion-button span, .audit_page_box h3{font-size: 15px;}
.acr .accordion-button p, .audit_page_box p{font-size: 13px !important;margin: 0!important;}
}

/* 07051988 */
@media screen and (max-width: 767px) {
body .leader-tab .container { max-width: 540px;}
.acr .accordion-item{width: 48%;}
.acr .accordion-collapse {width: 483px;}
.acr.mt .accordion .accordion-item:nth-child(2n+2) .accordion-collapse { margin-left: -15.4rem;}
.acr.mt .accordion .accordion-item:nth-child(4n+3) .accordion-collapse { margin-left: 0;}

.acr.bod .accordion .accordion-item:nth-child(3n+2) .accordion-collapse { margin-left: -10.2rem;}
.acr.bod .accordion .accordion-item:nth-child(3n) .accordion-collapse { margin-left: -20.5rem;}

.acr .close{top: -16px;right: -19px;}

}



@media screen and (max-width: 650px) {
	
	.og-expander {
    position: absolute;
    background: #efefef;
    top: auto;
    left: 0;
    transform: translate(0, 0);
    width: 100%;
    min-width: 100%;
    margin-top: 0px;
    text-align: left;
    height: 0;
    overflow: hidden;
    right: 0;
    margin: auto;
}
.og-close {
    width: 40px;
    height: 40px;}

	.og-fullimg { display: none; }
	.og-details { float: none; width: 100%; }
	
}

/* 07051988 */

@media screen and (max-width: 575px) {
body .leader-tab .container { max-width: 100%;}
.acr .accordion-item, .acr.bod .accordion-item{ width: 100%; margin: 1% 0;}
.acr .accordion-collapse { width: 100%;}
.acr.mt .accordion .accordion-item:nth-child(2n+2) .accordion-collapse, .acr.mt .accordion .accordion-item:nth-child(4n+2) .accordion-collapse, .acr.mt .accordion .accordion-item:nth-child(4n+3) .accordion-collapse, .acr.mt .accordion .accordion-item:nth-child(4n) .accordion-collapse, 
.acr.bod .accordion .accordion-item:nth-child(3n+2) .accordion-collapse, .acr.bod .accordion .accordion-item:nth-child(3n) .accordion-collapse  { margin-left: 0;}


}