/*-----------Slider------------ */

    .flickity-prev-next-button {
      position: absolute;
      top: 50%;
      width: 44px;
      height: 44px;
      border: none;
      border-radius: 50%;
      color: #fff;
      background: white;
      background: transparent!important;
      cursor: pointer;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
    }

    .flickity-page-dots {
      position: absolute;
      width: 100%;
      bottom: 10px!important;
      padding: 0;
      margin: 0;
      list-style: none;
      text-align: center;
      line-height: 1;
    }

    .flickity-page-dots .dot {
      display: inline-block;
      width: 33px!important;
      height: 5px!important;
      margin: 0 1px!important;
      background: #fe5200!important;
      border-radius: 0%!important;
      opacity: 0.25;
      cursor: pointer;
      transition: 1s;
    }

    .flickity-prev-next-button .arrow {
      fill: #fe5200!important;
    }

    /*Icones no slider*/

    .carousel-cell {
      width: 100%;
      height: auto;
      margin-right: 10px;
      border-radius: 5px;
      background-position: center ;
      background-repeat: no-repeat;
      background-size: cover;
      border-radius: 0px;
    }

    .carousel-cell-2 {
      width: 100%;
      height: auto;
      margin-right: 10px;
      border-radius: 5px;
      background-position: center center;
      background-repeat: no-repeat;
      background-size: cover;
    }

    

    .hover_effect {
      -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      display: block;
      width: 100%;
      padding: 1px;
      position: relative;
      z-index: 2;
      text-decoration: none;
      box-sizing: border-box;
      -moz-box-sizing: border-box;
      -webkit-box-sizing: border-box;
      font-size: 2em;
      font-weight: 600;
      -webkit-user-select: none;
      -webkit-touch-callout: none;  
    }

    .hover_effect:before {
      content: "";
      height: 2px;
      left: 0;
      bottom: 0;
      width: 1px;
      position: absolute;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      right: 0;
      margin: 0 auto;
    }

    .hover_effect:hover {
      color: #010005;
      -webkit-transition: all 1s ease;
      -moz-transition: all 1s ease;
      -ms-transition: all 1s ease;
      -o-transition: all 1s ease;
      transition: all 1s ease;
      cursor: pointer;
    }

    .hover_effect:hover:before, 
    .hover_effect:focus:before{
      width: 80%;
      background-color:#010005;
    }