/*-----------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: #FF7416!important;
      border-radius: 0%!important;
      opacity: 0.25;
      cursor: pointer;
      transition: 1s;
    }

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

    /*Icones no slider*/

    .carousel{
      border-radius: 0px!important;
    }

    .carousel-cell {
      width: 100%;
      height: 500px;
      background: #fff;
      border-radius: 5px;
      background-image: url('../images/banner-1.jpg');
      background-position: center ;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .carousel-cell-2 {
      width: 100%;
      height: 500px;
      background: #fff;
      border-radius: 5px;
      background-image: url('../images/banner-2.jpg');
      background-position: center ;
      background-repeat: no-repeat;
      background-size: cover;
    }

    .carousel-cell-3 {
      width: 100%;
      height: 500px;
      background: #fff;
      border-radius: 5px;
      background-image: url('../images/banner-3.jpg');
      background-position: 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;  
      e

    }

    .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;
    }

    /* LightBox */
    /* .modal-dialog {width:900px;}
    .thumbnail {margin-bottom:6px; width: 100%;} */

    .modal-content {
      position: relative;
      background-color: rgba(128, 128, 128, 0.74);
    }

      .lightbox-caption{
        p{
          color: #fff!important;
        }
      }

      .modal-content {
    position: relative;
    background-color: transparent;
    box-shadow: 0 5px 15px rgba(125, 125, 125, 0);
    border: transparent;
}

.modal-footer{
      padding: 0px;
    text-align: right;
    border-top: transparent;
}

.modal-header {
    padding: 0;
    border-bottom: transparent;
}


      /*Extra small devices (portrait phones, less than 576px)*/
      @media (max-width: 575px) { 

        .principais-servicos h1 {
          font-weight: 400;
          font-size: 1em;
          margin: 3px 0;
          color: #0d47a1;
        }

        .carousel-cell, .carousel-cell-2, .carousel-cell-3 {
          width: 100%;
          height: 130px;
          border-radius: 5px;
          background-position: center ;
          background-repeat: no-repeat;
          background-size: cover;
        }

        .carousel-cell-2{
          background-image: url('../images/banner-cel-2.png');
        }

        .carousel-cell-3{
          background-image: url('../images/banner-cel-3.png');
        }

        .principais-servicos .btn-servicos {
          border: 1px solid #0D47A1;
          background-color: #0D47A1;
          color: #fff;
          padding: 4px 11px;
          margin: 5px 0;
          font-size: 15px;
        }
      }

      /*Small devices (landscape phones, 576px and up)*/
      @media (min-width: 576px) and (max-width: 767px) { 

        .principais-servicos h1 {
          font-weight: 400;
          font-size: 2em;
          margin: 25px 0;
          color: #0d47a1;
        }

        .carousel-cell, .carousel-cell-2, .carousel-cell-3 {
          width: 100%;
          height: 200px;
          border-radius: 5px;
          background-position: center ;
          background-repeat: no-repeat;
          background-size: cover;
        }


      }

      /*Medium devices (tablets, 768px and up)*/
      @media (min-width: 768px) and (max-width: 991px) { 

        .principais-servicos h1 {
          font-weight: 400;
          font-size: 3em;
          margin: 25px 0;
          color: #0d47a1;
        }

        .carousel-cell, .carousel-cell-2, .carousel-cell-3 {
          width: 100%;
          height: 250px;
          border-radius: 5px;
          background-position: center ;
          background-repeat: no-repeat;
          background-size: cover;
        }
      }

      /*Large devices (desktops, 992px and up)*/
      @media (min-width: 992px) and (max-width: 1199px) {

        .carousel-cell, .carousel-cell-2, .carousel-cell-3 {
          width: 100%;
          height: 300px;
          border-radius: 5px;
          background-position: center ;
          background-repeat: no-repeat;
          background-size: cover;
        }
      }

      /*Extra large devices (large desktops, 1200px and up)*/
      @media (min-width: 1200px) {  }
      @media (min-width: 1440px) and (max-width: 1441px) { 
        .carousel-cell, .carousel-cell-2, .carousel-cell-3 {
          width: 100%;
          height: 300px;
          border-radius: 5px;
          background-position: center ;
          background-repeat: no-repeat;
          background-size: cover;
        }
      }
    }

   /*  @media (min-width: 320px) and (max-width: 1200px){
      .modal-dialog {width:100%;}
      .thumbnail {margin-bottom:6px; width: 100%;}
    } */