


.bottom_banner {
    position: relative;
    margin-bottom: 40px;
    overflow: hidden;
}
.bottom_banner img {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.bottom_banner_inner {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 750px;
    min-width: 290px;
    text-align: center;
}

.bottom_banner h4 {
    font-weight: normal;
    font-size: 40px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 25px 0;
}
.bottom_banner p {
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    margin: 0 0 4px 0;
    max-width: 600px;
}
.bottom_banner a {
  font-size: 14px;
  font-weight: normal;
  line-height: 58px;
  text-transform: none;
  text-align: center;
  color: #fff;
  white-space: nowrap;
  display: inline-block;
  min-width: 180px;
  margin-top: 40px;
  height: 58px;
  padding: 0 25px;
  -webkit-transition: color 0.3s;
  -o-transition: color 0.3s;
  transition: color 0.3s;
  position: relative;
  z-index: 1;
  border: none;
  background: none;
  -webkit-border-radius: 29px;
  border-radius: 29px;
}
.bottom_banner a:hover,
.bottom_banner a:active,
.bottom_banner a:focus,
.bottom_banner a:active:focus {
  text-decoration: none;
  color: #06cc9b;
  outline: none;
}
.bottom_banner a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  z-index: -1;
  -webkit-box-shadow: inset 0 0 0 35px #06cc9b;
  box-shadow: inset 0 0 0 35px #06cc9b;
  -webkit-transform: scale3d(0.9, 0.9, 1);
  transform: scale3d(0.9, 0.9, 1);
  -webkit-transition: box-shadow 0.3s, -webkit-transform 0.3;
  -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
  -o-transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s;
  transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s;
}
.bottom_banner a:hover:before {
  -webkit-box-shadow: inset 0 0 0 2px #06cc9b;
  box-shadow: inset 0 0 0 2px #06cc9b;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

@media (max-width: 481px) {
    .bottom_banner h4 {font-size: 28px;}
}