.leadership {margin: auto;}
.leadership .boxesptt_article {;margin: auto;}
.leadership .boxesptt_article .portrait{
  display: inline-block;
  width: 100%;  
  height: 300px;
  position:relative;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  cursor:pointer;
  margin: auto;
  display: block;
}
.leadership .boxesptt_article .portrait:hover {webkit-filter: grayscale(0);	filter: grayscale(0);}
.leadership .boxesptt_article .portrait .read_bio{ 
  transition:all 0.4s; 
  opacity:0;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  position:absolute;
  bottom:0;
  width:100%;
  padding:0.5vh 1vw;
}

.leadership .boxesptt_article .portrait:hover .read_bio{ opacity:1;}
.has-lightblueBg .read_bio .has-arrowLayout:hover{color:inherit;}
.leadership .boxesptt_article .portrait .img{
  width: 100%;
  height:300px;
  padding-bottom: 2vh;
  padding-top: 2vh;
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  border-radius: 6px;
}
.leadership .boxesptt_article .title{margin-bottom: 30px;}
.leadership .boxesptt_article .box_table{text-align:center;display: flex;    flex-wrap: wrap;}
.leadership .boxesptt_article .box_table h3.titre_table {line-height:1.5em;font-weight:700;padding-left:1vw;margin:2vh 0 1vh; position: relative;padding-bottom: 0;font-size:20px;}
.leadership .boxesptt_article .box_table .left{
  margin-bottom: 54px;
  position:relative; 
  text-align:left;
  color: #373737;
  padding: 0 6px;
}
.leadership .boxesptt_article .box_table .left.third {
  flex: 0 0 33%;
}
.leadership .boxesptt_article .box_table .left.half {
  flex: 0 0 50%;
}
.leadership .boxesptt_article .box_table .left.half .left__card {
  max-width:318px;
  margin:0 auto;
}
.leadership .boxesptt_article .box_table h3.titre_table,.leadership .boxesptt_article .box_table .poste,.leadership .boxesptt_article .box_table .para{max-width:300px;}

.has-defaultBg .leadership .boxesptt_article .title, .has-defaultBg .para,.has-defaultBg .titre_table, {color:#01124b;}
.has-defaultBg .poste, .has-lightblueBg .poste {color:#646568;}
.full-description-container {flex-grow:1; overflow-y: auto; line-height: 166%; }
.has-lightblueBg .leadership .boxesptt_article .title, .has-lightblueBg .para, .has-lightblueBg .titre_table{color:#01124b;}
.has-royalblueBg  .leadership .boxesptt_article .title, .has-royalblueBg .para, .has-royalblueBg .titre_table, .has-royalblueBg .poste {color:#fff;}
.has-deepblueBg .leadership .boxesptt_article .title, .has-deepblueBg .para,.has-deepblueBg .titre_table,.has-deepblueBg .poste { color:#fff;}

.leadership .boxesptt_article .box_table .para{ margin: 0; padding-left: 1vw; font-style:italic; font-size:16px; position: relative;line-height: inherit;letter-spacing: 0.5px;}
.leadership .boxesptt_article .box_table .poste{margin-bottom:2vh;font-weight:300; padding-left: 1vw; position: relative;line-height:inherit;letter-spacing: 0.5px;}

.leadership .boxesptt_article .box_table .overlay.color{display:none;}
.leadership .boxesptt_article .box_table .overlay{    
  background-color: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.45;
  border-radius:6px;
}

.popup_content {
  margin: 10px;
  padding: 0 10px;
  max-width: 60%;
  border: 2px solid #444;
  background: white;
}
.mbr {
  position:relative;
  width: 80%;
  height: 80%;
  border: 0;
  border-radius: 6px;
  padding:0;0
  transition:all 0.4s;
  transform: scale(0.8);
  background:#fff;
  margin-top:30px;
  transition:all .3s ease-out;
}
.mbr .mbr_inner {
  width: 100%;
  height: 100%;
  display: flex;
}
.mbr .mbr_inner .inner_portrait {
  width: 40%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.mbr .mbr_inner .inner_info{display: flex; flex-direction:column; padding: 50px;width:60%;    color: #01124B;font-size:18px;} 
.mbr .mbr_inner .inner_info .poste{font-weight:700;margin-bottom:2vh;}
.mbr .mbr_inner .inner_info .nav{display:flex;position: absolute;bottom: 10px;}
.mbr .mbr_inner .inner_info .open_next:after{ 
  content: "";
  display: inline-flex;
  width: .875rem;
  height: .875rem;
  margin-left: 1.25rem;
  background: url(https://info.dawex.com/hubfs/Assets%20sept2020/arrow-right-o-dark_blue.svg) no-repeat center;
  transform: rotate(180deg);
  padding-bottom: 3px;
  cursor:pointer;
}
.mbr .mbr_inner .inner_info .open_prev:after{ 
  content: "";
  display: inline-flex;
  width: .875rem;
  height: .875rem;
  margin-left: 1.25rem;
  background: url(https://info.dawex.com/hubfs/Assets%20sept2020/arrow-right-o-dark_blue.svg) no-repeat center;
  padding-bottom: 3px;
  cursor:pointer;
}
.mbr .mbr_inner .inner_info .popup_title{display:flex;}
.mbr .mbr_inner .inner_info .popup_title h3{margin-right:1vw;margin-bottom:2vh;}
.mbr .mbr_inner .inner_info .popup_title a {margin:auto 0;}
.mbr .mbr_inner .inner_info .popup_title a img{width:25px;    margin-left: 0.2vw;    display: block;margin-bottom:2vh;}
.mbr .mbr_inner .inner_info .popup_title a + a {margin-left: 0.625rem;}
.mbr  .popup_close{
  position: absolute;
  top: 1vh;
  right: 1vw;
  background: none;
  border: none;
  color: #3763FB;
  cursor:pointer;
}
.mbr .popup_close{outline:none;font-size:30px;}
.mbr .mbr_inner .inner_info .rsBlock-wrapper {display:flex;flex-direction:row;}

@media screen and (max-width: 991px) {
  .leadership .boxesptt_article .box_table .poste{ font-size: 17px; }
  .leadership .boxesptt_article .portrait .read_bio .has-arrowLayout{ font-size: 16px; }
  .leadership .boxesptt_article .box_table .para{ font-size: 15px; }
}

@media screen and (max-width: 1400px){
  .popup_content{max-width:100%;}
  .mbr{width:90%;}
}
@media screen and (max-width: 1023px){
  .mbr .mbr_inner .inner_portrait{display:none;}
  .mbr .mbr_inner .inner_info {padding: 4vh 6vw;width:100%;}
  .mbr .mbr_inner .inner_info .popup_title{display:flex;flex-direction:column;margin-bottom: 1rem;}
  .mbr .mbr_inner .inner_info .popup_title a{margin-right: 5vw;display: initial;}
  .mbr .mbr_inner .inner_info .popup_title img {width: 9vw;margin-left: 0;}
  .mbr .mbr_inner .inner_info .full-description-container {height: 65%;}
  .popup_content{max-width:inherit;}
  .leadership .boxesptt_article .portrait .read_bio{opacity:1;padding: 1vh 5vw;text-align: center;}
  .leadership .boxesptt_article .portrait {-webkit-filter:inherit;filter:inherit;}
  .leadership{margin-bottom:0 !important}
  .leadership .boxesptt_article .box_img{width:15vw !important;}
  .leadership .boxesptt_article .box_table {display:block;}
  .leadership .boxesptt_article .box_table .titre_table{font-size:initial;}
  .leadership .boxesptt_article .box_table .left, .leadership .boxesptt_article .box_table .center, .leadership .boxesptt_article .box_table .right {width: 100%; margin: 0 0 10vh;}
}

.left__card .read_bio {
  background:var(--color-global-2-hex);
  color:#fff;
}

.pop-open {
  z-index:-10;
  visibility:0;
  opacity:0;
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
}
.pop-open.opened {
  z-index:10;
  visibility:1;
  opacity:1;
}
.pop-open__overlay {
  opacity:0;
  position:absolute; 
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, .4);
  transition:opacity .6s ease-out;
}

.pop-open.opened .pop-open__overlay {
  opacity:1;
  transition:opacity .2s ease-out;
}

.pop-open__inner {
  position:relative;
  z-index:15;
  height:100%;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.pop-open__close {
  position:absolute; 
  z-index:20;
  top:20px;
  right:20px;
  cursor:pointer;
}

.pop-open__close svg {
  height:30px;
  width:30px;
  fill:#3763fb;
}

.pop-open.opened .mbr {
  margin-top:0px;
}