.content { padding:0; }
.member {
  min-height:240px;
  position:relative;
  display:flex;
  padding:30px 0;
}
.member > .line {
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:1px;
  background-color:rgba(29,184,202,0.5);
  -webkit-transition:right 1s ease-out 0.5s;
  transition:right 1s ease-out 0.5s;
}
.member-container { width:calc(100% - 200px); }
.member-image {
  display:block;
  width:140px;
  height:150px;
  margin-right:30px;
  margin-left:30px;
  position:relative;
  overflow:hidden;
}
.member-image:after {
  content:'';
  display:block;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:10;
  background-color:#ffffff;
  -webkit-transition:left 0.5s ease-out;
  transition:left 0.5s ease-out;
}
.member-image .placeholder-image, .member-image .placeholder-canvas { display:none; }
.member-image.extra-responsive-image-loaded:after { left:100%; }
.member-title {
  font-weight:600;
  font-size:30px;
  line-height:35px;
  margin:1px 0 15px;
  padding-right:60px;
}
.member-description {
  font-weight:600;
  margin-bottom:25px;
}
.member-toggle {
  background:transparent;
  display:block;
  height:60px;
  width:60px;
  position:absolute;
  top:0;
  right:0;
}
.member-toggle .text {
  display:block;
  text-indent:100%;
  overflow:hidden;
  white-space:nowrap;
  width:100%;
  height:100%;
}
.member-toggle .icon {
  display:block;
  width:12px;
  height:12px;
  position:absolute;
  left:15px;
  bottom:15px;
}
.member-toggle .icon:before, .member-toggle .icon:after {
  content:'';
  display:block;
  width:100%;
  height:2px;
  background-color:#1db8ca;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-1px;
  margin-left:-6px;
  -webkit-transition:background-color 0.2s ease-out, -webkit-transform 0.5s ease-out;
  transition:background-color 0.2s ease-out, transform 0.5s ease-out;
}
.member-toggle .icon:after {
  transform-origin:50% 50%;
  -webkit-transform:rotate(90deg);
  transform:rotate(90deg);
}
.member-link { color:#0e233b; }
.member-hover .member-link { color:#1db8ca; }
.member-content.content {
  display:block;
  overflow:hidden;
  padding:0;
}
.js .member-content { height:0; }
.js .member-opened .member-content { height:auto; }
.member-opened .member-toggle .icon:before { transform:rotate(180deg); }
.member-opened .member-toggle .icon:after { transform:rotate(360deg); }
@media only screen and (max-width: 690px) {
  .member {
    display:block;
    max-width:430px;
    margin:0 auto;
  }
  .member-image {
    display:block;
    width:100%;
    height:300px;
    max-width:280px;
    margin:0 auto 30px;
  }
  .member-image img {
    width:100%;
    max-width:none;
  }
  .member-container { width:100%; }
  .member-hover .member-link { color:#0e233b; }
  .js .member-content { height:auto; }
  .member-toggle { display:none; }
}