/*================
 Template Name: Zep - HTML5 CSS3 Team Members Template
 Description: Zep - HTML5 CSS3 Team Members Template
 Version: 1.0
 Author: https://themeforest.net/user/epic_theme

 Primary Color: #ed213a
 Secondary Color: #070618
 Text Black Color: #111111
 Text Gray Color: #707070

=======================*/

/*TABLE OF CONTENTS FOR DEMO PURPOSE ONLY*/
/*=====================
01. RESET CSS
02. BASE TYPOGRAPHY
03. PRE DEFINE CLASSES CSS
04. PRELOADER CSS
05. BACK TO TOP CSS
06. HEADING SECTION CSS
=======================*/


/*TEAM MEMBERS STYLES CSS*/
/*=====================
07. TEAM MEMBER STYLE 1 CSS
08. TEAM MEMBER STYLE 2 CSS
09. TEAM MEMBER STYLE 3 CSS
10. TEAM MEMBER STYLE 4 CSS
11. TEAM MEMBER STYLE 5 CSS
12. TEAM MEMBER STYLE 6 CSS
13. TEAM MEMBER STYLE 7 CSS
14. TEAM MEMBER STYLE 8 CSS
15. TEAM MEMBER STYLE 9 CSS
16. TEAM MEMBER STYLE 10 CSS
17. TEAM MEMBER STYLE 11 CSS
18. TEAM MEMBER STYLE 12 CSS
19. TEAM MEMBER STYLE 13 CSS
20. TEAM MEMBER STYLE 14 CSS
21. TEAM MEMBER STYLE 15 CSS
22. TEAM MEMBER STYLE 16 CSS
23. TEAM MEMBER STYLE 17 CSS
24. TEAM MEMBER STYLE 18 CSS
=======================*/

/* -----------------------------------------
			   01. RESET CSS
-------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

html {
    overflow-y: scroll;
    font-size: 15px;
}

/* -----------------------------------------
           02. BASE TYPOGRAPHY
-------------------------------------------- */

body, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, a {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

body {
    background-color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 1rem;
    color: #707070;
    font-weight: 400;
    line-height: 1.85;
}

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
    margin: 0 0 1rem;
    font-family: 'Work Sans', sans-serif;
    font-weight: 600;
    line-height: 1.35;
    color: #111111;
}

h1 {
    margin-top: 0;
    font-size: 2.852em;
}

h2 {
    font-size: 2.125em;
}

h3 {
    font-size: 1.853em;
}

h4 {
    font-size: 1.563em;
}

h5 {
    font-size: 1.126em;
}

a {
    color: #3264f5;
    text-decoration: none !important;
    background-color: transparent;
    transition: all .3s ease-in-out;
}
/*========================================
        03. PRE DEFINE CLASS CSS
==========================================*/
.ptb-100 {
    padding: 100px 0;
}

.gray-light-bg {
    background: #f7f7f7;
}

.primary-bg {
    background: #ed213a;
}

.secondary-bg {
    background: #070618;
}

.color-primary {
    color: #3264f5;
}

.color-secondary {
    color: #7202bb
}

.white-bg {
    background: #ffffff;
}

.badge::before {
  display: none;
}

/*=========================================
            04. PRELOADER CSS
============================================*/

.preloader {
  position: fixed;
  left: 0;
  width: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  z-index: 9999999;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader .loader {
  position: absolute;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  display: inline-block;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 45%;
  -webkit-transform: translateY(-45%);
          transform: translateY(-45%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.preloader .loader .loader-outter {
  position: absolute;
  border: 4px solid #ed213a;
  border-left-color: transparent;
  border-bottom: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -webkit-animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-outter 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader .loader .loader-inner {
  position: absolute;
  border: 4px solid #ed213a;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  left: calc(50% - 20px);
  top: calc(50% - 20px);
  border-right: 0;
  border-top-color: transparent;
  -webkit-animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
          animation: loader-inner 1s cubic-bezier(0.42, 0.61, 0.58, 0.41) infinite;
}

.preloader::before, .preloader::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
  z-index: -1;
  background: #111;
  -webkit-transition: .9s;
  transition: .9s;
}

.preloader::after {
  top: auto;
  bottom: 0;
}

.preloader.preloader-deactivate {
  visibility: hidden;
}

.preloader.preloader-deactivate::after, .preloader.preloader-deactivate::before {
  height: 0;
}

.preloader.preloader-deactivate .loader {
  opacity: 0;
  visibility: hidden;
}

@-webkit-keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loader-outter {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@-webkit-keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

@keyframes loader-inner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}

/*=========================================
            05. BACK TO TOP CSS
============================================*/

.go-top {
  position: fixed;
  cursor: pointer;
  top: 0;
  right: 15px;
  color: #ffffff;
  background: #ed213a;
  z-index: 4;
  width: 40px;
  text-align: center;
  height: 42px;
  line-height: 42px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .9s;
  transition: .9s;
}

.go-top.active {
  top: 98%;
  -webkit-transform: translateY(-98%);
          transform: translateY(-98%);
  opacity: 1;
  visibility: visible;
}

.go-top i {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top i:last-child {
  opacity: 0;
  visibility: hidden;
  top: 60%;
}

.go-top::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: #000;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.go-top:hover, .go-top:focus {
  color: #ffffff;
}

.go-top:hover::before, .go-top:focus::before {
  opacity: 1;
  visibility: visible;
}

.go-top:hover i:first-child, .go-top:focus i:first-child {
  opacity: 0;
  top: 0;
  visibility: hidden;
}

.go-top:hover i:last-child, .go-top:focus i:last-child {
  opacity: 1;
  visibility: visible;
  top: 50%;
}


/*=========================================
            06. SECTION HEADING CSS
============================================*/

.section-heading .title span {
    position: relative;
}

.section-heading .title span::before {
    content: '';
    height: 60px;
    width: 100px;
    position: absolute;
    left: -8px;
    top: -8px;
    z-index: -1;
    border-radius: 8px;
    background: #ed213a;
}

/*=========================================
            07. TEAM MEMBER STYLE 1 CSS
============================================*/

.member-style1 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style1 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style1 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style1 .content {padding: 25px 20px;}
.member-style1 .content .title {margin: 0;color: #111111;}
.member-style1 .content .post {color: #707070;}
.member-style1 .social-icon {margin-top: 13px;}
.member-style1 .social-icon li {display: inline-block;margin: 0 1px;}
.member-style1 .social-icon li a {display: inline-block;height: 40px;width: 40px;line-height: 40px;background: #f7f7f7;color: #707070;}
.member-style1 .social-icon li a:hover {background: #ed213a;color: #fff;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style1 {margin-bottom: 50px;}
  .member-style1 img {width: 100%;}
}

/*=========================================
            08. TEAM MEMBER STYLE 2 CSS
============================================*/

.member-style2 {position: relative;overflow: hidden;}
.member-style2 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style2 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style2 .thumb {position: relative;height: 140px;width: 140px;margin: 0 auto 20px;border-radius: 100%;border: 8px solid #f7f7f7;}
.member-style2 .thumb::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;overflow: hidden;width: 100%;height: 100%;border-radius: 100%;background-color: rgba(237,33,58,0.5);-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .2s ease-in-out 0s;transition: all .2s ease-in-out 0s;}
.member-style2 .thumb img {vertical-align: top;backface-visibility: hidden;border-radius: 100%;height: 100%;}
.member-style2 .content {padding: 25px 20px;}
.member-style2 .content .title {margin: 0;color: #111111;}
.member-style2 .content .post {color: #707070;}
.member-style2 .social-icon {position: absolute;top: 50%;left: calc(50% - 105px);width: 60%;padding: 10px 0;border-radius: 25px;opacity: 0;visibility: hidden;background: #ed213a;-webkit-transform: translateY(-20px);transform: translateY(20px);}
.member-style2 .social-icon::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -7px;border-width: 7px;border-style: solid;border-color: transparent transparent #ed213a transparent;}
.member-style2 .social-icon li {display: inline-block;margin: 0 5px;}
.member-style2 .social-icon li a {display: inline-block;color: #fff;}
.member-style2:hover .thumb::before {-webkit-transform: scale(1);transform: scale(1);}
.member-style2:hover .social-icon {visibility: visible;opacity: 1;-webkit-transform: translateY(-5px);transform: translateY(-5px);-webkit-transition: all .4s ease-in-out 0s;transition: all .4s ease-in-out 0s;}
.member-style2 .social-icon li a:hover {color: #111;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style2 {margin-bottom: 50px;}
  .member-style2 img {width: 100%;}
}

/*=========================================
            09. TEAM MEMBER STYLE 3 CSS
============================================*/

.member-style3 {position: relative;overflow: hidden;}
.member-style3 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style3 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style3 .thumb {position: relative;overflow: hidden;padding: 0 10px;z-index: 1;}
.member-style3 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style3 .content {padding: 25px 20px;position: relative;background: #fff;border: 1px solid #e6dddd;border-top: 0;}
.member-style3 .content::before {content: '';display: block;height: 130px;width: 100%;position: absolute;left: 0;top: -130px;z-index: 0;outline: 1px solid #e6dddd;}
.member-style3 .content .title {margin: 0;color: #111111;}
.member-style3 .content .post {color: #707070;}
.member-style3 .social-icon {margin-top: 12px;}
.member-style3 .social-icon::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -7px;border-width: 7px;border-style: solid;border-color: transparent transparent #111111 transparent;}
.member-style3 .social-icon li {display: inline-block;margin: 0 1px;}
.member-style3 .social-icon li a {margin: 0 1px;height: 30px;width: 30px;display: inline-block;line-height: 30px;color: #111111;border: 1px solid #e6dddd;overflow: hidden;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style3 .social-icon li a .hover {-webkit-transform: translateY(-65px);transform: translateY(-65px);opacity: 0;visibility: hidden;}
.member-style3:hover .content {background: #ed213a;border-color: #ed213a;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style3:hover .content::before {outline-color: #ed213a;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style3:hover .content .title {color: #fff;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style3:hover .content .post {color: #fff;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style3 .social-icon li a:hover .hover {transform: translateY(-30px);color: #ed213a;opacity: 1;visibility: visible;}
.member-style3 .social-icon li a:hover {background: rgba(255,255,255,1);color: #111111;}
.member-style3:hover .social-icon li a {color: #fff;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style3 {margin-bottom: 50px;}
  .member-style3 img {width: 100%;}
}

/*=========================================
            10. TEAM MEMBER STYLE 4 CSS
============================================*/

.member-style4 {position: relative;overflow: hidden;}
.member-style4 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style4 .thumb {position: relative;overflow: hidden;padding: 0 10px;z-index: 1;}
.member-style4 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style4 .social-icon {position: relative;padding: 20px;background: #ed213a;z-index: 1;}
.member-style4 .social-icon li {display: inline-block;margin: 0 1px;}
.member-style4 .social-icon li a {display: inline-block;position: relative;z-index: 1;height: 30px;width: 30px;line-height: 30px;color: #fff;border: 1px solid #e6dddd;}
.member-style4 .social-icon li a::before {content: '';display: inline-block;height: 100%;width: 100%;position: absolute;-webkit-box-sizing: content-box;box-sizing: content-box;pointer-events: none;top: -2px;left: -2px;padding: 2px;opacity: 0;background: #fff;-webkit-transform: scale(1.3);transform: scale(1.3);-webkit-transition: opacity 0.3s, transform 0.2s;transition: opacity 0.3s, transform 0.2s;}
.member-style4 .content {padding: 25px 20px;position: relative;background: #fff;border: 1px solid #e6dddd;border-top: 0;}
.member-style4 .content::before {content: '';display: block;height: 130px;width: 100%;position: absolute;left: 0;top: -130px;z-index: 0;outline: 1px solid #e6dddd;}
.member-style4 .content .title {margin: 0;color: #111111;}
.member-style4 .content .post {color: #707070;}
.member-style4 .social-icon li a:hover::before {z-index: -1;-webkit-transform: scale(1);transform: scale(1);opacity: 1;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style4 .social-icon li a:hover {color: #ed213a;-webkit-transform: scale(1);transform: scale(1);opacity: 1;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style4:hover .content {border-color: #ed213a;}
.member-style4:hover .content::before {outline-color: #ed213a;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}


/* responsive */
@media only screen and (max-width: 767px) {
  .member-style4 {margin-bottom: 50px;}
  .member-style4 img {width: 100%;}
}

/*=========================================
            11. TEAM MEMBER STYLE 5 CSS
============================================*/

.member-style5 {position: relative;overflow: hidden;border: 5px solid #d8d8d8;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style5 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style5 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style5 .thumb {position: relative;overflow: hidden;}
.member-style5 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style5 .social-icon {position: absolute;left: -100%;bottom: 0;height: 70px;line-height: 70px;width: 100%;overflow: hidden;}
.member-style5 .social-icon li {display: inline-block;margin: 0 1px;}
.member-style5 .social-icon li a {display: inline-block;position: relative;z-index: 1;height: 40px;width: 40px;line-height: 40px;text-align: center;border-radius: 50%;background: #fff;}
.member-style5 .social-icon li a i {position: relative;z-index: 1;color: #111;}
.member-style5 .social-icon li a::before {pointer-events: none;content: '';-webkit-box-sizing: content-box;box-sizing: content-box;position: absolute;width: 100%;height: 100%;border-radius: 50%;top: -2px;left: -2px;padding: 2px;z-index: 0;background: #ed213a;-webkit-transition: opacity 0.2s, transform 0.2s;transition: transform 0.2s, opacity 0.2s;}
.member-style5 .content {padding: 25px 20px;position: relative;background: #fff;}
.member-style5 .content .title {margin: 0;color: #111111;}
.member-style5 .content .post {color: #707070;}
.member-style5:hover {border-color: #ed213a;}
.member-style5:hover .social-icon {left: 0;-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style5 .social-icon li a:hover::before {-webkit-transform: scale(0);transform: scale(0);opacity: 0;-webkit-transition: opacity 0.2s, transform 0.4s;transition: opacity 0.2s, transform 0.4s;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style5 {margin-bottom: 50px;}
  .member-style5 img {width: 100%;}
}


/*=========================================
            12. TEAM MEMBER STYLE 6 CSS
============================================*/

.member-style6 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style6 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style6 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style6 .content {position: absolute;bottom: 20px;left: 20px;width: 90%;height: 190px;padding: 30px 20px 30px 70px;background: #fff;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style6 .content .title {margin: 0;color: #111111;}
.member-style6 .content .post {color: #707070;}
.member-style6 .content .description {color: #707070;margin-bottom: 16px;}
.member-style6 .social-icon {position: absolute;left: 0;top: 0;bottom: 0;padding: 5px 0;width: 45px;text-align: center;background: #ed213a;}
.member-style6 .social-icon li {display: block;padding: 8px 0;}
.member-style6 .social-icon li a {display: inline-block;color: #fff;}
.member-style6 .social-icon li a:hover {color: #111;}


/* responsive */
@media only screen and (max-width: 767px) {
  .member-style6 {margin-bottom: 50px;}
  .member-style6 img {width: 100%;}
}

/*=========================================
            13. TEAM MEMBER STYLE 7 CSS
============================================*/

.member-style7 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style7 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style7 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style7 .content {position: absolute;bottom: 20px;left: 20px;width: 90%;height: 230px;padding: 30px 30px 50px;background: #fff;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style7 .content .title {margin: 0;color: #111111;}
.member-style7 .content .post {color: #707070;}
.member-style7 .content .description {color: #707070;margin-bottom: 16px;}
.member-style7 .social-icon {position: absolute;left: 0;bottom: 0;padding: 10px 0;width: 100%;text-align: center;background: #ed213a;}
.member-style7 .social-icon li {display: inline-block;padding: 0 8px;}
.member-style7 .social-icon li a {display: inline-block;color: #fff;}
.member-style7 .social-icon li a:hover {color: #111;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style7 {margin-bottom: 50px;}
  .member-style7 img {width: 100%;}
}

/*=========================================
            14. TEAM MEMBER STYLE 8 CSS
============================================*/

.member-style8 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style8 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style8 *::after {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style8 .thumb {position: relative;overflow: hidden;}
.member-style8 .thumb::after {content: '';display: block;position: absolute;bottom: 0;left: 0;height: 13%;width: 100%;z-index: 0;background: #ed213a;}
.member-style8 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style8 .social-icon {position: absolute;bottom: 0;left: 0;width: 100%;padding: 14px 0;z-index: 1;}
.member-style8 .social-icon li {display: inline-block;padding: 0 8px;}
.member-style8 .social-icon li a {display: inline-block;height: 30px;width: 30px;line-height: 30px;border-radius: 100%;background: #fff;color: #111;}
.member-style8 .content {padding: 25px 20px;position: relative;background: #fff;}
.member-style8 .content .title {margin: 0;color: #111111;}
.member-style8 .content .post {color: #707070;}
.member-style8:hover .thumb::after {height: 100%;background: -webkit-linear-gradient(bottom, rgb(237,33,58) 0%, rgba(237, 33, 58, 0.85) 15%, rgba(237, 33, 58, 0.86) 45%, rgba(237, 33, 58, 0.33) 75%, rgba(237, 33, 58, 0.05) 100%);background: linear-gradient(to top, rgb(237,33,58) 0%, rgba(237, 33, 58, 0.85) 15%, rgba(237, 33, 58, 0.86) 45%, rgba(237, 33, 58, 0.33) 75%, rgba(237, 33, 58, 0.05) 100%);}
.member-style8 .social-icon li a:hover {color: #ed213a;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style8 {margin-bottom: 50px;}
  .member-style8 img {width: 100%;}
}

/*=========================================
            15. TEAM MEMBER STYLE 9 CSS
============================================*/

.member-style9 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style9 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style9 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style9 .thumb {position: relative;}
.member-style9 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style9 .content {padding: 25px 20px;position: absolute;bottom: -70px;left: 0;width: 100%;z-index: 0;background: #fff;}
.member-style9 .content::before {content: '';position: absolute;bottom: 28px;left: 0;width: 100%;height: 100%;z-index: -1;-webkit-transform: skewY(-9deg);transform: skewY(-9deg);background: #fff;}
.member-style9 .content .title {margin: 0;color: #111111;}
.member-style9 .content .post {color: #707070;}
.member-style9 .social-icon {padding-top: 16px;margin-top: 16px;border-top: 1px solid #fff;}
.member-style9 .social-icon li {display: inline-block;margin: 0 6px;}
.member-style9 .social-icon li a {display: inline-block;color: #fff;}
.member-style9:hover .content .title,
.member-style9:hover .content .post {color: #fff;}
.member-style9:hover .content {background: #ed213a;bottom: 0;}
.member-style9:hover .content::before {background: #ed213a;}
.member-style9 .social-icon li a:hover {color: #111;}


/* responsive */
@media only screen and (max-width: 767px) {
  .member-style9 {margin-bottom: 50px;}
  .member-style9 img {width: 100%;}
  .member-style9 .content::before {bottom: 40px;}
}

/*=========================================
            16. TEAM MEMBER STYLE 10 CSS
============================================*/

.member-style10 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style10 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style10 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style10::before {content: '';position: absolute;bottom: 100%;left: 0;right: 0;top: 0;z-index: 1;background-color: rgba(237, 33, 58, 0.85);-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
.member-style10 .thumb {position: relative;}
.member-style10 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style10 .content {padding: 25px 20px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;visibility: hidden;opacity: 0;transform: translateY(85px);-webkit-transform: translateY(85px);background: transparent;}
.member-style10 .content .title {margin: 0;color: #fff;}
.member-style10 .content .post {color: #fff;}
.member-style10 .social-icon {float: right;margin-top: -27px;}
.member-style10 .social-icon li {display: inline-block;margin: 0 6px;}
.member-style10 .social-icon li a {display: inline-block;color: #fff;}
.member-style10:hover::before {bottom: 0;transition-delay: 0s;-webkit-transition-delay: 0s;}
.member-style10:hover .content {transform: translateY(0px);-webkit-transform: translateY(0px);visibility: visible;opacity: 1;}
.member-style10 .social-icon li a:hover {color: #111;}



/* responsive */
@media only screen and (max-width: 767px) {
  .member-style10 {margin-bottom: 50px;}
  .member-style10 img {width: 100%;}
}

/*=========================================
            17. TEAM MEMBER STYLE 11 CSS
============================================*/

.member-style11 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style11 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style11 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style11::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;top: 0;z-index: 1;background-color: rgba(255, 255, 255,0.85);opacity: 0;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
.member-style11 .thumb {position: relative;}
.member-style11 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style11 .social-icon {position: absolute;right: 10px;top: 50%;z-index: 1;padding: 5px 15px;margin-top: -60px;opacity: 0;visibility: hidden;background: #ed213a;transform: translateX(60px);-webkit-transform: translateX(60px);}
.member-style11 .social-icon li {display: block;padding: 6px 0;}
.member-style11 .social-icon li a {display: inline-block;color: #fff;}
.member-style11 .content {padding: 25px 20px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;visibility: hidden;opacity: 0;transform: translateY(85px);-webkit-transform: translateY(85px);background: transparent;}
.member-style11 .content .title {margin: 0;color: #111;}
.member-style11 .content .post {color: #707070;}
.member-style11:hover::before {opacity: 1;transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.member-style11:hover .content {transform: translateY(0px);-webkit-transform: translateY(0px);visibility: visible;opacity: 1;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.member-style11:hover .social-icon {opacity: 1;visibility: visible;transform: translateX(0px);-webkit-transform: translateX(0px);transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.member-style11 .social-icon li a:hover {color: #111;}



/* responsive */
@media only screen and (max-width: 767px) {
  .member-style11 {margin-bottom: 50px;}
  .member-style11 img {width: 100%;}
}

/*=========================================
            18. TEAM MEMBER STYLE 12 CSS
============================================*/

.member-style12 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style12 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style12 .thumb {position: relative;}
.member-style12 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style12 .social-icon {position: absolute;right: 10px;top: 0;padding: 5px 10px 15px;;border-radius: 0 0 25px 25px;opacity: 0;visibility: hidden;background: #ed213a;transform: translateY(-150px);-webkit-transform: translateY(-150px);}
.member-style12 .social-icon li {display: block;padding: 6px 0;}
.member-style12 .social-icon li a {display: inline-block;color: #fff;}
.member-style12 .content {padding: 15px 25px;position: absolute;bottom: 50px;left: 0;width: 80%;z-index: 2;visibility: hidden;opacity: 0;text-align: left;border-radius: 0 50px 50px 0;transform: translateX(-150px);-webkit-transform: translateX(-150px);background: #ed213a;}
.member-style12 .content .title {margin: 0;color: #fff;}
.member-style12 .content .post {color: #fff;}
.member-style12:hover::before {opacity: 1;transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.member-style12:hover .content {transform: translateX(0px);-webkit-transform: translateX(0px);visibility: visible;opacity: 1;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.member-style12:hover .social-icon {opacity: 1;visibility: visible;transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.member-style12 .social-icon li a:hover {color: #111;}



/* responsive */
@media only screen and (max-width: 767px) {
  .member-style12 {margin-bottom: 50px;}
  .member-style12 img {width: 100%;}
}


/*=========================================
            19. TEAM MEMBER STYLE 13 CSS
============================================*/

.member-style13 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style13 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style13 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style13 .thumb {position: relative;}
.member-style13 .thumb::before {content: '';position: absolute;bottom: 0;left: 0;right: 0;top: 0;z-index: 1;background-color: rgba(237, 33, 58, 0.85);opacity: 0;-webkit-transition: all 0.25s ease;transition: all 0.25s ease;}
.member-style13 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style13 .social-icon {position: absolute;left: 30px;top: 50%;z-index: 1;margin-top: -60px;background: transparent;}
.member-style13 .social-icon li {display: block;padding: 6px 0;opacity: 0;visibility: hidden;transform: translateX(-100px);-webkit-transform: translateX(-100px);}
.member-style13 .social-icon li a {display: inline-block;color: #fff;}
.member-style13 .content {padding: 25px 20px;background: #fff;}
.member-style13 .content .title {margin: 0;color: #111;}
.member-style13 .content .post {color: #707070;}
.member-style13:hover .thumb::before {opacity: 1;transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.member-style13:hover .social-icon li {opacity: 1;visibility: visible;transform: translateX(0px);-webkit-transform: translateX(0px);}
.member-style13:hover .social-icon li:nth-child(1) {transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.member-style13:hover .social-icon li:nth-child(2) {transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.member-style13:hover .social-icon li:nth-child(3) {transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.member-style13:hover .social-icon li:nth-child(4) {transition-delay: 0.5s;-webkit-transition-delay: 0.5s;}
.member-style13 .social-icon li a:hover {color: #111;}



/* responsive */
@media only screen and (max-width: 767px) {
  .member-style13 {margin-bottom: 50px;}
  .member-style13 img {width: 100%;}
}

/*=========================================
            20. TEAM MEMBER STYLE 14 CSS
============================================*/

.member-style14 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style14 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style14 .thumb {border-radius: 15px;}
.member-style14 .thumb img {vertical-align: top;backface-visibility: hidden;border-radius: 15px;}
.member-style14 .content {padding: 25px 20px;width: 80%;margin: -50px auto 0;border-radius: 10px;z-index: 1;position: relative;background: #111;}
.member-style14 .content .title {margin: 0;color: #fff;}
.member-style14 .content .post {color: #fff;}
.member-style14 .social-icon {padding: 8px 0;font-size: 1.8em;display: none;}
.member-style14 .social-icon li {display: inline-block;margin: 0 10px;}
.member-style14 .social-icon li a {display: inline-block;color: #fff;}
.member-style14:hover .content {background: #ed213a;}
.member-style14:hover .content .title {display: none;}
.member-style14:hover .content .post {display: none;}
.member-style14:hover .social-icon {display: block;}
.member-style14 .social-icon li a:hover {color: #111;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style14 {margin-bottom: 50px;}
  .member-style14 img {width: 100%;}
}

/*=========================================
            21. TEAM MEMBER STYLE 15 CSS
============================================*/

.member-style15 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style15 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style15 .thumb {position: relative;overflow: hidden;}
.member-style15 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style15 .content {padding: 15px 20px;width: 90%;position: absolute;bottom: 20px;left: 17px;height: 70px;overflow: hidden;background: #ed213a;}
.member-style15 .content .title {margin: 0;color: #fff;}
.member-style15 .content .post {color: #fff;visibility: hidden;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);}
.member-style15 .social-icon {padding: 8px 0;visibility: hidden;opacity: 0;transform: translateY(100px);-webkit-transform: translateY(100px);}
.member-style15 .social-icon li {display: inline-block;margin: 0 6px;}
.member-style15 .social-icon li a {display: inline-block;color: #fff;}
.member-style15:hover .content {height: 140px;transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.member-style15:hover .content .post {visibility: visible;opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.member-style15:hover .social-icon {visibility: visible;opacity: 1;transform: translateY(0px);-webkit-transform: translateY(0px);transition-delay: 0.4s;-webkit-transition-delay: 0.4s;}
.member-style15 .social-icon li a:hover {color: #111;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style15 {margin-bottom: 50px;}
  .member-style15 img {width: 100%;}
}

/*=========================================
            22. TEAM MEMBER STYLE 16 CSS
============================================*/

.member-style16 {position: relative;overflow: hidden;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style16 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style16 .thumb {position: relative;}
.member-style16 .thumb img {vertical-align: top;backface-visibility: hidden;}
.member-style16 .social-icon {position: absolute;left: 0px;top: 0;padding: 10px;visibility: hidden;opacity: 0;background: #ed213a;-webkit-transform: translateY(40px);transform: translateY(40px);}
.member-style16 .social-icon li {display: inline-block;padding: 0 15px;}
.member-style16 .social-icon li a {display: inline-block;color: #fff;}
.member-style16 .content {padding: 15px 25px;position: absolute;bottom: 0;right: 0;width: 80%;z-index: 2;text-align: center;background: #ed213a;}
.member-style16 .content .title {margin: 0;color: #fff;}
.member-style16 .content .post {color: #fff;}
.member-style16:hover::before {opacity: 1;transition-delay: 0.1s;-webkit-transition-delay: 0.1s;}
.member-style16:hover .content {-webkit-transform: translateY(-70px);transform: translateY(-70px);transition-delay: 0.2s;-webkit-transition-delay: 0.2s;}
.member-style16:hover .social-icon {visibility: visible;opacity: 1;-webkit-transform: translateY(70px);transform: translateY(70px);transition-delay: 0.3s;-webkit-transition-delay: 0.3s;}
.member-style16 .social-icon li a:hover {color: #111;}



/* responsive */
@media only screen and (max-width: 767px) {
  .member-style16 {margin-bottom: 50px;}
  .member-style16 img {width: 100%;}
}


/*=========================================
            23. TEAM MEMBER STYLE 17 CSS
============================================*/

.member-style17 {position: relative;overflow: hidden;border: 1px solid #fbece4;border-radius: 5px;padding: 15px;-webkit-box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.08);}
.member-style17 * {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style17 *::before {-webkit-transition: all 0.35s ease;transition: all 0.35s ease;}
.member-style17 .thumb {position: relative;overflow: hidden;}
.member-style17 .thumb img {vertical-align: top;border-radius: 5px;backface-visibility: hidden;}
.member-style17 .social-media-toggler {position: absolute;top: 10px;right: 10px;height: 35px;width: 35px;line-height: 35px;border-radius: 50%;text-align: center;cursor: pointer;background: #111;color: #fff;}
.member-style17 .social-icon {position: absolute;right: 0px;top: 45px;overflow: hidden;visibility: hidden;opacity: 0;transform-origin: top;-webkit-transform: scale(0);transform: scale(0);-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style17 .social-icon li {display: inline-block;margin-bottom: 10px;}
.member-style17 .social-icon li a {display: inline-block;position: relative;z-index: 1;height: 35px;width: 35px;line-height: 35px;text-align: center;border-radius: 50%;background: transparent;border: 1px solid #111;}
.member-style17 .social-icon li a i {position: relative;z-index: 1;color: #111;}
.member-style17 .content {padding: 25px 20px;position: relative;background: #fff;}
.member-style17 .content .title {margin: 0;color: #111111;}
.member-style17 .content .post {color: #707070;}
.member-style17:hover {border-color: #ed213a;}
.member-style17 .social-media-toggler:hover {background: #ed213a;}
.member-style17 .social-media-toggler:hover i.fa-plus {transform: rotate(45deg);-webkit-transition: all 0.3s cubic-bezier(0, 0, 0, 0.1);transition: all 0.3s cubic-bezier(0, 0, 0, 0.1);}
.member-style17 .social-media-toggler:hover .social-icon {visibility: visible;opacity: 1;transform: scale(1);-webkit-transition: all .3s cubic-bezier(0, 0, 0, 0.1);transition: all .3s cubic-bezier(0, 0, 0, 0.1);}
.member-style17 .social-icon li a:hover {border-color: #ed213a;}
.member-style17 .social-icon li a:hover i {color: #ed213a;}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style17 {margin-bottom: 50px;}
  .member-style17 img {width: 100%;}
}

/*=========================================
            24. TEAM MEMBER STYLE 18 CSS
============================================*/

.member-style18 {position: relative;overflow: hidden;}
.member-style18::before {content: "";position: absolute;left: 170%;z-index: 1;height: 100%;width: 100%;background: hsla(0,0%,100%,.2);transform: skewX(45deg);transition: .8s;}
.member-style18 * {-webkit-transition: all 0.35s;transition: all 0.35s;}
.member-style18 *::before,
.member-style18 *::after {-webkit-transition: all 0.35s;transition: all 0.35s;}
.member-style18 img {vertical-align: top;backface-visibility: hidden;-webkit-filter: grayscale(100%);filter: grayscale(100%);-webkit-transition: 1s;transition: 1s;}
.member-style18 .social-icon {position: absolute;top: 0;left: 0;margin: 0;padding: 0;list-style: none;}
.member-style18 .social-icon li {background: #ed213a;width: 40px;height: 40px;text-align: center;line-height: 40px;border-bottom: 1px solid #dc031d;-webkit-transform: perspective(1000px) rotateY(90deg);transform: perspective(1000px) rotateY(90deg);-webkit-transition: all .5s;transition: all .5s;-webkit-transform-origin: left;transform-origin: left;}
.member-style18 .social-icon li a {color: #fff;}
.member-style18 .social-icon li:first-child {-webkit-transition-delay: .1s;transition-delay: .1s;}
.member-style18 .social-icon li:nth-child(2) {-webkit-transition-delay: .2s;transition-delay: .2s;}
.member-style18 .social-icon li:nth-child(3) {-webkit-transition-delay: .3s;transition-delay: .3s;}
.member-style18 .social-icon li:last-child {-webkit-transition-delay: .4s;transition-delay: .4s;}
.member-style18 .content {position: absolute;background: #ed213a;width: 100%;bottom: 0;transition: all .5s;transform: perspective(300px) rotateX(90deg);transform-origin: bottom;text-align: center;padding: 15px 10px;}
.member-style18 .content .title {margin-bottom: 0px;color: #fff;}
.member-style18 .content .post {display: block;margin-top: 5px;color: #fff;}
.member-style18:hover::before {left: -170%;-webkit-transition-delay: .3s;transition-delay: .3s;}
.member-style18:hover img {-webkit-filter: grayscale(0);filter: grayscale(0);-webkit-transform: scale(1.2);transform: scale(1.2);}
.member-style18:hover .social-icon li {-webkit-transform: rotateX(0deg);transform: rotateX(0deg);}
.member-style18 .social-icon li a:hover {color: #111;}
.member-style18:hover .content {-webkit-transform: perspective(300px) rotateX(0deg);transform: perspective(300px) rotateX(0deg);}

/* responsive */
@media only screen and (max-width: 767px) {
  .member-style18 {margin-bottom: 50px;}
  .member-style18 img {width: 100%;}
}