.slider--teams {
  position: relative;
  top: 50%;
  left: 50%;
  max-width: 750px;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.slider--teams .slider--teams__team {
  position: relative;
  overflow: hidden;
}

#list {
  position: relative;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
#list li {
  position: relative;
  display: inline-block;
  float: left;
  text-align: center;
  border-right: 1px solid #000;
}

#list li:nth-last-child(1) {
  border-right: 0px;
}

#list li figure {
  cursor: pointer;
  margin: 1em;
  opacity: 0.5;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: opacity 450ms ease-in-out, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: opacity 450ms ease-in-out, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 450ms ease-in-out;
  transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 450ms ease-in-out, -webkit-transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-transform: scale(0.5) translateZ(0px);
          transform: scale(0.5) translateZ(0px);
}
#list li figure:hover {
  opacity: 0.8;
  -webkit-transform: scale(0.6) translateZ(0px);
          transform: scale(0.6) translateZ(0px);
}
#list li figure:active {
  opacity: 1;
  -webkit-transform: scale(0.7) translateZ(0px);
          transform: scale(0.7) translateZ(0px);
}
#list li figure > div {
  border-radius: 5px;
  position: relative;
  margin: 2rem auto;
  width: 120px;
  height: 120px;
  overflow: hidden;
  -webkit-transform: rotate(45deg) translateZ(0px);
          transform: rotate(45deg) translateZ(0px);
}
#list li figure > div > div {
  background: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/953/teams.jpg) no-repeat;
  background-size: cover;
  background-position: 0px 0px;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 170px;
  height: 170px;
  -webkit-transform: rotate(-45deg) translate(0%, -70%);
          transform: rotate(-45deg) translate(0%, -70%);
}
#list li figure figcaption h2 {
  color: #333;
  font-size: 1.6rem;
  font-weight: 800;
}
#list li figure figcaption p {
  color: #666;
  font-size: 0.9rem;
  font-weight: 400;
}
#list li:nth-child(1) figure > div > div {
  background-position: 0px 0px !important;
}
#list li:nth-child(2) figure > div > div {
  background-position: 0px 20% !important;
}
#list li:nth-child(3) figure > div > div {
  background-position: 0px 40% !important;
}
#list li:nth-child(4) figure > div > div {
  background-position: 0px 60% !important;
}
#list li:nth-child(5) figure > div > div {
  background-position: 0px 80% !important;
}
#list li:nth-child(6) figure > div > div {
  background-position: 0px 100% !important;
}

.active {
  opacity: 1 !important;
  -webkit-transform: scale(1) translateZ(0px) !important;
          transform: scale(1) translateZ(0px) !important;
}

.cf:before,
.cf:after {
  content: " ";
  display: table;
}

.cf:after {
  clear: both;
}

.cf {
  *zoom: 1;
}

.slider--teams ul li figcaption h2 {
  padding-bottom: 10px;
}


/******************  News Slider Demo-5 *******************/
.post-slide5{margin:0 15px;transition:all .4s ease-in-out 0s;box-shadow:0 1px 2px rgba(43,59,93,.3);margin-bottom:2em}
.post-slide5 .post-img{position:relative;overflow:hidden}
.post-slide5 .post-img:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,0);transition:all .4s linear 0s}
.post-slide5:hover .post-img:before{background:rgba(0,0,0,.6)}
.post-slide5 .post-img img{width:100%;height:auto}
.post-slide5 .category{width:20%;font-size:16px;color:#fff;line-height:11px;text-align:center;text-transform:capitalize;padding:11px 0;background:#ff9412;position:absolute;bottom:0;left:-50%;transition:all .5s ease-in-out 0s}
.post-slide5:hover .category{left:0}
.post-slide5 .post-review{padding:25px 20px;background:#fff;position:relative}
.post-slide5 .post-title{margin:0}
.post-slide5 .post-title a{display:inline-block;font-size:16px;color:#ff9412;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:25px;transition:all .3s linear 0s}
.post-slide5 .post-title a:hover{text-decoration:none;color:#555}
.post-slide5 .post-description{font-size:15px;color:#555;line-height:26px}
.post-review .post-bar{margin-top:20px}
.post-bar span{display:inline-block;font-size:14px}
.post-bar span i{margin-right:5px;color:#999}
.post-bar span a{color:#999;text-transform:uppercase}
.post-bar span a:hover{text-decoration:none;color:#ff9412}
.post-bar span.comments{float:right}
@media only screen and (max-width:359px){.post-slide5 .category{font-size:13px}
}