.view-seventh img {
   -webkit-transition: all 0.5s ease-out;
   -moz-transition: all 0.5s ease-out;
   -o-transition: all 0.5s ease-out;
   -ms-transition: all 0.5s ease-out;
   transition: all 0.5s ease-out;
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
    
}

.cont-img-team{
   display: grid; place-items: center; width: 250px; height: 250px;
}

@media (max-width: 1024px) {
	.cont-img-team{
       width: 200px; height: 200px;
    }
    section.team-agileinfo .view h4 {
	font-size: 17px;
	padding: 7px;
	margin: 10px 0 0 0;
    }
    section.team-agileinfo .view p.info {
    font-size: 13px;
    padding: 4px 7px;
    }
}
@media (max-width: 991px) {
	.cont-img-team{
       width: 150px; height: 150px;
    }
    section.team-agileinfo .view h4 {
	font-size: 16px;
	padding: 7px;
	margin: 10px 0 0 0;
    }
}
@media (max-width: 600px) {
	.cont-img-team{
       width: 105px; height: 105px;
    }
    section.team-agileinfo .view h4 {
	font-size: 11px;
	padding: 2px;
	margin: 1px 0 0 0;
    }
}
@media (max-width: 480px) {
	.cont-img-team{
       width: 200px; height: 200px;
    }
    section.team-agileinfo .view h4 {
	font-size: 17px;
	padding: 7px;
	margin: 10px 0 0 0;
    }
}
@media (max-width: 414px) {
	.cont-img-team{
       width: 170px; height: 170px;
    }
    section.team-agileinfo .view h4 {
	font-size: 12px;
	padding: 5px;
	margin: 2px 0 0 0;
    }
}
@media (max-width: 375px) {
	.cont-img-team{
       width: 150px; height: 150px;
    }
    section.team-agileinfo .view h4 {
	font-size: 10px;
	padding: 3px;
	margin: 1px 0 0 0;
    }
}
@media (max-width: 360px) {
	.cont-img-team{
       width: 135px; height: 135px;
    }
    section.team-agileinfo .view h4 {
	font-size: 12px;
	padding: 8px;
	margin: 7px 0 0 0;
    }
}
@media (max-width: 320px) {
	.cont-img-team{
       width: 120px; height: 120px;
    }
}

.view-seventh .mask1,.view-seventh .mask2,.view-seventh .mask3,.view-seventh .mask4 { 
   -webkit-transform: rotate(0deg) scale(1);
   -moz-transform: rotate(0deg) scale(1);
   -o-transform: rotate(0deg) scale(1);
   -ms-transform: rotate(0deg) scale(1);
   transform: rotate(0deg) scale(1);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}



.view-seventh .mask1 {
	background:url(../../images/team-img1-1.png) no-repeat;
	background-position:center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
}
.view-seventh .mask2 {
	background:url(../../images/team-img2-1.png) no-repeat;
	background-position:center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
}
.view-seventh .mask3 {
	background:url(../../images/team-img3-1.png) no-repeat;
	background-position:center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
}
.view-seventh .mask4 {
	background:url(../../images/team-img4-1.png) no-repeat;
	background-position:center;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-moz-background-size:cover;
}
.view-seventh h4 {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh ul.team-social li {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh p.info {
   -webkit-transform: translateY(-200px);
   -moz-transform: translateY(-200px);
   -o-transform: translateY(-200px);
   -ms-transform: translateY(-200px);
   transform: translateY(-200px);
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-seventh:hover img {
   -webkit-transform: rotate(720deg) scale(0);
   -moz-transform: rotate(720deg) scale(0);
   -o-transform: rotate(720deg) scale(0);
   -ms-transform: rotate(720deg) scale(0);
   transform: rotate(720deg) scale(0);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
}
.view-seventh:hover .mask1, .view-seventh:hover .mask2, .view-seventh:hover .mask3, .view-seventh:hover .mask4 {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px) rotate(0deg);
   -moz-transform: translateY(0px) rotate(0deg);
   -o-transform: translateY(0px) rotate(0deg);
   -ms-transform: translateY(0px) rotate(0deg);
   transform: translateY(0px) rotate(0deg);
   -webkit-transition-delay: 0.4s;
   -moz-transition-delay: 0.4s;
   -o-transition-delay: 0.4s;
   -ms-transition-delay: 0.4s;
   transition-delay: 0.4s;
}
.view-seventh:hover h4 {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 1.1s;
   -moz-transition-delay: 1.1s;
   -o-transition-delay: 1.1s;
   -ms-transition-delay: 1.1s;
   transition-delay: 1.1s;
}
.view-seventh:hover ul.team-social li:nth-child(1) {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 1.0s;
   -moz-transition-delay: 1.0s;
   -o-transition-delay: 1.0s;
   -ms-transition-delay: 1.0s;
   transition-delay: 1.0s;
}
.view-seventh:hover ul.team-social li:nth-child(2) {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.9s;
   -moz-transition-delay: 0.9s;
   -o-transition-delay: 0.9s;
   -ms-transition-delay: 0.9s;
   transition-delay: 0.9s;
}
.view-seventh:hover ul.team-social li:nth-child(3) {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.8s;
   -moz-transition-delay: 0.8s;
   -o-transition-delay: 0.8s;
   -ms-transition-delay: 0.8s;
   transition-delay: 0.8s;
}
.view-seventh:hover ul.team-social li:nth-child(4) {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.7s;
   -moz-transition-delay: 0.7s;
   -o-transition-delay: 0.7s;
   -ms-transition-delay: 0.7s;
   transition-delay: 0.7s;
}
.view-seventh:hover ul.team-social li:nth-child(5) {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.6s;
   -moz-transition-delay: 0.6s;
   -o-transition-delay: 0.6s;
   -ms-transition-delay: 0.6s;
   transition-delay: 0.6s;
}
.view-seventh:hover p.info {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
   -webkit-transition-delay: 0.5s;
   -moz-transition-delay: 0.5s;
   -o-transition-delay: 0.5s;
   -ms-transition-delay: 0.5s;
   transition-delay: 0.5s;
}