@font-face {
    font-family: 'icon';
    src: url('icon.eot?23948535');
    src: url('icon.eot?23948535#iefix') format('embedded-opentype'),
         url('icon.woff2?23948535') format('woff2'),
         url('icon.woff?23948535') format('woff'),
         url('icon.ttf?23948535') format('truetype'),
  
    font-weight: normal;
    font-style: normal;
  }
  
  .icon-search:before { content: '\e95c'; }
  
  .icon-angle-left:before { content: '\e99b'; } /* '?' */
  .icon-angle-right:before { content: '\e99c'; } /* '?' */
  
  
  
  
   [class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "icon";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
   
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
   
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
   
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
   
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
   
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
   
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
  }
  
  
  
  
  
  .search {
  padding-left: 30px;
  font-size: 16px;
  cursor: pointer;
  position: relative;
  }
  .search input {
  border: 1px solid #eeeeee;
  background: rgba(255, 255, 255, 0.1);
  height: 34px;
  line-height: 34px;
  color: #fff;
  border-radius: 30px;
  width: 0px;
  text-indent: 10px;
  opacity: 0;
  outline:none; }
  .search i.active {
  position: absolute;
  right: 0px;
  top: 0px;
  color:#fff; }
  .search button {
  display: none; }
  .search.active input {
  width: 150px;
  opacity: 1; }
  .search.active i.active {
  position: absolute;
  right: 10px;
  top: 0px; }
  .search.active i.active:before {
    content: '\ea1f';
    border:0!important;
    padding:5px 0!important;
  }
  .motion_1 {
    transition: all 0.5s ease-out; }
    
    
  
  .slick-slider
  {
      position: relative;
  
      display: block;
      box-sizing: border-box;
  
      -webkit-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  
      -webkit-touch-callout: none;
      -khtml-user-select: none;
      -ms-touch-action: pan-y;
          touch-action: pan-y;
      -webkit-tap-highlight-color: transparent;
  }
  
  .slick-list
  {
      position: relative;
  
      display: block;
      overflow: hidden;
  
      margin: 0;
      padding: 0;
  }
  .slick-list:focus
  {
      outline: none;
  }
  .slick-list.dragging
  {
      cursor: pointer;
      cursor: hand;
  }
  
  .slick-slider .slick-track,
  .slick-slider .slick-list
  {
      -webkit-transform: translate3d(0, 0, 0);
         -moz-transform: translate3d(0, 0, 0);
          -ms-transform: translate3d(0, 0, 0);
           -o-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
  }
  
  .slick-track
  {
      position: relative;
      top: 0;
      left: 0;
  
      display: block;
      margin-left: auto;
      margin-right: auto;
  }
  .slick-track:before,
  .slick-track:after
  {
      display: table;
  
      content: '';
  }
  .slick-track:after
  {
      clear: both;
  }
  .slick-loading .slick-track
  {
      visibility: hidden;
  }
  
  .slick-slide
  {
      display: none;
      float: left;
  
      height: 100%;
      min-height: 1px;
  }
  [dir='rtl'] .slick-slide
  {
      float: right;
  }
  .slick-slide img
  {
      display: block;
  }
  .slick-slide.slick-loading img
  {
      display: none;
  }
  .slick-slide.dragging img
  {
      pointer-events: none;
  }
  .slick-initialized .slick-slide
  {
      display: block;
  }
  .slick-loading .slick-slide
  {
      visibility: hidden;
  }
  .slick-vertical .slick-slide
  {
      display: block;
  
      height: auto;
  
      border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
      display: none;
  }