.team {
	position: relative;
	&__list {
		position: relative;
		overflow: hidden;
		padding: 100px 0px;
	}
	&__item {
		float: left; 
		width: 100%;
		position: relative;
		overflow: hidden;
		@include tablet {
			width: 50%;
        }
        @include desktop {
			width: 33.3333%;
			height: 490px;
        }
		position: relative;
		& .gold_overlay {
			display: block;
			position: absolute;
			background: #957d44;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			opacity: 0;
			transition: all 0.75s ease-out;
			transition-delay: 0.15s;
		}
		&:hover .team__image-front {
			opacity: 1;
			transform: scale(1);
			.gold_overlay {
				opacity: 0.2;
			}
		}
		&::before,
		&::after {
			box-sizing: inherit;
			content: '';
			z-index: 1;
			position: absolute;
			width: 100%;
			height: 100%;
		}

		&::before,
		&::after {
			top: 0;
			left: 0;
			height: 100%;
			width: 100%;
			transform-origin: center; 
			transition: transform 0.5s;
		}

		&::before {
			border-top: 1px solid #957d44;
			border-bottom: 1px solid #957d44;
			transform: scale3d(0,1,1); 
		}

		&::after {
			border-left: 1px solid #957d44;
			border-right: 1px solid #957d44;
			transform: scale3d(1,0,1); 
		}
		&:hover {
			&:before,
			&:after {
				transform: scale3d(1,1,1); 
			}
		}
	}
	&__meta {}
	&__image-back {
		float: left;
		width: 100%;

	}
	&__image-front {
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		// display: none;
		display: block;
		opacity: 0;
		width: 100%;
		transition: opacity 0.6s ease, transform 3s ease;
		transform-origin: top;
		transform: scale(1.05);
		background-size: cover;
		background-position: center;
	}


	&__name {
        font-family: DINPro;
        color: #957d44;
        font-weight: bold;
        font-size: 18px;
        float: left;
        width: 100%;
        text-align: center;
        padding: 10px 5px 5px 5px;
        text-transform: uppercase;
		line-height: 1;
		@include tablet {
			font-size: 22px;
			padding: 10px 5px 5px 5px;
        }
		@include desktop {
			font-size: 26px;
			padding: 20px 10px 10px 10px;
        }
        @include large {
			font-size: 28px;
			padding: 20px 10px 10px 10px;
        }
	}
	&__title {
        font-family: Lora;
        font-size: 13px;
        padding: 14px 0px 24px;
        line-height: 1;
        text-align: center;
        @include tablet {
			font-size: 14px;
        }
        @include desktop {
			font-size: 16px;
        }
        @include large {
			font-size: 18px;
        }

	}
	img {
		width: 99%;
		margin: 0 auto;
	}
	.complex-arrow {
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 0;
	}
	.process-architecture__box {
		 padding-bottom: 100px;
		     max-width: 366px;
		    height: auto !important;
		@include desktop {
			position: relative;
		    top: auto;
		    right: auto;
		    width: 168%;
		    max-width: 562px;
		    margin-left: -10%;
		    margin-top: 2px;
		    float: right;
		    padding-bottom: 100px;
		    height: auto !important;
		}
	    
	}
	&.process {
		.main__bg {
   	 		background-image: url(/assets/img/team-back.jpg);
    		background-position: 100% 0;
		}
	}
	.process-architecture {
		padding-bottom: 0px !important;
		&__description {
           position: relative;
           font-size: 11px;
                z-index: 3;
        p {
            padding: 7px 14px 2px 40px;
            max-width: 500px;
            width: 100%;
            @extend .u__description;
            @include tablet {
                padding: 7px 14px 0 60px;
                max-width: 551px;
                position: relative;
                z-index: 3;
            }
        }
    }
	}
	.process-architecture__description p {

	}

}
ul.team-list {
	list-style: none;
	padding-left: 20px;
	li {
		padding-bottom: 10px;
		&:before {
			content: '— ';
		}
	}
}