@charset "UTF-8";
/* CSS Document */
.header-container-wrapper, .footer-container-wrapper{display: none;}


@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@300;400;600;700&display=swap');

@font-face {
    font-family: 'Soho Pro Bold';
    src: url('https://4702098.fs1.hubspotusercontent-na1.net/hubfs/4702098/repository/fonts/SohoPro-Bold.woff') format('woff'),
    url('https://4702098.fs1.hubspotusercontent-na1.net/hubfs/4702098/repository/fonts/SohoPro-Bold.otf') format('otf'),
    url('https://4702098.fs1.hubspotusercontent-na1.net/hubfs/4702098/repository/fonts/SohoPro-Bold.eot') format('eot');
    font-display: swap;
}

.soho{font-family: 'Soho Pro Bold', "Times New Roman", Times, serif !important; font-weight: bold;}

:root {
  --green: #2dc84c;;
  --blue: #001489;
  --white: #ffffff;
  --light-blue: #4BA6DE;
  --light-grey: #eeedef;
  --grey-out: #bbbbbb;
  --cyan: #4DC2B3;
  --default: #636569;
  --fs-xl: 3vw;
  --fs-lg: 2.4vw;
  --fs-md: 1.75vw;
  --fs-sm: 1.4vw;
  --fs-xs: 1.2vw;

  scroll-behavior: smooth;
}



html body {
	background-color: #13193c;
	color: white;
	
}

/* unvisited link */
a:link {
  color: white;
	text-decoration: underline;
}

/* visited link */
a:visited {
  color: white;
}

/* mouse over link */
a:hover {
  color:#F5F5F5!important;
}

/* selected link */
a:active {
  color: white;
}

.f-green {
	color: #2dc84c;
}

.green_bg {
	background-color: #2dc84c;
}
.white_bg {
	background-color: #ffffff;
}
.img-fluid {
    width: 100%;
}
.blue_text{
	color: #001489;
}




.f-blue{color: var(--blue) !important;}
.f-green{color: var(--green) !important;}
.f-light-blue{color: var(--light-blue) !important;}
.f-white{color:  #ffffff !important;}
.f-default{color: var(--default) !important;}
.f-grey-out{color: var(--grey-out) !important;}
a.f-white:hover{color: #eeedef;}

.bg-blue{background: #001489; color: #ffffff;}
.bg-green{background: #2dc84c; color: #ffffff;}
.bg-light-grey{background: #eeedef;}
.bg-white{background: #ffffff;}
.bg-light-blue{background: #4BA6DE; color: #ffffff;}
.bg-cyan{background: #4DC2B3; color: #ffffff;}

.strong{font-weight: 700 !important;}
.rounded{border-radius: 32px !important;}
.uppercase{text-transform: uppercase;}
.hidden{display: none;}

.mt-8{margin-top: 8px;}
.mt-16{margin-top: 16px;}
.mt-24{margin-top: 24px;}
.mt-32{margin-top: 32px;}
.mt-40{margin-top: 40px;}
.mt-64{margin-top: 64px;}
.mt-50{margin-top: 50px;}
.mt-100{margin-top: 100px;}

.mb-8{margin-bottom: 8px;}
.mb-16{margin-bottom: 16px;}
.mb-24{margin-bottom: 24px;}
.mb-32{margin-bottom: 32px;}
.mb-40{margin-bottom: 40px;}
.mb-64{margin-bottom: 64px;}
.mb-100{margin-bottom: 100px;}
.mb-132{margin-bottom: 132px;}

.padding-16{padding: 16px;}
.padding-24{padding: 24px;}
.padding-32{padding: 32px;}

.pt-64{padding-top: 64px;}
.pb-100{padding-bottom: 100px;}
.pb-64{padding-bottom: 64px;}
.pb-50{padding-bottom: 50px;}

.center{text-align: center;}

.display-table{display: table;}
.va-middle{vertical-align: middle; display: table-cell;}

.flex{display: flex;}

a.anchor {
    display: block;
    position: relative;
    top: -250px;
    visibility: hidden;
}
a.anchor#section-plans,
a.anchor#section-bank-rebates,
a.anchor#section-rewards,
a.anchor#mobile-game{
  top: -100px;
}
a.anchor#jay-chou{top: 175px;}
a.anchor#section-plans,
a.anchor#section-bank,
a.anchor#green-discover{top: 0;}
a.anchor#anchor-price-plans{
  top: -350px; 
}
a.anchor#anchor-power-eco,
a.anchor#anchor-referral{
  top: -400px; 
}
a.anchor#anchor-content{
/*   top: 28rem; */
  top: 40rem;
}

ol{padding-left: 20px; font-size: var(--fs-sm);}
ol li.no-style{list-style: none; margin-left: -20px;}

html:focus-within {
  /*scroll-behavior: smooth;*/
}

html body {
  font-family: 'Titillium Web',sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  font-size: 1.2rem;

}
/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 576px) {
	html body {
	  font-size: 1.1rem;

	}
}


a{text-decoration: none;}

h1,h3,h4,h5,h6{font-weight: 700;}

h1{
  color: #ffffff;
  font-size: 4.5vw;
}



h2 {
    font-weight: 700;
	line-height: 1.2;
}
h3 {
    font-weight: 700;
	line-height: 1.2;
}

#scroll-down-circle {
border: 3px solid var(--white);
border-radius: 50%;
display: inline-block;
height: 48px;
width: 48px;
}

#scroll-down-circle .iconify {
margin-top: 4px;
}

.building_image{
	margin-top: -350px;
	z-index: 0
}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 576px) {
	.building_image{
		margin-top: -80px;
		z-index: 0
	}
}

/*Medium devices (tablets, 768px and up)*/
@media only screen and (min-width: 577px) and (max-width: 767px) {
	.building_image{
		margin-top: -80px;
		z-index: 0
	}
}

/*Large devices (desktops, 992px and up)*/
@media only screen and (min-width: 768px) and (max-width: 992px) {
	.building_image{
		margin-top: -120px;
		z-index: 0
	}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media only screen and (min-width: 993px) and (max-width: 1199px) {
	.building_image{
		margin-top: -160px;
		z-index: 0
	}
}
.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}

.page_radius{
	border-radius: 2em;
}
.page_radius_top_bottom_right{
	border-bottom-right-radius: 2em;
	border-top-right-radius: 2em;
}

/*Small devices (landscape phones, 576px and up)*/
@media only screen and (max-width: 768px) {
	.page_radius_top_bottom_right{
		border-bottom-right-radius: 0em;
		border-top-right-radius: 2em;
		border-top-left-radius: 2em;
	}
}

.btn {
    border-radius: 1.5rem;
	
}
.btn-primary {
    background: #2dc84c !important;
    border: 0 !important;
    border-radius: 36px !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 1.2rem !important;
    padding: 3px 45px 5px !important;
}



.holder img {
  width: auto; /* Will shrink image to 30% of its original width */
  height: 100%;    
}


.back-to-top {
    border: 3px solid var(--white);
    border-radius: 24px;
    bottom: 3em;
    content: url(https://api.iconify.design/ion/chevron-up-outline.svg?color=white);
    cursor: pointer;
    opacity: 0;
    height: 48px;
    padding: 0 2px;
    position: fixed;
    left: 3.5em;
    text-align: center;
    width: 48px;
    z-index: 99;
	 transition: all 0.5s ease;
}

@media only screen and (max-width: 1300px) {
    .back-to-top {
        left: 2.5em;
    }
}

.showBtn {
  opacity: 1!important;
  transform: translateY(0);
}


.promo-banner {
  background-color: #FFFFFF !important ;
  background-image: url(https://4702098.fs1.hubspotusercontent-na1.net/hubfs/4702098/TogetherAs1/images/after1111/togetheras1-1100x656.jpg); 
  background-repeat: no-repeat;
  background-position: center right;
  background-size: contain;
}

@media (max-width: 760px) {
  .promo-banner {
   background-color: #FFFFFF !important;
   background-image: none; 
}
.mb-3 {
    margin-top: 3.5rem;
}

/*Animations*/

[data-animate-in] {
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease
}

[data-animate-in="up"] {
    transform: translate3d(0, 24px, 0)
}

[data-animate-in="left"] {
    transform: translate3d(-25%, 0, 0)
}

[data-animate-in="right"] {
    transform: translate3d(25%, 0, 0)
}

[data-animate-in="down"] {
    transform: translate3d(0, -24px, 0)
}

[data-animate-in="fadeIn"] {
    transform: translate3d(0, 0, 0)
}

[data-animate-in].in-view {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.6s ease, opacity 0.6s ease
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease
}

.page-loaded .fade-in,.page-loaded.fade-in {
    opacity: 1
}

.isSafari.isTouch [data-animate-in],.isSafari.isTouch [data-animate-in="up"] {
    opacity: 1;
    transition: none;
    transform: none
}