@import url("https://use.typekit.net/izk4dfj.css");
@import url("https://use.typekit.net/rer3vdi.css");

* {margin:0; padding:0; outline:0; -webkit-box-sizing:border-box; box-sizing:border-box; list-style:none;}
body {font-size:20px; line-height:normal; color:#000; font-family:"acumin-pro"; /*background: #e9e9e9;*/}
a {outline:none; text-decoration:none; color:#333;}
a:hover {text-decoration:none;cursor: pointer;}
input, textarea, select {font-size:14px; color:#000; vertical-align:middle; font-family:"acumin-pro"; outline:none; resize:none;}
select {appearance: none; -ms-appearance: none; -webkit-appearance: none; background: url(../images/indexpagenew/select_arrow.png) no-repeat right 5px center;}
select::-ms-expand {display: none;}
input[type="button"], input[type="submit"], button {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s; -moz-appearance:none; -webkit-appearance:none; appearance:none;}
.transition {-webkit-transition:ease-in-out .3s; -moz-transition:ease-in-out .3s; -ms-transition:ease-in-out .3s; -o-transition:ease-in-out .3s; transition:ease-in-out .3s;}
img {border:none; vertical-align:top; max-width:100%;}
.clearfix:before, .clearfix:after {content:''; display:block; height:0; overflow:hidden;}
.clearfix:after {clear:both;}
.tac {text-align:center;}
.vAlign {vertical-align:middle;}
.mainCon {width:100%; position:relative; min-height:100vh;padding-top: 150px;}
.container {max-width: 1480px; margin:auto; padding:0 15px;}
.fl {float:left;}
.fr {float:right;}
.flexBox {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.itemCenter {-webkit-align-items: center; align-items: center;}
.just_sb {justify-content: space-between;}
.pr {position:relative;}

header {background: #fff; position: fixed; left: 0; top: 0; width: 100%; z-index: 20; margin-top: 79px;}
header.sticky {margin-top: 0px; box-shadow: 0 0 10px rgb(0,0,0,.3);}
.sticky {position: fixed; top: 0; width: 100%;}
.hdr_l {padding: 10px 0;}
.sticky+ section.en_ban {padding-top: 170px;}
header .hdr_cont {width:100%;max-width: 1466px;min-height: 50px; padding: 0 15px; margin: 0 auto; -webkit-align-items: center; align-items: center;}
.hdr_r {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;-webkit-align-items: center; align-items: center;justify-content: space-between;}
a.per {font-size: 20px;line-height: 28px;color: #0172F4;margin-right: 40px;font-family: acumin-pro,sans-serif; font-weight: 600;
font-style: normal;}
a.h-btn {font-size: 20px;padding: 11px 60px;border-radius: 16px;border:1px solid #34302E;color: #34302E;display: block; cursor: pointer;text-transform: uppercase;font-family: acumin-pro,sans-serif; font-weight: 400; font-style: normal;}
a.h-btn:hover {color: #fff;background-color: #0172F4;border-color: #0172F4;}
a.h-btn.log{margin-right: 16px;}
.toggle_bar {display: inline-block; vertical-align: middle; margin-left: 56px; display: flex; flex-direction: column; align-items:flex-end;}
.bar1, .bar2, .bar3 {width: 30px; height: 3px; background-color: #34302E; margin: 2px 0; transition: 0.4s; border-radius: 30px;}
.bar1 {width: 35px;}
.bar2 {width: 25px;}
.bar3 {width: 15px;}
.change .bar1 {-webkit-transform: rotate(-45deg) translate(-9px, 6px);transform: rotate(-45deg) translate(-9px, 6px); background-color: #000; width: 35px;}
.change .bar2 {opacity: 0;}
.change .bar3 {-webkit-transform: rotate(45deg) translate(-6px, -3px);transform: rotate(45deg) translate(-6px, -3px);background-color: #000;width: 35px;}
.acc_bold {font-family:"acumin-pro"; font-weight: 700; font-style: normal;}
.acc_r {font-family:"acumin-pro"; font-weight: 400; font-style: normal;}
.a_bold{font-family:"acumin-pro"; font-weight: 700; font-style: normal; padding: 5px 0;}
.a_light{font-family:"acumin-pro";; font-weight: 300; font-style: normal;}
.a_med{font-family:"acumin-pro"; font-weight: 500; font-style: normal;}
.a_reg{font-family:"acumin-pro";font-weight: 400; font-style: normal;}
.a_semi{font-family:"acumin-pro"; font-weight: 600; font-style: normal;}
@font-face {
    font-family: 'nathaniel-19regular';
    src: url('nathaniel_covid-19_400.woff2') format('woff2'),
         url('nathaniel_covid-19_400.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.ban_cont {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: flex-start;align-items: center;}
.ban_l h1 {width: 465px;font-size: 100px;line-height: 84px;font-family: 'nathaniel-19regular',sans-serif;color: #FFCE25;
font-weight: normal;font-style: normal;text-transform: uppercase;}
.ban_l p.a_light {font-size: 30px;line-height: 33px;width: 628px;letter-spacing: 0px;color: #34302E;opacity: 1;margin-top: 16px;}
.dwn_hd {font-size: 30px;margin-top: 80px;text-transform: uppercase;color: #34302E;font-family: 'nathaniel-19regular',sans-serif;color: #34302E;}
/*.dwn_bt a:last-child img {margin-top: 12px;}*/
.dwn_bt {margin-top: 8px;}
.dwn_bt a {display: inline-block;}
.dwn_bt a:first-child {margin-right: 38px;}
.y_drop {background-image: url('../images/indexpagenew/Group326.png');width:576px;height: 717px;background-size: cover;background-position:center;
background-repeat: no-repeat;position: relative;}
.ban_r {margin-left: 66px;}
section.en_ban {padding-top: 150px; padding-bottom: 220px;}
.man_img {position: absolute; left: 30%; top: -13%;}
.pc_img {position: absolute; left: 0%; top: -13%;}
.pc_img {position: absolute; left: -8%; top: -16%;}
.bag_img {position: absolute; right: -8%; top: -16%;}
.dollar_img {position: absolute; left: -9%; top: 12%;}
.juice_img {position: absolute; right: -8%; top: -16%;}
.juice_img {position: absolute; right: -4%; top: 16%;}
.d_business {padding-top: 205px; background-color: #FFCE25;}
.bs_hd {font-size: 90px;line-height: 90px;color: #34302E;font-family: 'nathaniel-19regular',sans-serif;text-transform: uppercase;}
.b_cont {padding: 100px 70px 370px;}
.bImg-cont {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between;}
.bImg {border-top: 20px solid #34302E;}
.bi_1 div:last-child .bImg {margin-top: 115px;}
.bImg-text {margin-top: 30px;font-size: 30px;line-height: 34px;color: #34302E;}
.tx_cap {text-transform: capitalize;}
.bImg-cont>div {width: 580px;}

.bi_1 div:last-child .bImg , .bi_2 div:last-child .bImg , .bi_3 div:last-child .bImg{ margin-top: 115px;}
.bImg-cont.bi_2 {  margin-top: -20px;}
.bImg-cont.bi_3 {  margin-top: -20px;}
.ltrs_1 {letter-spacing: 1.1px;}
.gt_business {padding:140px 0 160px;}
.gHd {font-size: 100px;line-height: 90px;color: #0172F4;text-transform: uppercase;margin-bottom: 30px;letter-spacing: 2px; text-align: center;font-family: 'nathaniel-19regular',sans-serif;}
.gt_cont {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: flex-start;}
.gt_hd {font-size: 40px;line-height: 40px;margin-bottom: 30px;color: #0172F4;}
.gt_para span {color: #0172F4;}
.gt_para {width: 536px;font-size: 25px;line-height: 30px;margin-bottom: 20px;}
.gt-r {position: relative;}
.gt-l {margin-top: 12%; margin-right: 5%;}
.s_mob {position: absolute; right: -53%; top: 17%;}
.ph-l {width: 474px;margin-top: 2%;}
.ph_owner {padding-top:370px;padding-bottom: 195px;background-color: #FFCE25;}
.ph_cont {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: flex-start;}
.ph-l h1 {font-size: 90px;line-height: 90px;font-family: 'nathaniel-19regular',sans-serif;color: #34302E;text-transform: uppercase;}
.ph-r {position: relative;}
.ch_msg {position: absolute; right: -14%; top: 10%;}
p.ch_txt {width: 351px; font-size: 30px; line-height: 28px; position: absolute; right: -78%; top: 38%;}

.gr_boss {padding-top: 200px;padding-bottom: 290px;background: #0172F4}
.boss_cont {background: url('../images/indexpagenew/Group664.png') no-repeat center; background-size: cover;height: 1042px; width: 832px;margin: auto;position: relative;}
.boss_hd {font-size: 100px;line-height: 90px;color: #FFCE25;text-transform: uppercase;margin-bottom:65px;letter-spacing: 2px; font-family: 'nathaniel-19regular',sans-serif;text-align: center;}
.boss_hd span {display: block;color: #FFFFFF;}
.bs_bx p {font-size:25px;line-height: 34px;color: #fff}
.bs1 {width: 350px; position: absolute; top: 11%; left: -35%;}
.bs2 {width: 325px; text-align: right; position: absolute; right: -32%; top: 10%;}
.bs3 {width: 311px; position: absolute; left: -50%; top: 41%;}
.bs4 {width: 363px; text-align: right; position: absolute; right: -49%; top: 41%;}

.fnf {padding: 180px 0 160px;background: #34302E}
.fnf_hd-bx {margin-right: auto;display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: center;align-items: center;}
.fnf_hd-bx h1 {font-size: 90px;line-height: 90px;color: #FFCE25;letter-spacing: 3px;margin: 0 28px;
	text-transform: uppercase;font-family: 'nathaniel-19regular',sans-serif;}
.fnf_hd-bx img {width: 79px;}
img.r-dlr {transform: rotate(45deg); -webkit-transform: rotate(45deg);}
.fnf p {font-size: 30px;line-height: 36px;text-align:center;width: 1090px;margin:50px auto 0;color: #fff}
.dw_app {padding: 180px 0;background: #FFCE25;}
.dw_app h1 {font-size: 60px;line-height: 90px;letter-spacing: 2px;color: #34302E;margin-bottom: 85px;text-align: center;text-transform: uppercase; font-family: 'nathaniel-19regular',sans-serif;}
.dw_button-wrap {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: center;align-items: center;}
.dw_button-wrap a:first-child {margin-right: 32px;}

.ftr_sec {padding:120px 80px;background: #34302E}
.ftr_wrap {width: 100%; max-width: 1200px; margin:auto; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between; border-bottom:1px solid #f4f4f4; padding-bottom: 40px;}
.ftr_link-bx {width: 70%; max-width: 660px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;justify-content: space-between;align-items: flex-end;}
.ftr_link-bx a {font-size: 20px;line-height: 33px;color: #fff;transition: all 0.5s ease;-webkit-transition: all 0.5s ease;}
.ftr_link-bx a:hover {color: #FFCE25}
.footerBot {width: 100%; max-width: 1200px; margin:auto; padding: 40px 0 0 0;}
.infoBox {font-size: 20px; font-weight: 300; color: #cccbcb;}
.infoBox span {font-weight: 600; display: block; text-transform: uppercase; color: #fff;}
.infoBox a {color: #cccbcb;}
.social span {font-weight: 600; display: block; text-transform: uppercase; color: #fff;}
.socialLink {margin: 0 -10px;}
.socialLink li {padding: 20px 10px 0 10px;}
.footerText {width: 55%; max-width: 660px; font-size: 16px; line-height: 26px; color: #cccbcb;}
.copy {width: 100%; text-align: right; padding: 40px 0 0 0; font-size: 16px; line-height: 26px; color: #cccbcb;}

.hiwCon {padding: 120px 0 80px 0;}
.hiwInner {max-width: 1200px; margin: auto;}
.hiwInner .lft {width:56%; position: relative; z-index: 10;}
.hiwInner .lft img {width: 100%;}
.hiwInner .rgt {width: 44%; padding-bottom: 50px;}
.hiwHd {font-size: 60px; font-family: 'nathaniel-19regular'; color: #34302E; text-transform: uppercase; padding-bottom: 20px;}
.hiwList li {position: relative; font-size: 25px; line-height: 33px; color: #34302E; min-height: 126px; display: flex; align-items: center; padding: 15px 0 15px 116px;}
.hiwList li:before {content: ''; position: absolute; right: 0; bottom: 0; width: 200%; height: 2px; background:#FFCE25;}
.hiwList li:last-child:before {display: none;}
.hiwList li img {position: absolute; left: 0; top: 14px;}

.merchantTop {padding:120px 0;}
.merchantTop .heading {color: #0172F4; font-size: 70px; line-height: 70px; font-family: 'nathaniel-19regular',sans-serif; padding-right: 20px;}
.merchantTop .subHd {font-size: 30px; color: #34302E; padding: 40px 0;}
.merchantHd {color: #FFCE25; font-size: 90px; line-height: 90px; font-family: 'nathaniel-19regular',sans-serif; padding-right: 20px; text-transform: uppercase; letter-spacing: 2px; padding-bottom: 30px;}
.merchantList {max-width: 900px;}
.merchantList li {position: relative; color: #34302E; font-size: 30px; line-height: 40px; margin-bottom: 20px; padding: 0 105px 0 45px; font-weight: 300;}
.merchantList li span  {display: inline-block; background: #fff; position: relative; z-index: 10; padding-right: 10px;}
.merchantList li strong {position: absolute; right: 0; bottom: 0; font-weight: 700; text-transform: uppercase; background: #fff; z-index: 10; padding-left: 10px;}
.merchantList li:before {content: ''; background:#34302E; width: 10px; height: 10px; position: absolute; left: 15px; top: 16px;}
.merchantList li:after {content: ''; background:#34302E; width:calc(100% - 45px); height: 1px; position: absolute; left: 45px; bottom: 10px;}
.tcText {font-size: 20px; font-weight: 300; padding: 10px 0 0 0;}
.mb80 {margin-bottom: 80px;}

.listText {max-width: 1250px;}
.listText li {position: relative; color: #34302E; font-size: 30px; line-height: 40px; margin-bottom: 20px; padding: 0 105px 0 45px; font-weight: 300;}
.listText li:before {content: ''; background:#34302E; width: 10px; height: 10px; position: absolute; left: 15px; top: 16px;}
.listText li strong {font-weight: 700;}
.contactList {max-width: 900px; border-top: 1px solid #34302E; padding: 80px 0 0 0;}
.contactList ul li {position: relative; color: #34302E; font-size: 30px; line-height: 40px; margin-bottom: 20px; padding: 0 105px 0 45px; font-weight:500;}
.contactList li:before {content: ''; background:#34302E; width: 10px; height: 10px; position: absolute; left: 15px; top: 16px;}
.contactBot {padding: 10px 0 0 45px; font-size: 30px; line-height: 40px; font-weight: 300;}
.contactBot a {font-weight: 700;}

.topHBox .heading {position: relative; z-index: 10; text-transform: uppercase; max-width: 1100px;}
.topHBox .heading span {font-size: 60px; line-height: 60px; text-transform: none; font-family:"acumin-pro"; color: #000; font-weight: 700; display: block; padding-bottom: 25px;}
.topHBox .img {margin-left: -120px;}
.contentBox {color: #34302E; font-size: 30px; line-height: 40px; font-weight:300; max-width: 1050px; padding: 60px 0 0 0;}
.faqList > li {margin: 60px 0 0 30px; list-style: decimal; margin-left: 30px; padding-left: 10px; font-weight: 700;}
.faqList li .q {font-weight: 700;}
.faqList li .ans {padding: 30px 0 0 0; font-weight: 300;}
.faqList li .ans.smll {font-size: 20px; line-height: 26px;}
.faqList li .ans a {font-weight: 600;}
.faqImg {border: 1px solid #0172F4; border-radius: 30px;}
.imgPos {display: inline-block; position: relative;}
a.zoombtn {position: absolute; right: 20px; top: 20px;}
.topHBox.aboutTop .img {margin-left: -440px;}

.securityTop .heading {max-width: 1000px;}
.topHBox.securityTop .img {margin-left: -340px; position: relative;}
.topHBox.securityTop .img .lockIcon {position: absolute; top: 15%; left: 50%; margin-left: -32px;}
.securityCB {max-width: 1350px; position: relative; margin-top: 80px; padding: 80px 0 0 0; justify-content: space-between;}
.securityCB:before {content: ''; background: #0172F4; width: 50%; height: 3px; position: absolute; left: 0; top: 0;}
.securityCB .inner {width: 43%; font-size: 20px; line-height: 34px;}
.securityCB .inner span {display: block; font-size: 30px; font-weight: 700; padding-bottom: 20px;}
.securityCB .inner a {color:#0172F4;}
.securityCB .inner a:hover {color:#333;}
.securityMid {background: #0172F4; text-align: center; padding: 180px 0; color: #fff; font-size: 60px; line-height: 60px;  font-family: 'nathaniel-19regular',sans-serif; text-transform: uppercase;}
.securityMid .container {max-width: 900px;}

.securityCB.bot {margin-top: 0; padding: 0;}
.securityCB.bot:before {display: none;}
.blueClr {color: #0172F4;}
.secList li {margin-bottom: 20px; position: relative; padding-left: 30px;}
.secList li:before {content: ''; width: 8px; height: 8px; border: 4px solid #0172F4; border-radius: 100%; position: absolute; left: 0; top: 9px;}

.topHBox.privacyTop .img {margin-left: -210px;}
.introductionPrivacy {padding: 60px 0 0 0; max-width: 950px; color: #34302E; font-size: 20px; line-height: 34px;}
.introductionPrivacy span {display: block; font-size: 30px; font-weight: 700; padding-bottom: 20px;}
.privacyBox {position: relative; margin-top: 60px; border-left: 1px solid #34302E; max-width: 1100px; padding-bottom:100px;}
.privacyBox:after {content: ''; width: 62px; height: 62px; background: #FFFFFF; border: 5px solid #0172F4; border-radius: 100%; position: absolute; left: -38px; bottom: 0px;}
.privacyInner {position: relative; font-size: 20px; color: #34302E; line-height: 34px; padding: 0 0 0 100px;}
.privacyInner:before {content: ''; background: #0172F4; width: 22px; height: 22px; position: absolute; left: -11px; top: 8px; border-radius: 100%;}
.privacyInner:first-child:before {top:0;}
.privacyInner span {font-size: 30px; font-weight: 700; display: block; padding-bottom: 20px;}
.privacyInner a {color: #0172F4; text-decoration: underline;}
.privacyInner a:hover {text-decoration: none;}
.privacyInner ul {padding: 20px 0 0 0;}
.privacyInner ul.mt0 {padding-top: 0;}
.privacyInner ul li {margin-bottom: 20px; position: relative; padding-left: 20px;}
.privacyInner ul li:before {content: ''; background: #0172F4; width: 7px; height: 7px; position: absolute; left: 0; top: 14px;}

.overlay {width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1001; background: rgb(0,0,0,.8);}
.popupInner {justify-content: center; align-items: center; padding: 15px; width: 100%; height: 100%; overflow: auto;}
.popupBox {width: 100%; background: #fff; padding: 20px 30px; max-width: 700px; border-radius: 6px; position: relative;}
.popupBox.loginPopup {max-width: 480px;}
.closePopup {position: absolute; right: 15px; top: 10px; cursor: pointer; font-weight: 700;}
.popupHd {font-size: 28px; font-weight: 600; line-height: 30px; padding-bottom: 20px;}
.form {margin: -10px;}
.form li {width: 100%; padding: 10px;}
.form li.half {width: 50%;}
.formInput {width: 100%; padding: 10px 15px; border: 1px solid #ccc; border-radius: 3px; font-size: 15px;}
.formSelect {width: 100%; padding: 9px 15px; border: 1px solid #ccc; border-radius: 3px; font-size: 15px; height: 43px;}
.errorMessage {display: block; font-size: 13px; color: red;}
.rem {font-size: 14px; margin-top: -10px;}
.rem input {margin: 0 5px 2px 0;}
.fp {font-size: 14px; margin-top: -10px;}
.fp a {color: #0172F4; text-decoration: underline;}
.formBtn {padding: 10px 45px; font-size: 18px; background: #0172F4; border: none; border-radius: 4px; color: #fff; cursor: pointer;}
.formBtn:hover {background: #333;}
.newUser {padding: 20px 0 5px 0; font-size: 17px;}
.newUser a {color: #0172F4; text-decoration: underline;}
.mobileBox {position: relative; padding-left: 90px;}
.mobileBox .formSelect {width: 85px; position: absolute; left: 0; top: 0;}
.tmText {font-size: 16px; position: relative; padding-left: 22px;}
.tmText input {position: absolute; left: 0; top: 6px;}
.tmText a {color: #0172F4; text-decoration: underline; margin: 0 4px;}
.infoBoxForLeftAlign{text-align:left}