.intro .title{
    opacity: 0.7;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 24px;
    text-transform: uppercase;
}
.intro h1 {
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 49px;
    margin-bottom: 30px;
}
.intro .subtitle {
	opacity: 0.7;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 21px;
}

.intro .featured-image img{
	width: 500px;
	height: auto;
	top: -50px;
    position: relative;
    right: -70px;
}

.app-dl{
    padding: 0;
    list-style-type: none;
}
.app-dl li{
    display: inline-block;
    vertical-align: top;
}

.app-dl li .icons-comingsoon.adjust .note {
    opacity: 1;
}

.app-dl li .note {
	opacity: 0.4;
	color: #FFFFFF;
	font-family: "Open Sans";
	font-size: 14px;
	line-height: 21px;
}
.app-dl li .icons {
	width: 30px;
}
.app-dl li .icons-comingsoon {
    width: 100%;
    margin-left: 25px;
}

.headerwrap .app-dl li .icons-comingsoon.adjust {
    margin-left: 0;
}

.app-dl li .icons-comingsoon.adjust {
    opacity: 0.4;
}

.app-dl li .icons-comingsoon a.disabled {
	cursor: default;
}

.app-dl li .icons img,
.app-dl li .icons-comingsoon img{
	margin: 0 auto 0.5em;
    display: block;
    vertical-align: top;
    width: 30px;
    height: 30px;
}

.app-dl li .icons p,
.app-dl li .icons-comingsoon p{
	text-align: center;
	font-size: 12px;
	position: relative;
	top: -5px;
}

.app-guide h1 {color: #ffffff;}
.app-guide p {color: #ffffff; opacity: 0.75; font-size: 1em;}

#customer img.custom-icon {
    width: 100%;
    max-width: 130px;
}

.ewallet section{
    margin-top: 30px;
    margin-bottom: 120px;
}
.ewallet .overview h2{
    color: #002C6D;
	font-size: 26px;
	font-weight: 600;
	line-height: 40px;
}
.ewallet h1{
    color: #002C6D;
	font-size: 36px;
	font-weight: 600;
	line-height: 49px;
	text-align: center;
    margin-bottom: 20px;
}
.ewallet p.subtitle{
    color: #7BA8BB;
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 21px;
	text-align: center;
}
.ewallet .content .subtitle {
	color: #002C6D;
	font-size: 18px;
	font-weight: 600;
	line-height: 27px;
    text-align: left;
}
.ewallet .content p{
    color: #7BA8BB;
	font-family: "Open Sans";
	font-size: 16px;
	line-height: 21px;
    text-align: left;
}
.ewallet .loyalty-prg .content,
.ewallet .loyalty-prg .content .subtitle,
.ewallet .loyalty-prg .content p {
    text-align: center;
}
.ewallet .coming-soon {
	color: #F37F76;
	font-family: "Open Sans";
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
	text-align: center;
}

.ewallet .coming-soon.orange-mask {
    color: #FFFFFF;
    font-family: "Open Sans";
    font-size: 16px;
    font-weight: 600;
    line-height: 19px;
    text-align: center;
    padding: .5em 1.2em;
    background-color: #F37F76;
    width: 145px;
    border-radius: 5px;
    margin: 0 auto 20px;
}


.ewallet .app-guide .tab-pane{
    border-radius: 20px;
    padding: 50px 0;
	background: linear-gradient(135deg, #36AEEB 0%, #0083D2 26.19%, #308DDA 63.39%, #37AEEB 100%);
}

.ewallet .app-guide .tab-pane#customer {
	background: linear-gradient(135deg, #36AEEB 0%, #0083D2 26.19%, #308DDA 63.39%, #37AEEB 100%);
}

.ewallet .app-guide .tab-pane#merchant {
	background: linear-gradient(44.77deg, #F37F76 0%, #F39C72 100%);
}

.ewallet .app-guide .tab-pane#merchant .btn-subscribe {color: #ffffff; background: transparent; border: 1px solid #ffffff; animation: subscribe_glow_wallet 2s infinite linear;}

.ewallet .app-guide .tab-pane#merchant .btn-subscribe:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-image-source: radial-gradient(ellipse closest-side, rgba(255, 255, 255,0.4) 0%, rgba(0,0,0,0) 100%);
    border-image-slice: 49% fill;
    border-image-width: 60px 45px 30px 45px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0;
}

.ewallet .app-guide .tab-pane#merchant .btn-subscribe:hover {
	background-color: #ffffff;
	color: #F39C72;
}

.ewallet .app-guide .tab-pane#merchant .btn-subscribe:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-image-source: radial-gradient(ellipse closest-side, rgba(255, 255, 255,0.4) 0%, rgba(0,0,0,0) 100%);
    border-image-slice: 0% fill;
    border-image-width: 60px 45px 30px 45px;
    opacity: 1;
}

.ewallet .app-guide .tab-pane#merchant .btn-subscribe:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
    transition: color .15s ease-in-out,background-color .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0.3;
}

.ewallet .app-guide .tab-pane#merchant .btn-subscribe:hover:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
    opacity: 1;
}

.ewallet .app-guide .tab-pane#partner {
	background: linear-gradient(134.64deg, #C9B0FE 0%, #A380F5 30.74%, #A07DFD 46.81%, #AD70F5 67.56%, #D09FE8 100%);
}

.ewallet .app-guide .tab-pane#partner .btn-subscribe {color: #ffffff; background: transparent; border:1px solid #ffffff; animation: subscribe_glow_wallet 2s infinite linear;}

.ewallet .app-guide .tab-pane#partner .btn-subscribe:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-image-source: radial-gradient(ellipse closest-side, rgba(255, 255, 255,0.4) 0%, rgba(0,0,0,0) 100%);
    border-image-slice: 0% fill;
    border-image-width: 60px 45px 30px 45px;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,background .15s ease-in-out,border-color .15s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0;
}

.ewallet .app-guide .tab-pane#partner .btn-subscribe:hover {
	background-color: #ffffff;
	color: #AD70F5;
}

.ewallet .app-guide .tab-pane#partner .btn-subscribe:hover:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-image-source: radial-gradient(ellipse closest-side, rgba(255, 255, 255,0.4) 0%, rgba(0,0,0,0) 100%);
    border-image-slice: 0% fill;
    border-image-width: 60px 45px 30px 45px;
    opacity: 1;
}

.ewallet .app-guide .tab-pane#partner .btn-subscribe:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
    transition: color .15s ease-in-out,background-color .25s ease-in-out,background .25s ease-in-out,border-color .25s ease-in-out,box-shadow .25s ease-in-out, opacity 0.25s ease-out;
    opacity: 0.3;
}

.ewallet .app-guide .tab-pane#partner .btn-subscribe:hover:after {
    content: attr(data-label);
    position: absolute;
    top: 3px;
    left: 4%;
    right: 4%;
    height: 12px;
    border-radius: 36px 36px 0 0 / 24px 24px 0 0;
    background: linear-gradient(rgba(255,255,255,0.0),rgba(255,255,255,0.0));
    opacity: 1;
}


.ewallet .app-guide .tab-pane .guides img{
    width: 115%;
    left: -40px;
    position: relative;
}

.ewallet .app-guide #partner.tab-pane .guides img {
    width: 103%;
    left: -40px;
    position: relative;
}

.ewallet .app-guide .tab-pane h1{
	color: #FFFFFF;
	font-size: 36px;
	font-weight: 600;
	line-height: 54px;
    text-align: left;
}
#testimonial h2 {
    color: #002C6D;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.6em;
}

#testimonial cite {
	color: #7BA8BB;
	font-size: 16px;
	font-weight: 600;
	font-family: Nunito;
}
#testimonial .title{
    color: #F37F76;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 1px;
	line-height: 24px;
    text-align: left;
    text-transform: uppercase;
}
#testimonial .btm-img{
    width: 100%;
}

#policy .cta-text{
	color: #7BA8BB;
	font-size: 16px;
	line-height: 21px;
	text-align: center;
}

#policy .cta-text a{
	color: #002C6D;
	font-size: 16px;
	line-height: 21px;
    	text-decoration: underline;
}

#get-started .cta-pagelinks .icon_pos,
#get-started .cta-pagelinks .scroll-to  {
    opacity: 1;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
}

#get-started .cta-pagelinks:hover,
#get-started .cta-pagelinks:hover .icon_pos,
#get-started .cta-pagelinks:hover .scroll-to {
    opacity: 0.5;
    text-decoration: none;
}

#get-started .subtitle {
    color: #002C6D;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 27px;
    font-family: "Nunito";
}

#get-started .scroll-to{
    position: relative;
    color: #F37F76;
	font-size: 16px;
	font-weight: 600;
	line-height: 19px;
    text-decoration: none;
    transition: color .15s ease-in-out;
}

#get-started .scroll-to:hover {
    color: #F37F76;
}

#get-started .scroll-to::after{
    content: "\f105";
    font-family: 'icomoon' !important;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border: 0;
    position: absolute;
    top: -1px;
    right: 15px;
}
.ewallet .wallet-visual-group .layer-one.active {
	-webkit-animation-name: card; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: card;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
.ewallet .wallet-visual-group .layer-two.active {
	-webkit-animation-name: screenapp; /* Safari 4.0 - 8.0 */
    -webkit-animation-duration: 2s; /* Safari 4.0 - 8.0 */
    animation-name: screenapp;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes card {
    0%   {left:66px; top: 140px; opacity: 0;}
    100% {left:-70px; top: 0px; opacity: 1;}
}

/* Standard syntax */
@keyframes card {
    0%   {left:66px; top: 140px; opacity: 0;}
    100% {left:-70px; top: 0px; opacity: 1;}
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes screenapp {
    0%   {left:25px; top: 36px; opacity: 0;}
    100% {left:-15px; top: -50px; opacity: 1;}
}

/* Standard syntax */
@keyframes screenapp {
    0%   {left:25px; top: 36px; opacity: 0;}
    100% {left:-15px; top: -50px; opacity: 1;}
}

img.icon_pos {width: 60px; height: auto;}