.service {
  width: 100%;
  height: 350px;
  margin: 10px 0;
  text-align: center;
  border: 10px solid #ddd;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease; }
  .service .service-icon-box {
    position: relative;
    top: 100px;
    display: inline-block;
    margin-bottom: 5px;
    padding: 10px;
    background: Orange;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .service .service-heading {
      position: relative;
      top: 100px;
      -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
      transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55); }
      .service .service-description {
        width: 80%;
        margin: 0 auto;
        opacity: 0;
        -webkit-transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        transition: all 600ms cubic-bezier(0.68, -0.55, 0.265, 1.55);
        -webkit-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0); }
        .service .service-icon-box > img.service-icon {
          width: 250px; }
          .service:hover {
            border-color: #00a8ff; }
            .service:hover .service-icon-box {
              top: -30px; }
              .service:hover .service-heading {
                top: -30px; }
                .service:hover .service-description {
                  opacity: 1;
                  -webkit-transform: scale(1);
                  -ms-transform: scale(1);
                  transform: scale(1); }