.goTo {
  background-color: #b8353c!important;
  color: #fff!important;
  padding: 14px 30px!important;
  margin: 20px 0;
  text-transform: uppercase;
  width: 50%;
  font-weight: 700;
  text-align: center;
  border-radius: 10px;
  -webkit-animation-name: "play_down";
  -moz-animation-name: "play_up";
  animation-duration: 1s;
  animation-iteration-count: infinite
}

@keyframes play_top {
  0% {
      -webkit-box-shadow: 0 0 rgba(0,163,182,.6);
      -moz-box-shadow: 0 0 rgba(0,163,182,.6);
      box-shadow: 0 0 rgba(0,163,182,.6)
  }

  to {
      -webkit-box-shadow: 0 0 0 20px transparent;
      -moz-box-shadow: 0 0 0 20px transparent;
      box-shadow: 0 0 0 20px transparent
  }
}

@keyframes play_down {
  0% {
      -webkit-box-shadow: 0 0 rgba(55,55,55,.6);
      -moz-box-shadow: 0 0 rgba(55,55,55,.6);
      box-shadow: 0 0 rgba(55,55,55,.6)
  }

  to {
      -webkit-box-shadow: 0 0 0 20px transparent;
      -moz-box-shadow: 0 0 0 20px transparent;
      box-shadow: 0 0 0 20px transparent
  }
}

.carousel {
  position: relative;
  max-width: 600px;
  margin: 0 auto;
  overflow: hidden
}

.carousel-inner {
  display: flex;
  transition: transform .5s ease-in-out
}

.carousel button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,.5);
  color: #fff;
  padding: 10px 20px;
  border: none;
  cursor: pointer
}

#prevBtn {
  left: 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px
}

#nextBtn {
  right: 0;
  color: #fff;
  font-weight: 700;
  padding: 10px 20px
}


@media(max-width: 991.98px) {
  .goTo {
      width:90%
  }
}

@media(max-width: 991.98px) {
  .container .tf-rhs-col {
      display:none
  }
}