#profiles-slider-container {
    margin-top:30px;
    position: relative;
  }
  
    #profiles-slider-container .controls {
      top:150px;
      position: absolute;
      margin:0 25px;
      width:calc(100% - 50px);
    } 
  
      #profiles-slider-container .controls a {
        transition:transform 0.2s;
        margin:10px;
        position:absolute;
        width:70px;
        height:69px;
      }
  
      #profiles-slider-container .controls a:hover {
        margin:0;
        padding:10px;
      }
  
      #profiles-slider-container .controls .prevBtn {
        left:0;
        -webkit-transform:rotate(180deg);
        -ms-transform:rotate(180deg);
        transform:rotate(180deg);
      }
  
      #profiles-slider-container .controls .prevBtn:hover {
        -webkit-transform:scale(1.1) rotate(180deg);
        -ms-transform:scale(1.1) rotate(180deg);
        transform:scale(1.1) rotate(180deg);
      }
  
      #profiles-slider-container .controls .nextBtn {
        right:0;
      }
  
      #profiles-slider-container .controls .nextBtn:hover {
        -webkit-transform:scale(1.1);
        -ms-transform:scale(1.1);
        transform:scale(1.1);
      }
  
  #profiles-slider {
    margin:auto;
  }
  
    #profiles-slider .wrap {
      margin:0 20px;
      max-width:250px;
    }
  
    #profiles-slider .wrap > a {
      text-decoration: none;
    }
  
    #profiles-slider .wrap img {
      display: block;
    }
  
    #profiles-slider .wrap > a:hover .details {
      background-color: #f5f6f6;
    }
  
    #profiles-slider .details {
      background-color: #fff;
      padding:20px 20px 40px;
      overflow:hidden;
      position:relative;
      transition:background-color 0.3s
    }
  
    #profiles-slider .title {
      font-size:18px;
      font-weight:600;
    }
  
    #profiles-slider .desc {
      font-size:13px;
      line-height: 18px;
      color:#666;
      margin-top:5px;
    }
  
    #profiles-slider .more {
      text-indent: -9999px;
      background: url('/media/howardcc/site-assets/images/icon-arrow-more.svg') no-repeat;
      display: inline-block;
      width: 16px;
      height: 16px;
      position:absolute;
      bottom:10px;
      right:10px;
    }
  
  @media all and (min-width:1450px) {
    
    #profiles-slider {
      overflow:visible !important;
    }
  
      body.js #profiles-slider li {
        opacity: 0.5;
        transition:opacity 1s;
      }
  
      body.js #profiles-slider li.active {
        opacity: 1;
      } 
    
    #profiles-slider-container .controls {
      margin:0 100px;
      width:calc(100% - 200px);
      left:0;
    } 
  }