/* 1. Service */
.service_selector{
    width: calc(33% - 10px);
    max-width: 100px;
    height: 100px;
    padding: 0px 10px;
    margin: 5px;
    color: #c2c2c2;
    cursor: pointer;
    display: inline-block;
    border-radius: 4px;
    vertical-align: middle;
}

.service_selector:active, .service_selector.active{
    background-color: #ca064d;
    color: #fff;
}

.service_container{
    /* border: 1px solid #c2c2c2;
    border-radius: 50%; */
    width: 80px;
    height: 60px;
    text-align: center;
}

.service_container:active, .service_container.active{
    /* border: 1px solid #000; */
    background-color: #ca064d;
    color: #fff;
}

i.service{
    /* width: 30px;
    height: 30px; */
    font-size: 30px;
    line-height: 60px;
}

.service_container .transport-plane{
    margin-left: 2px !important;
}

.service_container .transport-ship{
    margin-left: -4px !important;
}

p.service_title{
  width: 100% !important;
  text-align: center !important;
  padding: 0 !important;
  margin: 0 !important;
}

.tickets_css img.icon_service{
  width: 80px;
  padding: 10px;
  cursor: pointer;
}

.tickets_css .grayscale{
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.tickets_css img.services_preview{
    width: 60%;
    margin-left: 20%;
    margin-top: 12%;
}

.location_services{
  position: absolute;
  left: 10%;
  width: 20%;
  text-align: center;
  top: 21%;
  color: #16869f
}