.hexLink:hover p:after {
  display:block;
  content: '';
  border-bottom: solid 2px #c24f27;  
  transform: scaleX(0);  
  transition: transform 250ms ease-in-out;
}
.hexLink:hover> p:after { transform: scaleX(.3);padding-top:8px }
.hexLink:hover> p.fromRight:after{ transform-origin:100% 50%; }
.hexLink:hover> p.fromLeft:after{  transform-origin:  0% 50%; }


  @media only screen and (min-width: 1400px) {
 .hexGridLeadership .hex{height: 300px; !important}
    
    
}


  @media only screen and (max-width: 1023px) {
 .hex{height:190px !important}
    .hexLink{height:185px !important}
    
    .hex a>h1 {
    bottom: 50%;
    padding-top: 65% !important;
    }
}



  @media only screen and (max-width: 1024px) {
  .modal-content {
 width:90% !important; 
  }
    .modal-c {
 width:90% !important; 
  }
     .hexLink{height:230px !important}
}
@media only screen and (max-width: 767px) {
 .hexGridLeadership .hex{width:100% !important;height:350px !important}
  .hexLink{height:370px !important}
  .imagehexa{height:inherit !important}
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}



/* Modal Content */
.modal-content {
  position: relative;
  background-color: #fefefe;
  margin: auto;
  padding: 0;
  border: 1px solid #888;
  width: 40%;
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
  -webkit-animation-name: animatetop;
  -webkit-animation-duration: 0.4s;
  animation-name: animatetop;
  animation-duration: 0.4s;
  margin-top:70px;
}

/* Add Animation */
@-webkit-keyframes animatetop {
  from {top:-300px; opacity:0} 
  to {top:0; opacity:1}
}

@keyframes animatetop {
  from {top:-300px; opacity:0}
  to {top:0; opacity:1}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -55px;
    border: 2px solid white;
    border-radius: 50%;
    height: 40px;
    width: 40px;
    background: #666666;
      position: absolute;
  right:0%;
}

.close:hover,
.close:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.modal-header {
  padding: 2px 16px;
 
  color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
  padding: 2px 16px;
  background-color: #5cb85c;
  color: white;
}






      .after_modal_appended
{  
  position:relative;
}

.red
{
  background-color:red;
}

.blue
{
  background-color:#ffffff;
}

.block 
{
  width:100%;
  
}
.imagehexaback1 {
    max-width: 100%;
    background: #ffffff;
    height: auto;
    width: 30%;
  
    
}

.modal, .modal-backdrop {
  background:#666666;
  padding-top: 60px;
}


 
  </style>
<style>
.hex a h1, .hex a p {
    width: 102%;
    left: -1%;
    padding: 1.5%;
    box-sizing: border-box;
    background-color: #333333;
    font-weight: 300;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
    transition: transform .2s ease-out, opacity .3s ease-out;
}

.hex a > h1, .hex a > p {
    width: 102%;
    left: -1%;
    padding: 1.5%;
    box-sizing: border-box;
    background-color: #333333;
    font-weight: 300;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .3s ease-out;
    transition: transform .2s ease-out, opacity .3s ease-out;
}
.hex a > h1 {
    bottom: 50%;
    padding-top: 50%;
    font-size: 1.5em;
    z-index: 1;
    -webkit-transform: translateY(-100%) translatez(-1px);
    -ms-transform: translateY(-100%) translatez(-1px);
    transform: translateY(-100%) translatez(-1px);
  margin-bottom:0px;
  color:#ffffff;
  font-weight:600;
}
.hex a p {
    top: 50%;
    padding-bottom: 52%;
    -webkit-transform: translateY(100%) translatez(-1px);
    -ms-transform: translateY(100%) translatez(-1px);
    transform: translateY(100%) translatez(-1px);
  color:#ffffff;
}
.hexIn:hover a h1, .hexIn:focus h1, .hexIn:hover a p, .hexIn:focus a p {
    -webkit-transform: translateY(0%) translatez(-1px);
    -ms-transform: translateY(0%) translatez(-1px);
    transform: translateY(0%) translatez(-1px);
   margin-bottom:0px;
cursor:pointer;
}
.hexIn:hover h1, .hexIn:focus h1, .hexIn:hover p, .hexIn:focus p {
    -webkit-transform: translateY(0%) translatez(-1px);
    -ms-transform: translateY(0%) translatez(-1px);
    transform: translateY(0%) translatez(-1px);
   margin-bottom:0px;

cursor:pointer;
  }

.imagehexa {
    left: -100%;
    right: -100%;
    width: auto;
    height: 100%;
    margin: 0 auto;
    -webkit-transform: rotate3d(0,0,0, 0deg);
  }
#hexGrid {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin: 2% auto;
  overflow: hidden;
  font-size: 15px;
  list-style-type: none;
  justify-content: center;
  padding:0px;
}
.hs-content-id-6366530088 #hexGrid {
  //flex-wrap: wrap-reverse;
}

.hex {
  position: relative;
  visibility: hidden;
 
  /* fix for jagged edges in FF on hover transition */
}

.hex::after {
  content: '';
  display: block;
  padding-bottom: 0%;
  /* =  100 / tan(60) * 1.5 */
}

.hexIn {
 
  width: 100%;
  padding-bottom: 88%;
  /* =  width / sin(60) */
  margin: 0 0%;
  overflow: hidden;
  visibility: hidden;
  
 
}

.hexIn * {
  position: absolute;
  visibility: visible;
  /* fix for jagged edges in FF on hover transition */
}

.hexLink {
  display: block;
  width: 100%;
  height: 300px;
  text-align: center;
  color: #fff;
  overflow: hidden;
  

}


/*** HEXAGON SIZING AND EVEN ROW INDENTATION *****************************************************************/
@media (min-width:1px) {
  
  #hexGrid {
    padding-bottom: .1%
  }
}
  .hex {
    width: 33.33%;
  
}
  .modaltext{
line-height: 20px;
    font-size: 13px;}
  
  .sss svg{width:20px;fill: #4cbfdb;}
  
  .modaltext{padding: 0px 10px 15px 10px;}
  
  


.leaderTitleBottomBdrWrap{
    text-align:center;

}



.leaderTitleBottomBdr{
    display:inline-block;
    background:#c24f27;
    height:2px;
    line-height:2px;
    overflow-y:hidden;
    width:50%;
    margin:10px auto 0 auto;
    

}
     

@media only screen and (max-width: 511px) {
  .hs-content-id-6366530088 #hexGrid {
    flex-wrap: wrap;
}
/* Manually ordered 9/27/23 */ 
/* DavidArthur 
#hexGrid > li:nth-child(10){
	order: 1;
	display: inline-flex;
}

/* Robert F. Praino, Jr. 
#hexGrid > li:nth-child(12){
	order: 2;
	display: inline-flex;	
}

/* Ricardo Prada Silvy  
#hexGrid > li:nth-child(14){
	order: 0;
	display: inline-flex;
}
/* D rainy 
#hexGrid > li:nth-child(16) {
    order: 0;
    display: inline-flex;
}
/* Ina-Jiang
#hexGrid > li:nth-child(2){
	order: 5;
	display: inline-flex;	
}

/* DanSkiba 
#hexGrid > li:nth-child(4){
	order: 6;
	display: inline-flex;
}

/* HariHarikumar 
#hexGrid > li:nth-child(6){
	order: 7;
	display: inline-flex;	
}

/*  Dr. Alan Medville 
#hexGrid > li:nth-child(8){
	order: 1;
	display: inline-flex;	
}

}