.widget-wrap{
      overflow: hidden;
       -webkit-transition: all 0.5s ease;
      -moz-transition: all 0.5s ease;
      -o-transition: all 0.5s ease;
      transition: all 0.5s ease;
    }

    .book-widget{
      padding: 30px 0;
      display: table;
      text-align: center;
      width: 100%;
    }

    .book-widget > div{
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      background: #F8F8F8;
      margin: 0 5px;
      padding: 20px 0;
      border-left: 6px solid #FFFFFF;
      border-right: 6px solid #FFFFFF;
    }

    .book-widget > div:first-child{
      border-left: 0 none;
    }

    .book-widget > div:last-child{
      border-right: 0 none;
    }

    .book-widget input[type=text],
    .book-widget select{
      padding: 6px 10px;
    }

    .book-widget button{
      padding: 7px 12px;
      background: #666;
      border: 0 none;
      color: #FFF;
    }

    .book-widget label{
      font-weight: 400;
    }

    .book-widget input[type=text]:hover{
      cursor: pointer;
    }

.hp-container{
  display: block;
  background: #CCC;
  height: auto;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#loader{
  opacity: 0;
  -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#circleG{
  width:101px;
  margin:auto;
}

.circleG{
  background-color:rgba(255,255,255,0);
  float:left;
  height:22px;
  margin-left:11px;
  width:22px;
  animation-name:bounce_circleG;
    -o-animation-name:bounce_circleG;
    -ms-animation-name:bounce_circleG;
    -webkit-animation-name:bounce_circleG;
    -moz-animation-name:bounce_circleG;
  animation-duration:2.24s;
    -o-animation-duration:2.24s;
    -ms-animation-duration:2.24s;
    -webkit-animation-duration:2.24s;
    -moz-animation-duration:2.24s;
  animation-iteration-count:infinite;
    -o-animation-iteration-count:infinite;
    -ms-animation-iteration-count:infinite;
    -webkit-animation-iteration-count:infinite;
    -moz-animation-iteration-count:infinite;
  animation-direction:normal;
    -o-animation-direction:normal;
    -ms-animation-direction:normal;
    -webkit-animation-direction:normal;
    -moz-animation-direction:normal;
  border-radius:14px;
    -o-border-radius:14px;
    -ms-border-radius:14px;
    -webkit-border-radius:14px;
    -moz-border-radius:14px;
}

#circleG_1{
  animation-delay:0.45s;
    -o-animation-delay:0.45s;
    -ms-animation-delay:0.45s;
    -webkit-animation-delay:0.45s;
    -moz-animation-delay:0.45s;
}

#circleG_2{
  animation-delay:1.05s;
    -o-animation-delay:1.05s;
    -ms-animation-delay:1.05s;
    -webkit-animation-delay:1.05s;
    -moz-animation-delay:1.05s;
}

#circleG_3{
  animation-delay:1.35s;
    -o-animation-delay:1.35s;
    -ms-animation-delay:1.35s;
    -webkit-animation-delay:1.35s;
    -moz-animation-delay:1.35s;
}



@keyframes bounce_circleG{
  0%{}

  50%{
    background-color:#000000;
  }

  100%{}
}

@-o-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:#000000;
  }

  100%{}
}

@-ms-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:#000000;
  }

  100%{}
}

@-webkit-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:#000000;
  }

  100%{}
}

@-moz-keyframes bounce_circleG{
  0%{}

  50%{
    background-color:#000000;
  }

  100%{}
}

 @media (max-width: 767px) {
        .book-widget{
            display: block;
        }

        .book-widget > div {
            display: inline-block;
            text-align: center;
            vertical-align: middle;
            background: transparent;
            margin: 0 25px;
            padding: 20px 0;
            border: 0 none;
        }

        .book-widget > div:last-child {
            display: block;
        }

}