/* Team Popup Modal */

.card-team:hover {
  cursor: pointer;
}

.team-popup-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: url('https://crdt.io/assets/img/team-modal-bg.png');
	background-size: cover;
}

.team-popup-content.active {
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
	padding: 20px;
	position: relative;
	text-align: center;
	top: 20%;
	width: 100%;
}

.team-popup-content.active button.close {
    display: inline-block;
    color: #fff;
    letter-spacing: .36px;
	margin: 20px 0;
	opacity: 1;
    font-size: 18px;
    line-height: 1.1em;
    border-radius: 5px;
    -webkit-box-shadow: 0 0 10px rgba(191,103,229,.5);
    box-shadow: 0 0 10px rgba(191,103,229,.5);
    background-image: -webkit-linear-gradient(50deg,#BF68E6 20%,#9E48CD 51%,#BF68E6 90%);
    background-image: -o-linear-gradient(50deg,#BF68E6 20%,#9E48CD 51%,#BF68E6 90%);
    background-image: linear-gradient(40deg,#BF68E6 20%,#9E48CD 51%,#BF68E6 90%);
    background-position: left center;
    background-size: 200% auto;
    -webkit-transition: background-position .5s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
    -o-transition: box-shadow .3s ease-in-out,background-position .5s ease-in-out,transform .3s ease-in-out;
    transition: box-shadow .3s ease-in-out,background-position .5s ease-in-out,transform .3s ease-in-out;
    transition: box-shadow .3s ease-in-out,background-position .5s ease-in-out,transform .3s ease-in-out,-webkit-box-shadow .3s ease-in-out,-webkit-transform .3s ease-in-out;
	padding: 15px 20px;
    float: none;
}

.team-popup-content.active button.close:hover {
    color: #fff;
    -webkit-box-shadow: 0 0 20px #bf67e5;
    box-shadow: 0 0 20px #bf67e5;
    background-position: right center;
	opacity: 1;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px);
}

.team-popup-content img {
  border-radius: 50%;
}

.desc-img-align {
  text-align: center;
}

.team-mem-name {
    color: #fff;
	margin: 15px 0;
}

.team-mem-role {
    margin: 15px 0;
    color: rgba(199,184,255,.6);
}

.team-popup-content p {
    color: #fff;
}

.team-modal-social {
    max-width: 51px;
    height: 71px;
    margin: 15px auto;
}

.team-modal-social img {
    border-radius: 0;
}

.rheace-desc,
.carl-desc,
.jason-desc,
.scott-desc,
.gary-desc,
.nathan-desc,
.aidan-desc,
.shkodran-desc,
.fakhan-desc,
.brian-desc,
.vladamir-desc,
.jessica-desc,
.sadiq-desc.
.erhan-desc,
.mark-desc,
.james-desc,
.ronny-desc {
visibility:hidden;
}

.team-popup-overlay {
visibility: hidden;
}

.team-popup-content {
visibility:hidden;
}

.rheace-desc.active,
.carl-desc.active,
.jason-desc.active,
.scott-desc.active,
.gary-desc.active,
.nathan-desc.active,
.aidan-desc.active,
.shkodran-desc.active,
.fakhan-desc.active,
.brian-desc.active,
.vladamir-desc.active,
.jessica-desc.active,
.sadiq-desc.active,
.erhan-desc.active,
.mark-desc.active,
.james-desc.active,
.ronny-desc.active {
visibility:visible;
}

.team-popup-content.active {
visibility:visible;
overflow: scroll;
}

.team-popup-overlay.active {
visibility: visible;
}

/* Figure Box */

.figure-box-example {
  color: #fff;
  text-align: center;
}

.figure-box-purple {
  border-radius: 10px;
  border: 1px solid #c870ff;
  box-shadow: 0 0 10px rgba(191,103,229,.5);
  width: 100%;
}

/* Grand Plan Smooth Scroll */

.container-fluid {
  position: relative;
}

#gp-step-1,
#gp-step-2,
#gp-step-3,
#gp-step-4,
#gp-step-5,
#gp-step-6,
#gp-step-7,
#gp-step-8 {
  position: absolute;
  top: -70px;
}

/* Team Popup For mobile */

@media screen and (max-width: 767px) {
	.team-popup-overlay {
	  height: 100%;
	  overflow: scroll;
	}
}