/*
    Member Box 
*/

.team-awesome-member-avatar-box {
    width:225px;
    height: 225px;
    position: relative;
    left: calc(50% - 115px);
    top: 0;
}

.team-awesome-member-box-stamp {
    background:#fff;
    width:100%;
    height: 100%;
    position: relative;
    border-radius: 0;
    z-index: 1;
    cursor: pointer;
}

.team-awesome-member-box-stamp-inner {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    border-radius: 0;
    background:#ccc;
    overflow: hidden;
    padding:20px;
    background-position: 50% 50%;
    border:6px solid #fff;
    background-size: cover;
}

/*
    Social Buttons
*/ 

.team-awesome-member-avatar-box .team-awesome-social-button {
    width:50px;
    height: 50px;
    position: absolute;
    top: calc(100% - 25px);
    left: calc(0% - 25px);
    opacity: 0;
    font-size: 16px;
    color:#fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.team-awesome-member-avatar-box .team-awesome-social-button-inner {
    border-radius: 0;
}


/* 
    animation & transition props
*/

.team-awesome-member-avatar-box .team-awesome-social-button { 
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0.1);
    
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0.1);
}

.team-awesome-member-avatar-box .team-awesome-member-box-stamp {
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.team-awesome-member-avatar-box.ta-hover .team-awesome-member-box-stamp {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    filter: grayscale(100%);
}




/* initial pos */

.team-awesome-member-avatar-box .team-awesome-social-button.a {
    -webkit-transform: translate(20px,30px); // scale(0.8);;
    transform: translate(20px,30px); // scale(0.8);;
}

.team-awesome-member-avatar-box .team-awesome-social-button.b {
    -webkit-transform: translate(20px, -60px); // scale(1.1);;
    transform: translate(20px, -60px); // scale(1.1);;
}

.team-awesome-member-avatar-box .team-awesome-social-button.c {
    -webkit-transform: translate(20px,-155px); // scale(1);
    transform: translate(20px, -155px); // scale(1);
}

.team-awesome-member-avatar-box .team-awesome-social-button.d {
    -webkit-transform: translate(65px,-205px); // scale(1);
    transform: translate(65px, -205px); // scale(1);
}

.team-awesome-member-avatar-box .team-awesome-social-button.e {
    -webkit-transform: translate(55px,-205px); // scale(1);
    transform: translate(155px, -205px); // scale(1);
}

.team-awesome-member-avatar-box .team-awesome-social-button.f {
    -webkit-transform: translate(205px,-205px); // scale(1);
    transform: translate(205px, -205px); // scale(1);
}

.team-awesome-member-avatar-box .team-awesome-social-button.g {
    -webkit-transform: translate(205px,-110px); // scale(1);
    transform: translate(205px, -110px); // scale(1);
}

.team-awesome-member-avatar-box .team-awesome-social-button.h {
    -webkit-transform: translate(205px,-20px); // scale(0.8);;
    transform: translate(205px,-20px); // scale(0.8);;
}



/* hover repos */

.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.a {
    opacity:1;
    -webkit-transform: translate(20px,-20px); // scale(0.8);;
    -webkit-transition-delay: .1s;
    
    transform: translate(20px,-20px); // scale(0.8);;
    transition-delay: .1s;
}

.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.b {
    opacity:1;
    -webkit-transform: translate(20px, -110px); // scale(1.1);;
    -webkit-transition-delay: .2s;
    
    transform: translate(20px, -110px); // scale(1.1);;
    transition-delay: .2s;
}

.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.c {
    opacity:1;
    -webkit-transform: translate(20px,-205px); // scale(1);
    -webkit-transition-delay: .3s;
    
    transform: translate(20px, -205px); // scale(1);
    transition-delay: .3s;
}

.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.d {
    opacity:1;
    -webkit-transform: translate(115px,-205px); // scale(1);
    -webkit-transition-delay: .4s;
    
    transform: translate(115px, -205px); // scale(1);
    transition-delay: .4s;
}

.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.e {
    opacity:1;
    -webkit-transform: translate(205px,-205px); // scale(1);
    -webkit-transition-delay: .5s;
    
    transform: translate(205px, -205px); // scale(1);
    transition-delay: .5s;
}


.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.f {
    opacity:1;
    -webkit-transform: translate(205px,-110px); // scale(1);
    -webkit-transition-delay: .6s;
    
    transform: translate(205px, -110px); // scale(1);
    transition-delay: .6s;
}


.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.g {
    opacity:1;
    -webkit-transform: translate(205px,-20px); // scale(0.8);;
    -webkit-transition-delay: .7s;
    
    transform: translate(205px,-20px); // scale(0.8);;
    transition-delay: .7s;
}


.team-awesome-member-avatar-box.ta-hover .team-awesome-social-button.h {
    opacity:1;
    -webkit-transform: translate(115px, -20px); // scale(1);
    -webkit-transition-delay: .8s;
    
    transform: translate(115px, -20px); // scale(1);
    transition-delay: .8s;
}





/* 
    stamp click .ta-open 
*/

.ta-open .team-awesome-member-avatar-box  .team-awesome-social-box {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity:0;
}

.team-awesome-member-avatar-box .team-awesome-social-box {
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.ta-open .team-awesome-member-box-stamp {
    -webkit-transform: scale(0) !important;
    -webkit-transition-delay: .25s;
    transform: scale(0) !important;
    transition-delay: .25s;
    opacity: 0;
}



















/* 
    Member Circle 
*/

.team-awesome-member-circle-stamp-inner-video-border {
    width: 225px;
    height: 225px;
    position: absolute;
    top:0;
    left:0;
    background: #fff;
    border-radius: 100%;
}

.team-awesome-member-avatar-circle {
    width:225px;
    height: 225px;
    position: relative;
    left: calc(50% - 115px);
    top: 0;
}

.team-awesome-member-circle-stamp {
    background:#fff;
    width:100%;
    height: 100%;
    position: relative;
    border-radius: 100%;
    z-index: 1;
    cursor: pointer;
}

.team-awesome-member-circle-stamp-inner {
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height: 100%;
    border-radius: 100%;
    background:#ccc;
    overflow: hidden;
    padding:20px;
    background-position: 50% 50%;
    border:6px solid #fff;
    background-size: cover;
}

/*
    Social Buttons
*/ 

.team-awesome-member-avatar-circle .team-awesome-social-button {
    width:50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    opacity: 0;
    font-size: 16px;
    color:#fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.team-awesome-member-avatar-circle .team-awesome-social-button-inner {
    border-radius: 100%;
}


/* 
    animation & transition props
*/

.team-awesome-member-avatar-circle .team-awesome-social-button { 
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    -webkit-transform: scale(0.1);
    
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transform: scale(0.1);
}

.team-awesome-member-avatar-circle .team-awesome-member-circle-stamp {
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-member-circle-stamp {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    filter: grayscale(100%);
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.a {
    opacity:1;
    -webkit-transform: translate(-75px,-75px); // scale(0.8);;
    -webkit-transition-delay: .1s;
    
    transform: translate(-75px,-75px); // scale(0.8);;
    transition-delay: .1s;
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.b {
    opacity:1;
    -webkit-transform: translate(0, -100px); // scale(1.1);;
    -webkit-transition-delay: .4s;
    
    transform: translate(0, -100px); // scale(1.1);;
    transition-delay: .4s;
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.c {
    opacity:1;
    -webkit-transform: translate(75px,-75px); // scale(1);
    -webkit-transition-delay: .1s;
    
    transform: translate(75px,-75px); // scale(1);
    transition-delay: .1s;
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.d {
    opacity:1;
    -webkit-transform: translate(-75px,75px); // scale(1.1);
    -webkit-transition-delay: .2s;
    
    transform: translate(-75px,75px); // scale(1.1);
    transition-delay: .2s;
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.e {
    opacity:1;
    
    -webkit-transform: translate(-100px,0); // scale(0.85);
    -webkit-transition-delay: .3s;
    
    transform: translate(-100px,0); // scale(0.85);
    transition-delay: .3s;
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.f {
    opacity:1;
    
    -webkit-transform: translate(100px,0); // scale(0.85);
    -webkit-transition-delay: .35s;
    
    transform: translate(100px,0); // scale(0.85);
    transition-delay: .35s;
}


.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.g {
    opacity:1;
    
    -webkit-transform: translate(75px,75px); // scale(1.1);
    -webkit-transition-delay: .2s;
    
    transform: translate(75px,75px); // scale(1.1);
    transition-delay: .2s;
}

.team-awesome-member-avatar-circle.ta-hover .team-awesome-social-button.h {
    opacity:1;
    -webkit-transform: translate(0, 100px); // scale(1.1);;
    -webkit-transition-delay: .4s;
    
    transform: translate(0, 100px); // scale(1.1);;
    transition-delay: .4s;
}


/* 
    stamp click .ta-open 
*/

.ta-open .team-awesome-member-avatar-circle  .team-awesome-social-box {
    -webkit-transform: rotateZ(90deg) scale(0);
    transform: rotateZ(90deg) scale(0);
    opacity:0;
}

.team-awesome-member-avatar-circle .team-awesome-social-box {
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.ta-open .team-awesome-member-circle-stamp {
    -webkit-transform: scale(0) !important;
    -webkit-transition-delay: .25s;
    transform: scale(0) !important;
    transition-delay: .25s;
    opacity: 0;
}




























/* 
    Member Hex 
*/


.team-awesome-member-hex-stamp-inner-video {
    width:225px;
    height: 225px;
    position: absolute;
    top:0;
    left:0;
}

.team-awesome-member-hex-stamp-inner-video-border {
  position: absolute;
  width: 194px; 
  height: 112.01px;
  background-color: #fff;
  text-align: left;
  left:15px;
  top:56px;
}

.team-awesome-member-hex-stamp-inner-video-border:before,
.team-awesome-member-hex-stamp-inner-video-border:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 97px solid transparent;
  border-right: 97px solid transparent;
}

.team-awesome-member-hex-stamp-inner-video-border:before {
  bottom: 100%;
  border-bottom: 56.00px solid #fff;
}

.team-awesome-member-hex-stamp-inner-video-border:after {
  top: 100%;
  width: 0;
  border-top: 56.00px solid #fff;
}



.team-awesome-member-avatar-hex {
    width:225px;
    height: 225px;
    position: relative;
    left: calc(50% - 115px);
    top: 0;
}

.team-awesome-member-hex-stamp {
    width:100%;
    height: 100%;
    position: relative;
    border-radius: 0;
    z-index: 1;
    cursor: pointer;
}


/* hex */


.team-awesome-member-hex-stamp-inner {
  position: absolute;
  top:57px;
  left:16px;
  width: 193px; 
  height: 111.43px;
  margin: 55.71px 0;
  background-image: "";
  background-size: auto 209.0008px;
  background-position: center;
  border-left: solid 6px #ffffff;
  border-right: solid 6px #ffffff;
  text-align: left;
}

.ta-hexTop,
.ta-hexBottom {
  position: absolute;
  z-index: 1;
  width: 136.47px;
  height: 136.47px;
  overflow: hidden;
  -webkit-transform: scaleY(0.5774) rotate(-45deg);
  -ms-transform: scaleY(0.5774) rotate(-45deg);
  transform: scaleY(0.5774) rotate(-45deg);
  background: inherit;
  left: 22.26px;
}

/*counter transform the bg image on the caps*/
.ta-hexTop:after,
.ta-hexBottom:after {
  content: "";
  position: absolute;
  width: 181.0000px;
  height: 104.50039872332226px;
  -webkit-transform:  rotate(45deg) scaleY(1.7321) translateY(-52.2502px);
  -ms-transform:      rotate(45deg) scaleY(1.7321) translateY(-52.2502px);
  transform:          rotate(45deg) scaleY(1.7321) translateY(-52.2502px);
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  background: inherit;
}

.ta-hexTop {
  top: -68.2358px;
  border-top: solid 8.4853px #ffffff;
  border-right: solid 8.4853px #ffffff;
  border-color: inherit;
}

.ta-hexTop:after {
  background-position: center top;
}

.ta-hexBottom {
  bottom: -68.2358px;
  border-bottom: solid 8.4853px #ffffff;
  border-left: solid 8.4853px #ffffff;
  border-color: inherit;
}

.ta-hexBottom:after {
  background-position: center bottom;
}

.team-awesome-member-hex-stamp-inner:after {
  content: "";
  position: absolute;
  top: 3.4641px;
  left: 0;
  width: 181.0000px;
  height: 104.5004px;
  z-index: 2;
  background: inherit;
}





/*
    Social Buttons
*/ 

.team-awesome-member-avatar-hex .team-awesome-social-button {
    width:50px;
    height: 50px;
    position: absolute;
    top: calc(50% - 25px);
    left: calc(50% - 25px);
    opacity: 0;
    font-size: 16px;
    color:#fff;
    text-align: center;
    line-height: 50px;
    cursor: pointer;
}

.team-awesome-member-avatar-hex .team-awesome-social-button-inner i {
    position: absolute;
    width:100%;
    height: 100%;
    text-align: center;
    line-height: 30px;
}

.team-awesome-member-avatar-hex .team-awesome-social-button-inner {
  position: absolute;
  width: 50px; 
  height: 28.87px;
  text-align: left;
}

.team-awesome-member-avatar-hex .team-awesome-social-button-inner:before,
.team-awesome-member-avatar-hex .team-awesome-social-button-inner:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
}

.team-awesome-member-avatar-hex .team-awesome-social-button-inner:before {
  bottom: 100%;
  border-bottom: 14.43px solid;
  border-bottom-color: inherit;
}

.team-awesome-member-avatar-hex .team-awesome-social-button-inner:after {
  top: 100%;
  width: 0;
  border-top: 14.43px solid;
  border-top-color: inherit;
}


/* 
    animation & transition props
*/

.team-awesome-member-avatar-hex .team-awesome-social-button { 
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.team-awesome-member-avatar-hex .team-awesome-member-hex-stamp {
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-member-hex-stamp {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    filter: grayscale(100%);
}


/* hover repos */

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.a {
    opacity:1;
    -webkit-transform: translate(-55px, -55px);
    -webkit-transition-delay: 0;
    
    transform: translate(-55px, -55px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.b {
    opacity:1;
    -webkit-transform: translate(50px, -60px);
    -webkit-transition-delay: 0;
    
    transform: translate(50px, -60px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.c {
    opacity:1;
    -webkit-transform: translate(80px, -115px);
    -webkit-transition-delay: 0;
    
    transform: translate(80px, -115px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.d {
    opacity:1;
    -webkit-transform: translate(-115px, -55px);
    -webkit-transition-delay: 0;
    
    transform: translate(-115px, -55px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.e {
    opacity:1;
    
    -webkit-transform: translate(-85px, -2px);
    -webkit-transition-delay: 0;
    
    transform: translate(-85px, -2px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.f {
    opacity:1;
    
    -webkit-transform: translate(55px, 75px);
    -webkit-transition-delay: 0;
    
    transform: translate(55px, 75px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.g {
    opacity:1;
    
    -webkit-transform: translate(20px, -115px);
    -webkit-transition-delay: 0;
    
    transform: translate(20px, -115px);
    transition-delay: 0;
}

.team-awesome-member-avatar-hex.ta-hover .team-awesome-social-button.h {
    opacity:1;
    
    -webkit-transform: translate(85px, 20px);
    -webkit-transition-delay: 0;
    
    transform: translate(85px, 20px);
    transition-delay: 0;
}


/* 
    stamp click .ta-open 
*/

.ta-open .team-awesome-member-avatar-hex  .team-awesome-social-box {
    -webkit-transform: scale(0);
    transform:  scale(0);
    opacity:0;
}

.team-awesome-member-avatar-hex .team-awesome-social-box {
    -webkit-transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    transition: all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.ta-open .team-awesome-member-hex-stamp {
    -webkit-transform: scale(0) !important;
    -webkit-transition-delay: .25s;
    transform: scale(0) !important;
    transition-delay: .25s;
    opacity: 0;
}