.page-banner--tint {
  position: relative;
}

.page-banner--tint:before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(rgba(12, 31, 54, 0.5), rgba(12, 31, 54, 0.9));
  z-index: 1;
}

.pos-rel {
  position: relative;
}

@media (min-width: 1650px) {
  .pos-rel-later {
    position: relative;
  }
   
  .home_banner .bnrhead {
    margin-top: 15rem;
  }
  
}

.page-banner--dark {
  position: relative;
}

.page-banner--dark:before {
    content: '';
    position: absolute; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
  z-index: 1;
}

.more-index {
  z-index: 22;
}


.hide-alert-box {
  display: none !important;
}

.page-banner-super-white {
position: relative;
}

.page-banner-super-white:before {
    content: '';
    background-size: 100% 200%;
    background-position: center center;
    z-index: 4000;
    background-image: -webkit-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
    background-image: -o-radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
    background-image: radial-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.9));
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

.page-banner-super-white h1 {
color: #0c1f36 !important;
}

.page-banner-super-white .page_btn.transpa {
  border: 1px solid #0c1f36;
  color: #0c1f36;
  
}


 .arrows {
	width: 60px;
	height: 72px;
	position: absolute;
	left: 50%;
	margin-left: -30px;
	bottom: 50px;
   z-index: 2;
   cursor: pointer;
}

.arrows path {
	stroke: #ff61629c;
	fill: transparent;
	stroke-width: 1px;
	animation: arrow 2s infinite;
	-webkit-animation: arrow 2s infinite;
}

@keyframes arrow
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

@-webkit-keyframes arrow /*Safari and Chrome*/
{
0% {opacity:0}
40% {opacity:1}
80% {opacity:0}
100% {opacity:0}
}

.arrows path.a1 {
	animation-delay:-1s;
	-webkit-animation-delay:-1s; /* Safari 和 Chrome */
}

.arrows path.a2 {
	animation-delay:-0.5s;
	-webkit-animation-delay:-0.5s; /* Safari 和 Chrome */
}

.arrows path.a3 {	
	animation-delay:0s;
	-webkit-animation-delay:0s; /* Safari 和 Chrome */
}

@media (max-width: 768px) {
    .arrows {
      display: none;
  }
}



.buttons-parent {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.buttons-parent {
	margin: 0 !important;
}

.buttons-parent a.page_btn.red {
    border: 1px solid #dc3545;
}

.bnrhead .page_btn.transpa {
	margin-left: 0 !important;
}

@media (max-width: 411px) {
	.buttons-parent {
		max-width: 90%;
		justify-content: flex-start;
	}

	.buttons-parent .hs-cta-wrapper:nth-child(3) {
	    margin-top: 1.5rem;
	}

	.buttons-parent .hs-cta-wrapper:nth-child(1) {
	    margin-right: 1rem;
	}
}

@media (max-width: 360px) {
	.buttons-parent .transpa {
		width: 150px !important;
	}
}

@media (min-width: 992px) {

  .buttons-parent {
  	padding-bottom: 5.5rem;
  }

}

.buttons-parent {
max-width: 530px;
}

.page_btn.red:hover {
    background-color: #a53738;
    border-color: #a53738 !important;
}