.bg-video-wrap {
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    width: 100%;left: 50%;
    height: 100%;
}
.top-banner h1 span {
  font-family: 'breathing';
}
.top-banner::before {
    background: rgba(0, 0, 0, 0.3);
    transform: none;
    left: 0;
    width: 100%;
}

.bg-video-wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.stretch-container .top-banner__bg img{
      width: 100%;
    height: 100%;
    object-fit: cover;
}



.top-banner {
  height: 800px;
  overflow: hidden;
  margin-top: -160px;
  color:white;
}

.top-banner a.button {
  
  padding:10px 20px 10px 16px;
  border:1px solid #FFF;
  font-weight:300;
  margin: 8px;

}

.top-banner a {
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

.top-banner a.button:hover {
  background: rgba(255,255,255,0.3);
  border:1px solid #FFF;
  text-decoration:none;
  font-weight:400;
  color:white;
}


.top-banner h1, .top-banner .h1{
  font-size: 1.5rem;
  font-weight: 300;
  margin-bottom:25px;
}
.top-banner h1, .top-banner .h1, .top-banner h2, .top-banner .h2, .top-banner h3, .top-banner .h3, .top-banner h4, .top-banner .h4, .top-banner h5, .top-banner .h5, .top-banner h6, .top-banner .h6, .top-banner a, .top-banner p {
  color:white;
}
.top-banner .sub-heading {

  position:absolute;
  width:100%;
  bottom:25px;
  text-align:center;

}
a.scroll-to {
  text-decoration: none;
}
.down {
  font-weight: 600;
  width: 100%;
  position: absolute;
  bottom: 20px;
  left: 46%;
}
.down .bounce {
  -webkit-animation: bounce 2s infinite;
  -o-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
  -webkit-animation-delay: 2s;
  -o-animation-delay: 2s;
  animation-delay: 2s;
}
.down .arrow {
  position: relative;
  bottom: -1.3rem;
  left: 33px;
  margin-left: 0px;
  width: 14px;
  height: 22px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNS43MjciIGhlaWdodD0iOS45ODUiIHZpZXdCb3g9IjAgMCAxNS43MjcgOS45ODUiPgogIDxwYXRoIGlkPSJQYXRoXzY1MzkiIGRhdGEtbmFtZT0iUGF0aCA2NTM5IiBkPSJNNzg2LjU4OSwxODg0Ljg3MWw2LjgsNi44LTYuOCw2LjgiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4OTkuNTM3IC03ODUuNTI5KSByb3RhdGUoOTApIiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIvPgo8L3N2Zz4K);
  background-size: contain;
  background-repeat: no-repeat;
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
.stretch-container{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.top-banner--active .top-banner__bg {
  opacity: 1;
}
.top-banner__bg {
  background-position: 50%;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.top-banner__bg {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.top-banner::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 50%;
  background-repeat-y: no-repeat;
  background-size: cover;
}

.top-banner-content {
  padding-top:50px;
}

.conatainerherotopspace { margin-top: 30px; }


@media (min-width: 1441px) and  (max-width: 1640px){

  .psb-2 {
    padding-bottom: 4%;
}

}

@media (min-width: 1000px) and  (max-width: 1440px){
/*  
   .top-banner {
    height: 750px !important;
  } */
  .psb-2 {
    padding-bottom: 6%;
}
}

@media (min-width: 1200px){
  .top-banner::after {
    background-size: contain;
  }
}
@media (min-width: 992px){
  
  .top-banner {
    height: 100vh;
  }
}

@media (max-width: 1441px){

  .top-banner-content {
    padding-top:125px;
  }
  
}


@media (max-width: 600px){
 .top-banner .row {
    max-width: 380px;
}
  .top-banner a.button {
    min-width:50%;
}


@media (max-width: 991px){
  .top-banner .row {
    max-width: 600px;
}
 .button.button--simple.btn--white {
    text-align: center;
}
}

@media (max-width: 600px){
 .top-banner .row {
    max-width: 380px;
}
  
  
}