#filters {
  list-style-type: none;
  text-align: center;
  margin: 0 5% 20px 0;
}

#filters:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#filters li {
  font-size: 14px;
  float: left;
  padding: 6px 8px 4px;
  cursor: pointer;
  margin: 0 5px;
  -webkit-transition: all 0.15s ease-out;
     -moz-transition: all 0.15s ease-out;
       -o-transition: all 0.15s ease-out;
          transition: all 0.15s ease-out;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
}

#filters li:first-child {
    margin-left: 0;
}

#filters li:hover {
  background: #e91d25;
  color: #ffffff;
}

#filters li.active {
  background: #e91d25;
  color: #ffffff;
}

.teamgrid {
    list-style-type: none !important;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
}

.teamgrid li {
    float: left;
    padding: 0 !important;
    margin: 0 !important;
    opacity: 1;
    width: 200px;
    list-style: none !important;
}

.teamgrid li.wookmark-inactive {
    visibility: hidden;
    opacity: 0;
}

.teamgrid figure a {
    background-color: #212121;
}

.teamgrid figure:hover img {
    opacity: .1;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
}

.teamgrid figure:hover .member-name,
.teamgrid figure:hover .member-info,
.teamgrid figure:hover .member-desc {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
}

.member-zoom {
    background-image: url('../img/info-img.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
}

.member-name {
    color: #fff;
}

.member-info {
    color: #fff;
}

.member-name {
    background-color: #e91d25;
    font-size: 20px;
}

.member-info {
    background-color: #313131;
    font-size: 14px;
}

.teamgrid img {
    width: 100%;
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    vertical-align: bottom !important;
    overflow: hidden !important;
    -webkit-backface-visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.teamgrid figure a {
    position: relative;
    overflow: hidden !important;
    display: block;
    outline: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: bottom !important;
    border: 0 !important;
    text-decoration: none !important;
    height: 275px;
}

.teamgrid figure {
    overflow: hidden !important;
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
}

.teamgrid .member-zoom {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto !important;
    opacity: 0;
    width: 60px;
    height: 60px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}

.teamgrid .member-desc {
    position: absolute;
    left: 0;
    bottom: 15px;
    overflow: hidden !important;
    -webkit-transition: all .6s linear;
    -moz-transition: all .6s linear;
    -o-transition: all .6s linear;
    -ms-transition: all .6s linear;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
}

.teamgrid .member-desc div {
    margin: 0;
    padding: 0;
    overflow: hidden !important;
}

.teamgrid .member-name,
.teamgrid .member-info {
    line-height: 1 !important;
    padding: 7px 10px;
    display: inline-block;
}

.teamgrid .member-name {
    -webkit-transition: all .4s linear;
    -moz-transition: all .4s linear;
    -o-transition: all .4s linear;
    -ms-transition: all .4s linear;
}

.teamgrid .member-info {
    -webkit-transition: all .8s linear;
    -moz-transition: all .8s linear;
    -o-transition: all .8s linear;
    -ms-transition: all .8s linear;
}

.teamgrid figure:hover .member-zoom {
    opacity: 1;
}

.teamgrid figure:hover img.rmveffect {
    opacity: 1 !important;
    transform: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
}

.teamgrid figure:hover .member-zoom.rmveffect {
    display: none !important;
}

.teamgrid figure:hover .member-name.rmveffect,
.teamgrid figure:hover .member-info.rmveffect,
.teamgrid figure:hover .member-desc.rmveffect {
    -webkit-transform: translateX(0%) !important;
    -moz-transform: translateX(0%) !important;
    -ms-transform: translateX(0%) !important;
    transform: translateX(0%) !important;
}

.teamgrid li.grid-animate {
    -webkit-transition: all 500ms cubic-bezier(0.645, .045, .355, 1);
    -moz-transition: all 500ms cubic-bezier(0.645, .045, .355, 1);
    -ms-transition: all 500ms cubic-bezier(0.645, .045, .355, 1);
    -o-transition: all 500ms cubic-bezier(0.645, .045, .355, 1);
    transition: all 500ms cubic-bezier(0.645, .045, .355, 1);
    -webkit-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    -moz-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    -ms-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    -o-transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
    transition-timing-function: cubic-bezier(0.645, .045, .355, 1);
}

#team-overlay {
    position: fixed;
    z-index: 999999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: none;
    overflow: hidden !important;
}

#team-overlay {
    background-color: #212121;
    opacity: .7;
}

.team-panel {
    width: 640px;
    background-color: #313131;
}

/* .with-socialbar {
    box-shadow: inset 40px 0 0 0 #212121;
} */

.team-panel,
.team-panel p {
    color: #c7c7c7;
}

.team-panel,
.team-panel p {
    font-size: 14px;
}

.team-panel h1,
.team-panel h2,
.team-panel h3,
.team-panel h4,
.team-panel h5,
.team-panel h6,
.team-blockquote p {
    color: #fff;
}

.team-panel hr {
    margin: 30px -30px !important;
    background-color: #414141;
    height: 1px !important;
}

.panel-left {
    background-color: #212121;
}

.panel-inner {
    padding: 30px;
    background-color: #313131;
}

.panel-title {
    font-size: 28px;
    background-color: #e91d25;
    color: #fff;
    padding: 15px 60px 15px 30px;
}

.close-panel-bt {
    background-image: url('../img/close.png');
    background-repeat: no-repeat;
    background-position: center center;
}

.panel-info {
    font-size: 18px;
    background-color: #414141;
    color: #fff;
    padding: 15px 30px;
}

.team-panel {
    display: none;
    max-width: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.team-panel hr,
.teamlist-popup hr {
    padding: 0 !important;
    outline: 0 !important;
    border: 0 !important;
}

.team-panel p {
    line-height: 1.7;
    margin-bottom: 30px;
}

.team-panel p:last-child {
    margin-bottom: 0;
}

.panel-left {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 100%;
}

.panel-right {
    padding-left: 40px;
}

.panel-inner {
    margin: 0 !important;
}

.panel-title {
    position: relative;
    display: block;
    line-height: 1 !important;
    margin: 0;
}

.close-panel-bt {
    position: absolute;
    right: 20px;
    top: 0;
    width: 40px;
    height: 100%;
    cursor: pointer;
    opacity: .5;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
}

.close-panel-bt:hover {
    opacity: 1;
}

.panel-info {
    display: block;
    line-height: 1 !important;
    margin: 0 !important;
}

.panel-image {
    margin: 0 !important;
    padding: 0 !important;
    height: auto;
}

.panel-image img {
    margin: 0;
    padding: 0;
    width: 100% !important;
    height: auto !important;
    vertical-align: bottom;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.team-icons {
    list-style: none !important;
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: middle;
    width: 40px !important;
}

.team-icons li {
    display: block;
    margin: 0 !important;
    padding: 0 !important;
    width: 40px !important;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
}

.team-icons li.facebook:hover {
    background-color: #3b5998;
}

.team-icons li.twitter:hover {
    background-color: #00aced;
}

.team-icons li.google:hover {
    background-color: #dd4b39;
}

.team-icons li.linkedin:hover {
    background-color: #007bb6;
}

.team-icons li.instagram:hover {
    background-color: #517fa4;
}

.team-icons li.skype:hover {
    background-color: #12a5f4;
}

.team-icons li.vimeo:hover {
    background-color: #aad450;
}

.team-icons li.youtube:hover {
    background-color: #b00;
}

.team-icons li img {
    max-width: 100%;
    height: auto;
    margin: 0 !important;
    padding: 0 !important;
    vertical-align: bottom;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

.team-icons li a {
    display: block;
    margin: 0 !important;
    padding: 10px !important;
    -webkit-transition: background .2s ease-in-out;
    -moz-transition: background .2s ease-in-out;
    -o-transition: background .2s ease-in-out;
    -ms-transition: background .2s ease-in-out;
    transition: background .2s ease-in-out;
    outline: 0 !important;
    border: 0 !important;
}

.panel-video {
    position: relative;
    padding-bottom: 67.5% !important;
    height: 0;
    overflow: hidden !important;
}

.panel-video iframe,
.panel-video object,
.panel-video embed,
.panel-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    outline: 0;
    border: 0;
}

.overflow-hidden {
	overflow: hidden !important;
}

.mCustomScrollbar {
    -ms-touch-action: none;
    touch-action: none;
}

.mCustomScrollbar.mCS_no_scrollbar {
    -ms-touch-action: auto;
    touch-action: auto;
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: 0;
    direction: ltr;
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0;
}

.mCSB_scrollTools {
    position: absolute;
    width: 8px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0;
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0;
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto;
    z-index: 99;
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0;
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    height: 100%;
    margin: 0 auto;
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 99;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 10px;
    height: 100%;
    margin: 0 auto;
    text-align: center;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px;
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer;
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0;
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px;
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px;
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px;
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0;
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px;
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0;
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0;
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
}

.mCSB_scrollTools {
    opacity: .75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)";
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)";
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)";
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, .1);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)";
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)";
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
	background-color: #fff;
}

@media only screen and (min-width: 641px) {
  .panel-image {
    height: 640px;
    overflow: hidden;
    position: relative;
  }

  .panel-image img {
    position: absolute;
    left: 0;
    top: 0;
  }
}

@media only screen and (max-width: 640px) {
  .teamgrid figure a {
    height: 250px !important;
  }
}

@media only screen and (max-width: 594px) {
  .teamgrid li.grid-animate {
    max-width: 250px;
    left: 50% !important;
    transform: translateX(-50%);
  }

/*  .teamgrid figure a {
    height: 275px !important;
  }*/
}