#blog-section2 * {
  margin: 0;
  padding: 0; }

#blog-section2 *,
#blog-section2 *:after,
#blog-section2 *:before {
  box-sizing: border-box; }

#blog-section2 html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility; }

#blog-section2 html,
#blog-section2 body {
  width: 100%;
  height: 100%; }

#blog-section2 body {
  font-family: 'Open Sans', sans-serif;
  font-size: 100%; }

#blog-section2 ul #blog-section2 li {
  list-style-type: none; }

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

#list {
  position: relative;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0); }
  #list li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center; }
    #list li figure {
      cursor: pointer;
      margin: 1em;
      opacity: 0.5;
      backface-visibility: hidden;
      transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 450ms ease-in-out;
      transform: scale(0.5) translateZ(0px); }
      #list li figure:hover {
        opacity: 0.8;
        transform: scale(0.6) translateZ(0px); }
      #list li figure:active {
        opacity: 1;
        transform: scale(0.7) translateZ(0px); }
      #list li figure > div {
        border-radius: 5px;
        position: relative;
        margin: 2rem auto;
        width: 300px;
        height: 200px;
        overflow: hidden; }
        #list li figure > div > div {
          background-size: cover;
          position: absolute;
          width: 300px;
          height: 200px; }
      #list li figure figcaption h2 {
        color: #ffffff;
        font-size: 1.6rem;
        font-weight: 800; }
      #list li figure figcaption p {
        color: #ffffff;
        font-size: 0.9rem;
        font-weight: 400; }

#list2 {
  position: relative;
  backface-visibility: hidden;
  transform: translate3d(0, 0, 0); }
  #list2 li {
    position: relative;
    display: inline-block;
    float: left;
    text-align: center; }
    #list2 li figure {
      cursor: pointer;
      margin: 1em;
      opacity: 0.5;
      backface-visibility: hidden;
      transition: transform 450ms cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 450ms ease-in-out;
      transform: scale(0.5) translateZ(0px); }
      #list2 li figure:hover {
        opacity: 0.8;
        transform: scale(0.6) translateZ(0px); }
      #list2 li figure:active {
        opacity: 1;
        transform: scale(0.7) translateZ(0px); }
      #list2 li figure > div {
        border-radius: 5px;
        position: relative;
        margin: 2rem auto;
        width: 275px;
        height: 200px;
        overflow: hidden; }
        #list2 li figure > div > div {
          background-size: cover;
          position: absolute;
          width: 275px;
          height: 200px; }
      #list2 li figure figcaption h2 {
        color: #ffffff;
        font-size: 1.6rem;
        font-weight: 800; }
      #list2 li figure figcaption p {
        color: #ffffff;
        font-size: 0.9rem;
        font-weight: 400; }

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

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

.cf:after {
  clear: both; }

.cf {
  *zoom: 1; }

/*# sourceMappingURL=slider.css.map */