@import url("https://fonts.googleapis.com/css?family=Muli:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i&subset=latin-ext,vietnamese");

 .equipe {
   width: 100%;
   display: block;
   overflow-x: hidden;
   color: #c4c3ca;
   font-family: "Muli", sans-serif;
 }
 .equipe::selection {
   background-color: #000;
   color: #fff;
 }
 .equipe::-moz-selection {
   background-color: #000;
   color: #fff;
 }
 a:hover {
   text-decoration: none;
 }
 
 .shadow-title {
    position: fixed;
    top: 0;
    margin-top: 240px !important;
    left: 20px;
    width: 100%;
    height: 200%;
    text-align: left;
    font-family: "Muli", sans-serif;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr;
    font-size: 7vw;
    line-height: 1;
    background: -webkit-linear-gradient(90deg,rgb(255, 254, 254), #ED5565);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent; 
    -moz-background-clip: text;
    -moz-text-fill-color: transparent;
    font-weight: 900;
 }
 @media (max-width: 991.98px) {
   .shadow-title{
      margin-top: 30% !important;
   }
 }
 .equipe .section-parallax {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-position: center;
   background-size: cover;
 }
 .equipe .section {
   position: relative;
   width: 100%;
   display: block;
 }
 .full-height {
   height: 100vh;
 }
 .equipe .section-title-wrap {
   position: absolute;
   top: 50%;
   left: 0;
   width: 100%;
   transform: translateY(-50%);
 }
 .equipe .section-title-wrap p {
   letter-spacing: 2px;
   font-size: 26px;
   font-weight: 700;
   padding: 0;
   color: #6f598f;
 }
 .equipe .section-title-wrap h1 {
   margin: 0;
   padding: 0;
   font-size: 5vw;
   letter-spacing: 8px;
   font-weight: 900;
   color: #ED5565;
   line-height: 1;
   text-transform: uppercase;
 }
 
 /* #back to top arrow
 ================================================== */
 
 .scroll-to-top {
   position: fixed;
   bottom: 30px;
   right: 30px;
   opacity: 0;
   visibility: hidden;
   width: 40px;
   height: 80px;
   background-repeat: no-repeat;
   background-position: top center;
   background-size: 40px 80px;
   cursor: pointer;
   background-image: url("../images/arrow-up.svg");
   transform: translateY(-15px);
   -webkit-transition: all 250ms linear;
   transition: all 250ms linear;
 }
 .scroll-to-top:hover {
   bottom: 32px;
 }
 .scroll-to-top.active-arrow {
   opacity: 1;
   visibility: visible;
   transform: translateY(0);
 }
 
 /* #Media
 ================================================== */
 
 @media (max-width: 1200px) {
   .scroll-to-top {
     right: 13px;
   }
 }

 /*****************
    - Team card -
*****************/
@import url("https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700,800,900|Open Sans:400,600,800");
.equipe > h1,
.equipe > h2,
.equipe > h3,
.equipe > h4,
.equipe > h5,
.equipe > h6,
.equipe > div,
.equipe > input,
.equipe > p,
.equipe > a {
	font-family: "Open Sans";
	margin: 0px;
}

.equipe a,
.equipe a:hover,
.equipe a:focus {
	color: inherit;
}


.profile-card-2 {
	max-width: 300px;
	background-color: #fff;
	box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1);
	background-position: center;
	overflow: hidden;
	position: relative;
	margin: 10px auto;
	cursor: pointer;
	border-radius: 10px;
}
.full-name{
  font-size: 2em;
  color: rgb(71, 70, 70);
}
.role{
  font-size: 1.5em;
  color: #ED5565;
}
.mot{
  color: #6f598f;
  font-size: 1.3em;
}
.profile-card-2 img {
  transition: all linear 0.25s;
}

.profile-card-2 .profile-name {
	position: absolute;
	left: 30px;
	bottom: 70px;
	font-size: 30px;
	color: #fff;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
	font-weight: bold;
	transition: all linear 0.25s;
}

.profile-card-2 .profile-icons {
	position: absolute;
	bottom: 30px;
	right: 30px;
	color: #fff;
	transition: all linear 0.25s;
}

.profile-card-2 .profile-username {
	position: absolute;
	bottom: 50px;
	left: 30px;
	color: #fff;
	font-size: 13px;
	transition: all linear 0.25s;
}

.profile-card-2 .profile-icons .fa {
	margin: 5px;
}

.profile-card-2:hover img {
	filter: grayscale(100%);
}

.profile-card-2:hover .profile-name {
	bottom: 80px;
}

.profile-card-2:hover .profile-username {
	bottom: 60px;
}

.profile-card-2:hover .profile-icons {
	right: 40px;
}