/*.vertical .carousel-inner {
  height: 100%;
}

.carousel.vertical .item {
  -webkit-transition: 0.9s ease-in-out top;
  -moz-transition: 0.9s ease-in-out top;
  -ms-transition: 0.9s ease-in-out top;
  -o-transition: 0.9s ease-in-out top;
  transition: 0.9s ease-in-out top;
}

.carousel.vertical .active {
  top: 0;
}

.carousel.vertical .next {
  top: 700px;
}

.carousel.vertical .prev {
  top: -700px;
}

  .carousel.vertical .next.left,
  .carousel.vertical .prev.right {
    top: 0;
  }

.carousel.vertical .active.left {
  top: -700px;
}

.carousel.vertical .active.right {
  top: 700px;
}

.carousel.vertical .item {
  left: 0;
}*/



carousel-indicators {
  z-index: 3 !important;
  font-family: 'Mercury Display' !important;
}

@media screen and (min-width: 790px) {
  .carousel-indicators {
    top:40px !important;
    /*bottom: 520px !important;*/
  }
}


.carousel-indicators li {
  text-indent: 0;
  margin: 0 2px;
  width: 50px;
  height: 50px;
  font-weight: 700;
  border: none;
  border-radius: 100%;
  line-height: 50px;
  color: white;
  background-color: #77777A;
  transition: all 0.25s ease;
}



.carousel-indicators .active {
  text-indent: 0;
  margin: 0 2px;
  width: 50px;
  height: 50px;
  font-weight: 700;
  border: none;
  border-radius: 100%;
  line-height: 50px;
  color: #77BC1F;
  background-color: white;
  transition: all 0.25s ease;
}

.service_m_head {
  font-family: 'Mercury Display' !important;
  font-weight: 700;
  font-size: 25pt;
  margin-top: 8%;
  padding-bottom: 0px;
}

.cell_gray {
  background-color: #77777A;
  color: white;
  text-align: center;
  min-height: 400px;
  padding-bottom:20px;
}

.cell_green {
  background-color: #77BC1F;
  color: white;
  text-align: center;
  min-height: 400px;
  padding-bottom:20px;
}

.hr_serv_green {
  border: 1px solid #9ACC5F;
  margin-left: 10%;
  margin-right: 10%;
  /*margin-top: 40px;
  margin-bottom: 40px;*/
}

.hr_serv_gray {
  border: 1px solid #A2A1A6;
  margin-left: 10%;
  margin-right: 10%;
  /*margin-top: 40px;
  margin-bottom: 40px;*/
}

.tradeshow_special {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.no_space {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.serv_p {
  font-family: 'PT Sans';
  font-size: 12pt;
  text-align: center;
  margin-left: 10%;
  margin-right: 10%;
}

.green_pipe{
  color:#77BC1F;
}

.title_head{
  color:black;
  font-family:'PT Sans';
  letter-spacing:2px;
  font-size:20pt
}

#myCarouselFulfillment ul,
#myCarouselService {
  list-style-type:none !important;
}

#myCarouselFulfillment ul > li,
#myCarouselService ul > li {
  line-height: 100% !important;
  text-decoration: none !important;
}


#myCarouselFulfillment > .carousel-indicators li {
  text-indent: 0;
  margin: 0 2px;
  width: 50px;
  height: 50px;
  font-weight: 700;
  border: none;
  border-radius: 100%;
  line-height: 50px;
  color: white;
  background-color: #77BC1F;
  transition: all 0.25s ease;
}



#myCarouselFulfillment > .carousel-indicators .active {
  text-indent: 0;
  margin: 0 2px;
  width: 50px;
  height: 50px;
  font-weight: 700;
  border: none;
  border-radius: 100%;
  line-height: 50px;
  color: #77777A;
  background-color: white;
  transition: all 0.25s ease;
}



@media(max-width:768px) {
    .service_m_head {
      /*margin-top: 30% !important;*/
    }

    .serv_p {
      font-family: 'PT Sans';
      font-size: 9pt;
      text-align: center;
      margin-left: 10%;
      margin-right: 10%;
    }

  }



@media (max-width:414px) {
  /*.service_m_head {
    margin-top: 20% !important;
  }*/
  #myCarouselFulfillment > .carousel-indicators li {
    width: 30px;
    height: 30px;
  }

  .serv_p{
    font-size:10pt !important;
  }

  .serv_p span{
    font-size:9pt !important;
  }

  .carousel-indicators {
    bottom: 0px !important;
  }


  .hr_serv_gray {
    border: 1px solid #A2A1A6;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .hr_serv_green {
    border: 1px solid #9ACC5F;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }

  .service_m_head {
    font-family: 'Mercury Display' !important;
    font-weight: 700;
    font-size: 20pt;
    margin-top: 8%;
    padding-bottom: 0px;
  }

  .serv_p {
    font-family: 'PT Sans';
    font-size: 11pt;
    text-align: center;
    margin-left: 1% !important;
    margin-right: 1% !important;
  }

    .serv_p span {
      font-size: 10pt;
      line-height: 120%;
    }

  .carousel-indicators li {
    text-indent: 0;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    font-weight: 700;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: white;
    background-color: #77777A;
    transition: all 0.25s ease;
    margin-bottom: 5px;
  }



  .carousel-indicators .active {
    text-indent: 0;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    font-weight: 700;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #77BC1F;
    background-color: white;
    transition: all 0.25s ease;
    margin-bottom: 5px
  }

  #myCarouselService .cell_gray {
    min-height: 400px;
  }

   #myCarouselService .cell_green {
    min-height: 400px;
  }

  #myCarouselFulfillment .cell_gray {
    min-height: 400px !important;
  }

  #myCarouselFulfillment .cell_green {
    min-height: 400px !important;
  }


  #myCarouselFulfillment > .carousel-indicators li {
    text-indent: 0;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    font-weight: 700;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: white;
    background-color: #77BC1F;
    transition: all 0.25s ease;
    margin-bottom: 5px
  }



  #myCarouselFulfillment > .carousel-indicators .active {
    text-indent: 0;
    margin: 0 2px;
    width: 30px;
    height: 30px;
    font-weight: 700;
    border: none;
    border-radius: 100%;
    line-height: 30px;
    color: #77777A;
    background-color: white;
    transition: all 0.25s ease;
    margin-bottom: 5px
  }

  /*VERTICAL SLIDE*/
  /*#myCarouselFulfillment > .carousel.vertical .next {
    top: 700px;
  }

  #myCarouselFulfillment > .carousel.vertical .prev {
    top: -700px;
  }

    #myCarouselFulfillment > .carousel.vertical .next.left,
    #myCarouselFulfillment > .carousel.vertical .prev.right {
      top: 0;
    }

  #myCarouselFulfillment > .carousel.vertical .active.left {
    top: -700px;
  }

  #myCarouselFulfillment > .carousel.vertical .active.right {
    top: 700px;
  }*/
}