.crust-team-item {

    position: relative;

    transition: all .5s cubic-bezier(0.2,1,0.3,1);

}



.elementor-widget-crust-team:hover{

    z-index: 1000 !important;

}



.crust-team-item-inner{

    transition: all .5s cubic-bezier(0.2,1,0.3,1);

}



.crust-team-item .crust-team-image{

    position: relative;

    overflow: hidden;

    z-index: 1;

}



.crust-team-item .crust-team-image > figure,

.crust-team-item .crust-team-image > figure img{

    position: relative;

    margin: 0;

    padding: 0;

    text-align: center;

    width: auto;

    transition: all 1.5s cubic-bezier(0.2,1,0.3,1);

}



.crust-team-item:hover .crust-team-image.animate-img > figure img{

    transform: scale(1.2);

}



.crust-team-item .crust-team-image:after{

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    content: "";

    z-index: 3;

    display: block;

    transition: all .7s cubic-bezier(0.2,1,0.3,1);

    will-change: background;

}



.crust-team-position{

    display: block;

}



.crust-team-position + .crust-team-text{

    margin-top: 15px

}



.crust-team-item.crust-team-has-alt .crust-team-image > figure .crust-alt-team-img{

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    opacity: 0;

    transition: all .5s cubic-bezier(0.2,1,0.3,1);

}



.crust-team-item.crust-team-has-alt:hover .crust-team-image > figure > img{

    opacity: 0;

    z-index: -1;

}



.crust-team-item.crust-team-has-alt:hover .crust-team-image > figure .crust-alt-team-img{

    opacity: 1;

    z-index: 1;

}



.crust-team-item .crust-team-content {

    padding: 20px;

    position: relative;

    z-index: 2;

}



.crust-team-social-profiles{

    margin: 0;

    padding: 0;

}



.crust-team-item.crust-team-creative .crust-team-social-profiles{

    display: inline-flex !important;

    flex-direction: column;

    margin-left: 40px;

    background-color: #fff;

    box-shadow: 0 0 15px 0 rgba(0,0,0,.06);

    border-radius: 5px;

}



.crust-team-item.crust-team-creative .crust-team-content-inner{

    display: flex;

}



.crust-team-item.crust-team-creative .crust-team-social-profiles li{

    margin: 0 0 10px !important

}



.crust-team-image + .crust-team-content .crust-team-social-profiles {

    display: flex;

}



.crust-team-content li {

    list-style: none;

    margin: 5px;

    text-align: center;

}



.crust-team-item .crust-team-content > *{

    transition: all .7s cubic-bezier(0.2,1,0.3,1);

    transition-delay: 0s;

}



.crust-team-item:hover .crust-team-content .crust-team-name{

    transition-delay: .1s;

}



.crust-team-item:hover .crust-team-content .crust-team-position{

    transition-delay: .2s;

}



.crust-team-item:hover .crust-team-content .crust-team-text{

    transition-delay: .3s;

    transition-duration: .6s;

}



.crust-team-item:hover .crust-team-content .crust-team-social-profiles{

    transition-delay: .4s;

    transition-duration: .7s;

}



.crust-team-social-link > a {

    display: flex;

    align-items: center;

    justify-content: center;

    min-width: 5px;

    min-height: 5px;

    border-radius: 50%;

    transition: all .5s cubic-bezier(0.2,1,0.3,1);

}



.crust-team-social-link > a:focus {

    outline: none;

}



.crust-team-item .crust-team-position span{

    display: inline-block;

}



/* Overlay */

.crust-team-item.crust-team-overlay .crust-team-item-inner{

    position: relative;

}



.crust-team-item.crust-team-overlay .crust-team-image > figure img{

    margin: 0;

}



.crust-team-item.crust-team-overlay .crust-team-content {

    bottom: 0;

    left: 0;

    margin-bottom: 0;

    overflow: hidden;

    padding: 0;

    text-overflow: ellipsis;

    position: absolute;

    width: 100%;

    display: flex;

    z-index: 2;

    flex-direction: column;

    justify-content: flex-end;

    transition: all .5s cubic-bezier(0.2,1,0.3,1);

}



.crust-team-item.crust-team-overlay .crust-team-content-inner{

    padding: 20px;

    overflow: hidden;

}



.crust-team-item.crust-team-overlay:hover .crust-team-image:after{

    background-color: rgba(0,0,0,.7);

}



.crust-team-item.crust-team-overlay .crust-team-content-inner *:not(span){

    transform: translateY(100%);

    opacity: 0;

    display: none

}



.crust-team-item.crust-team-overlay:hover .crust-team-content-inner *{

    opacity: 1;

    transform: translateY(0);

    display: flex

}



.crust-team-item.crust-team-overlay .crust-team-content-inner *{

    color: #fff;

}



.crust-team-name,

.crust-team-position{

    display: flex;

}



.crust-team-item.crust-team-overlay.visible-name .crust-team-name,

.crust-team-item.crust-team-overlay.visible-position .crust-team-position,

.crust-team-item.crust-team-overlay.visible-desc .crust-team-text,

.crust-team-item.crust-team-overlay.visible-socials .crust-team-social-profiles,

.crust-team-item.crust-team-overlay.visible-socials .crust-team-social-profiles *{

    display: flex;

    transform: none;

    opacity: 1;

    transition: .4s ease;

}



.crust-team-item.crust-team-overlay:hover .crust-team-content-inner *{

    animation: displayNoneAnim .65s forwards;

    opacity: 1;

    transform: translateY(0);

}



/* Modern */

.crust-team-item.crust-team-modern .crust-team-modern-name-wrap{

    position: absolute;

    bottom: 50px;

    right: 20px;

    z-index: 4;

    padding: 0 15px;

}



.crust-team-item.crust-team-modern .crust-team-name{

    margin: 0;

}



.crust-team-item.crust-team-modern .crust-team-social-profiles{

    position: absolute;

    top: 15px;

    right: 15px;

    z-index: 4;

    list-style: none;

    margin: 0;

    padding: 0;

}



.crust-team-item.crust-team-modern .crust-team-social-profiles li{

    will-change: transform, opacity;

    transition: transform .75s cubic-bezier(0.2,1,0.3,1), opacity .5s ease;

    opacity: 0;

    transform: translateX(30px);

}



.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li{

    opacity: 1;

    transform: translateX(0);

}



.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(1){

    transition-delay: .1s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(2){

    transition-delay: .2s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(3){

    transition-delay: .3s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(4){

    transition-delay: .4s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(5){

    transition-delay: .5s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(6){

    transition-delay: .6s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(7){

    transition-delay: .7s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(8){

    transition-delay: .8s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(9){

    transition-delay: .9s;

}

.crust-team-item.crust-team-modern:hover .crust-team-social-profiles li:nth-child(10){

    transition-delay: 1s;

}





.crust-team-item.crust-team-modern svg.crust-divider{

    height: 30px;

    max-height: 30px;

    margin-top: -30px;

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%

}



.crust-team-item.crust-team-modern svg.crust-divider .crust-div-1-bottom {

    fill: #12d0de;

}



/* Creative */

.crust-team-creative .crust-team-item-inner{

    display: flex;

    align-items: center;

}



.crust-team-item.crust-team-creative .crust-team-content{

    position: relative;

    order: 1;

    flex-basis: 60%;

    padding: 0  10px 0 7%;

    display: flex;

    align-items: center;

}



.crust-team-item.crust-team-creative .crust-team-content .crust-team-position{

    margin-bottom: 30px

}



.crust-team-item.crust-team-creative .crust-team-image {

    order: 2;

    flex-basis: 40%;

    overflow: visible;

    margin-right: 10px;

}



.crust-team-item.crust-team-creative .crust-team-image img{

    position: relative;

    z-index: 2;

}



.crust-creative-team-name{

    background-color: #fff;

    box-shadow: 0 10px 30px 0 rgba(0,0,0,.07);

    border-radius: 5px;

    padding: 20px;

    width: 80%;

    margin: 0 auto;

}



.crust-creative-team-name .crust-team-name{

    margin-bottom: .2em

}



.crust-creative-team-name p{

    margin-bottom: 0;

}



.crust-creative-team-bg{

    position: absolute;

    left: 0;

    top: 0;

    z-index: 0;

    transform-origin: center;

    transform: scale(0.8) rotate(-273deg) translateX(-50px);

}



.crust-creative-team-bg .crust-team-circle{

    fill: none;

    stroke: #ff5b4a;

    stroke-width: 15px;

    stroke-dasharray: 420 200;

    stroke-linecap: round;

    transform-origin: center;

    animation-name: loadingSpin;

    animation-duration: 20s;

    animation-iteration-count: infinite;

    animation-timing-function: linear;

}



/*--- Tilt Styles ---*/

.crust-team-item-inner.js-tilt{

    transform-style: preserve-3d;

    transform: perspective(1000px);

}



.crust-team-item-inner.js-tilt .crust-team-content{

    transform: translateZ(80px) scale(.92);

}
