.flex-carousel-outer {
  overflow-x: hidden;
  padding: 0 0 50px 0;
}

.flex-carousel-slider {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  left: -100%;
  margin: 0;
  padding: 0;
  position: relative;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
  flex-direction:row;
  -ms-flex-direction:row;
  -webkit-flex-direction:row;
  flex-wrap:nowrap;
  -webkit-flex-wrap:nowrap;
   -ms-flex-wrap:nowrap;
}



.fs-item {
  position:relative;
  flex: 1 0 100%;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  order: 2;
  -webkit-order:2;
  -ms-order:2;
  padding: 50px;
  /*background: #ffffff;*/
  z-index:0;
}
.bg-white .fs-item {background: #49c5b1; color: #fff;}
.bg-white .fs-item span.publisher {color: #fff;}
.bg-white .fs-item:hover span.publisher:before {color: #49c5b1}
.bg-white .fs-item span.publisher:before {color:#34495e}

.bg-100 .fs-item {background: #ffffff;}

.fs-item:hover {
  -webkit-transition: all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition:         all 300ms cubic-bezier(0.645, 0.045, 0.355, 1);
  background:#34495e;
  color:#fff;
}


.fs-item:hover .publisher {
  color:#fff;
}


.fs-item.activate {
  order: 1;
  -webkit-order:1;
  -ms-order:1;
}

.fs-cta {
position: absolute;
    right: 15px;
    bottom: -30px;
}

.fs-controls-container {
    position: absolute;
   /* left: 15px;*/
    bottom: -30px;
}



.fs-controls-container img {max-width:30px; /*opacity:.35*/}

a.fs-control {text-decoration: none}



/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/

/*==========  Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media (max-width: 2560px) {
  .flex-carousel-outer {
        margin: 0 -1.666665%;
  }
  .flex-carousel-slider {
    left: -33.33333%;
    transform: translateX(33.33333%);
    -webkit-transform: translateX(33.33333%);
    min-height:325px;
  }
  
  .flex-carousel-slider.reverse {
    right:33.33333%;
    transform: translateX(-33.33333%);
    -webkit-transform: translateX(-33.33333%);
   
  }
  
  .fs-item {
    flex-basis: 30%;
    -webkit-flex-basis: 30%;
    -ms-flex:1 0 30%;
    margin:0 1.666665%;
    /*font-family:"Gibson-Semibold";
    font-size:24px;
    line-height:1.3;*/
     display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction:column;
  }
  .fs-item span {display:block; width:100%;}
  .fs-item .title {
        flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
  }
  .fs-item span.publisher {
    
    position:relative;
    align-self:flex-end;
    /*margin-top:45px;
    font-size:18px;
    font-family:"Gibson-SemiboldIt";
    color:#000;*/
  }
  .fs-item span.publisher:before {
    content:'Published By';
    position:absolute;
    top:-15px;
    left:0;
    font-size:10px;  
    font-family:"Gibson-Semibold";
    text-transform:uppercase;
    color:#33cc99;
  }
  .fs-item img {
    max-width:100px;
  }
  
  .flex-carousel-slider.rested {
  -webkit-transform: none;
   transform: none;
   -webkit-transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1);

  
}
  
}

@media (max-width: 1024px) {
}

/* Medium Devices, Desktops */
@media (max-width: 992px) {
   .flex-carousel-outer {
        margin: 0 -1%;
  }
  .flex-carousel-slider {
    left: -50%;
    transform: translateX(50%);
    -webkit-transform: translateX(50%);
  }
  .flex-carousel-slider.reverse {
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
  }
  .fs-item {
    flex-basis: 48%;
    -webkit-flex-basis: 48%;
    -ms-flex-basis: 48%;
    margin:0 1%;
  }
   .flex-carousel-slider.rested {
  -webkit-transform: none;
   transform: none;
   -webkit-transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1);

}
/* Small Devices, Tablets */
@media (max-width: 767px) {

   .flex-carousel-outer {
        margin: 0;
  }
   .flex-carousel-slider {
    left: -100%;
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
  }
  .flex-carousel-slider.reverse {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
  }
 
  
  .fs-item {
    flex-basis: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-basis: 100%;
    margin:0;
  }
   .flex-carousel-slider.rested {
  -webkit-transform: none;
   transform: none;
   -webkit-transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
  transition: transform 600ms cubic-bezier(0.645, 0.045, 0.355, 1);
}