@keyframes grow-left {
  from {
    transform: scaleX(0);
  }
  to {
    transform: scaleX(1);
  }
}

.translate {
  /*opacity: 0;*/
}

.translate.trigger1 {
  transform : scaleX(0); 
  transform-origin: left;
  animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
  animation-delay: 0.2s;
  opacity: 1;
  
}
.translate.trigger2 {
  transform : scaleX(0); 
  transform-origin: left;
  animation: grow-left cubic-bezier(0.785, 0.135, 0.15, 0.86) 0.5s forwards;
  animation-delay: 1.2s;
  opacity: 1;
  transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -webkit-transition: opacity 1.5s ease-in-out;
}

.this-shadow {
  -webkit-box-shadow: 0px 10px 10px -5px rgba(67,66,64,0.6);
  -moz-box-shadow: 0px 10px 10px -5px rgba(67,66,64,0.6);
  box-shadow: 0px 10px 10px -5px rgba(67,66,64,0.6);
}

.banner-btn {
    text-transform: none;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.7rem 4rem;
    font-size: 0.95rem;
    line-height: 1.5;
    border-radius: 0px;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    -o-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
    opacity: 1;
}

@media (min-width: 1440px)
  {
    .carousel-heading{
      font-size: 3em !important;
      font-weight: 300 !important;
      -webkit-font-smoothing: antialiased;
      line-height: 46px;
      margin-top: 0.67em;
    margin-right: 0px;
    margin-bottom: 0.67em;
    margin-left: 0px;
    }
}
@media (max-width: 1440px)
  {
.carousel-caption {
   width: 65% !important
  }
    .carousel-heading{
      font-size: 3em !important;
      font-weight: 300 !important;
      -webkit-font-smoothing: antialiased;
      line-height: 46px;
      margin-top: 0.67em;
    margin-right: 0px;
    margin-bottom: 0.67em;
    margin-left: 0px;
    }
}
@media (max-width: 1024px)
  {
.carousel-caption {
   width: 65% !important
  }
}
@media (max-width: 1024px)
  {
.carousel-caption {
   width: 65% !important
  }
}
@media (max-width: 768px)
  {
.carousel-caption {
   width: 100% !important;
   font-weight: 300 !important;
  }
}
@media (max-width: 414px){
  .carousel-caption {
    font-weight: 700 !important;
  }
  .banner-btn {
    font-size: 0.65rem;
    padding: 0.7rem 1rem; !important;
  }
}