.hero-block .hero-block-bg{position:absolute;left:0;top:0;width:100%;height:100%}



@media (min-width: 3000px) and (max-width: 3799px) {
.hero-block #header{padding-bottom:15rem!important}
.hero-block .btn-holder{padding-bottom:25rem!important}
}
@media (min-width: 3800px) {
.hero-block #header{padding-bottom:22rem!important}
.hero-block .btn-holder{padding-bottom:32rem!important}
}
.body-loaded .hero-block .animate{padding-bottom:90px}
@media (max-width: 801px) {
#wrapper #main section:after{clear:both; content:''; display: block;}
}
#wrapper #main section .container{width:100%}
.hero-block .hero-holder{padding:0 0 38px}
.hero-block .hero-holder .main-card{float:right;margin-top:25px;width:410px}
.hero-block .hero-holder h1{font-size:2.57143em;line-height:1.25;font-weight:500;letter-spacing:-.9px;margin:0 0 17px}
.hero-block .hero-holder h2{font-size:1.42857em;line-height:1.2;color:#222;font-weight:400;margin:0 0 22px}
.hero-block .hero-holder p{color:#222;margin:0 0 17px;max-width:500px}
.hero-block .hero-holder .btn-orange{font-size:1.14286em;font-weight:500;letter-spacing:-.16px;min-height:46px;min-width:163px}
.hero-block .hero-holder .card-wrapper .main_card{float:right;margin:30px 0 0; border-radius: 10px; }
.hero-block .btn-holder{margin:-100px 0 0 16px;padding:0 0 85px}
.hero-block .image-holder { max-width: 403px; margin: 0 0 0 auto; }
.features-section{padding:40px 0 50px;background:transparent}
@media (max-width: 991px) {
.features-section{padding:64px 0 25px}
.hero-block .image-holder { margin: 0 auto 20px; }
}
.features-section .desc{padding:28px 33px; max-width: none; }
.features-section .article{margin:0 0 50px; position: static; }
.features-section .img-holder{float:none;height:auto;width:auto}
.features-section .img-holder img{width:100%}
.features-section .box{background-color:rgba(255,255,255,0.95)!important;-webkit-box-shadow:0 10px 20px 0 rgba(0,0,0,0.06);box-shadow:0 10px 20px 0 rgba(0,0,0,0.06);}
.features-section h2{font-size:1.5em;line-height:1.33333;color:#4A4F55!important;font-weight:500}
.features-section p{font-size:1em;line-height:1.57143;color:#757575 !important;font-weight:300;margin:0}
.benefits-section{background:transparent!important;padding:64px 0 60px; overflow: hidden;}
.benefits-section h2{font-size:1.8571em;line-height:1.61538;color:#222;font-weight:500;letter-spacing:-.65px;margin:0 0 42px;text-align:center}
.benefits-section .benefits-inner-left{display:inline-block;height:auto;vertical-align:top;width:30%}
.benefits-section .inner-box{margin:0 0 10px}
.benefits-section .text-content{display:inline-block;width:70%}
.benefits-section .text-content h3{font-weight:700;text-align:right}
.benefits-section .text-content p{font-size: 92.857%; line-height: 1.3846; color: #757575;text-align:right}
.benefits-section .benefits-icons{border:1px solid #E1E1E1;border-radius:100%;display:inline-block;height:60px;margin-left:30px;text-align:center;vertical-align:top;width:60px}
.benefits-section .benefits-icons img{position:relative;top:16px;vertical-align:middle}
.benefits-section .benefits-icons .ico-ccart{color:#da8005;font-size:24px;line-height:32px;position:relative;top:12px;vertical-align:middle}
.benefits-section .benefits-icons .icon-card{font-size:16px;line-height:32px}
.benefits-section .center-card{display:inline-block;margin:10px 48px 0; text-align:center;vertical-align:top;width:30.5%}
.benefits-section .center-card img{margin:0 0 50px;width:100%; border-radius: 16px;}
.benefits-section .benefits-inner-left.right .text-content h3,.benefits-section .benefits-inner-left.right .text-content p{margin-left:25px;text-align:left!important}
.benefits-section .benefits-inner-left.right .benefits-icons{margin-left:16px}
.benefits-section .btn-orange{display:block;margin:0 auto;max-width:200px;min-width:200px;text-align:center;vertical-align:middle; padding: 12px 10px;}
.bank-with-us{background:transparent!important;}
/*.bank-with-us .img-holder{height:427px;margin:-102px 0 -18px -40px;width:426px}*/
.bank-with-us p{width:55%}
.bank-with-us h2{margin-bottom:20px}
/*.bank-with-us .col-12:first-child{padding:0}*/
.bank-with-us .list-logos{margin:25px 0 0}
.features-slider .pagination-holder{display:none}
@media (min-width: 993px) {
.hero-block #header{padding-top:0}
}
@media (max-width: 820px) {
	.bank-with-us .img-holder { margin: -32px 0 -18px -40px; }
}
@media (max-width: 991px) {
.hero-block .order-card{display:block;margin:0 auto;max-width:163px;text-align:center}
.hero-block .btn-holder{ margin:0 auto; padding:0 20px; text-align:center; }
.hero-block .hero-holder p{margin:0 auto 60px}
.hero-block .hero-holder h2{margin:0 auto 22px;text-align:center}
.body-loaded .hero-block .animate{padding-bottom:0!important;text-align:center}
.hero-block .hero-holder .main-card{display:block;float:none;margin:10px auto;max-width:360px}
.center-card{display:none!important}
.center-card ~ a.btn.btn-orange{display:none!important}
.benefits-section .benefits-inner-left{width:50%!important}
.benefits-section .text-content{width:70%}
.benefits-inner-left .benefits-icons{float:left;margin:0 30px 0 0}
.benefits-inner-left .text-content h3,.benefits-inner-left .text-content p{text-align:left}
.benefits-inner-left.right .benefits-icons{margin:0 30px 0 0 !important}
.benefits-inner-left.right .text-content h3,.benefits-inner-left.right .text-content p{margin-left:0!important}
.features-section .box{max-width:100%}
.hero-block .hero-holder .card-wrapper .main_card{display:block;float:none;margin:0 auto 30px;max-width:100%;text-align:center}
}

.mobile-heading{display:none}
@media (min-width: 992px) {
	/*html[data-client-theme*="3201"] .hero-block .hero-holder .card-wrapper .main_card{float:right;margin:90px 0 0; }*/
}
@media (max-width: 599px) {
.bank-with-us p{width: auto !important}
}
@media (max-width: 768px) {
.hero-block .order-card{display:block;margin:0 auto;max-width:163px;text-align:center}
.features-slider .pagination-holder{background:transparent;display:block}
.hero-block .hero-holder{padding:0}
.benefits-inner-left .benefits-icons,.benefits-inner-left.right .benefits-icons{margin:0 20px 0 0 !important}
.bank-with-us p{width:100%; margin: 0 auto; }
.bank-with-us .img-holder{height:357px;margin:-32px 0 -18px;width:356px}
.hero-block .hero-holder #typewriter{font-size:2em;line-height:1.14286;font-weight:500;letter-spacing:-.7px}
.hero-block .hero-holder p{font-size:1em;line-height:1.71429;color:#222}
.hero-block .hero-holder h2{font-size:1.14286em;line-height:1.5;font-weight:400}
.benefits-section{padding:25px 0 10px!important}
.benefits-section .btn-orange{display:none}
.benefits-section h2{line-height:32px;margin:0 0 42px}
.card-wrapper{padding:0 15px!important}
/*.bank-with-us{padding:45px 15px 60px}*/
.hero-holder .btn-orange{margin-bottom:30px}
.bank-with-us h2 { font-size: 1.529411764705882?em; }
}
@media (max-width: 579px) {
.mobile-heading{font-size:1.71429em;line-height:1.16667;color:#222;display:block;font-weight:500;letter-spacing:-.6px;margin:0 0 20px;text-align:center}
.hero-block .order-card{max-width:100%;width:100%}
.list-logos svg,.list-logos img,.list-logos a{display:inline-block}
.benefits-section .benefits-inner-left{display:block;margin:0 auto;width:95%!important}
.hero-block .hero-holder .btn-orange{width:100%}
.hero-block .hero-holder .main-card{max-width:inherit;width:100%}
.hero-block .hero-block-bg{background:-webkit-gradient(linear,left top,left bottom,from(#f6f6f6),to(#F6F6F6))!important;background:-webkit-linear-gradient(top,#f6f6f6 0%,#F6F6F6 100%)!important;background:-o-linear-gradient(top,#f6f6f6 0%,#F6F6F6 100%)!important;background:linear-gradient(180deg,#f6f6f6 0%,#F6F6F6 100%)!important}
.bank-with-us{text-align:center}
.bank-with-us p{margin:0 auto;text-align:center;width:80%}
.bank-with-us .list-logos{display:block;margin:30px auto 0;width:90%}
.bank-with-us .list-logos li{display:block;float:left;width:48%}
.bank-with-us .list-logos li + li{margin:0}
.features-section{padding:25px 0 0!important}
/*.bank-with-us{padding:46px 20px 50px}*/
.bank-with-us .list-logos{margin:0; text-align: center; overflow: visible; }
.bank-with-us .list-logos li { float: none; display: inline-block; vertical-align: top; padding: 0 5px; margin: 0 !important; }
/*#footer .footer-holder .footer-nav ul li{padding:10px 30px}*/
}
@media (max-width: 1080px) {
.benefits-section .benefits-inner-left{width:36%}
.benefits-section .center-card{margin:25px 30px;width:20%}
.benefits-section .center-card .btn-orange{min-width:inherit;width:100%}
}
.features-slider .btn-prev,.features-slider .btn-next{display:none}
.features-slider .pagination-holder{font-size:0;line-height:0;margin-top:0;margin-bottom:10px;text-align:center}
.features-slider .pagination-holder ul{display:inline-block;vertical-align:top;list-style:none;margin:0;padding:0}
.features-slider .pagination-holder li{float:left;margin:0 2px}
.features-slider .pagination-holder a{width:6px;height:6px;background:#ccc;border-radius:100%;display:block}
.features-slider .pagination-holder .active a{border-radius:6px;width:12px}
@media (min-width: 769px) {
.features-slider .slideset{margin:0!important}
}
@media (min-width: 769px) {
	.features-section .mask { height: auto !important; }
	.features-section .row.slideset{margin-left:-15px!important;margin-right:-15px!important; width: auto !important;}
	.features-slider .slideset{margin:0 -15px;width:100%!important;font-size:14px!important}
}
@media (min-width: 769px) and (max-width: 768px) {
.features-slider .slideset{margin:0 -15px!important}
}
@media (max-width: 768px) {
.features-slider .mask{overflow:hidden;padding:0 0 30px; margin: 0; box-sizing: content-box; }
.features-slider .slideset{display:block;-webkit-box-flex:0;-ms-flex:none;flex:none;font-size:0;line-height:0;margin:0;white-space:nowrap;width:100%!important; padding: 0; }
.features-slider .article{display:inline-block;vertical-align:top;-webkit-box-flex:0;-ms-flex:none;flex:none;margin:0;max-width:none;opacity:1!important;-webkit-transform:none!important;-ms-transform:none!important;transform:none!important;white-space:normal;width:100%!important}
.features-slider .slideset .box { max-width: 374px; margin: 0 auto; height: auto !important; }
.features-slider .slideset .box .desc{font-size:14px!important; padding: 30px 20px; }
}

@media (max-width: 580px) {
.features-section .article{width:100%!important}
#main-description{margin:0 auto;max-width:250px}
.benefits-section h2{font-size:1.71429em;line-height:1.16667}
.bank-with-us p{margin:0 auto 25px;text-align:center;width:100%}
.hero-block .hero-holder p{margin:0 auto 25px}
}
body.ccart .list-logos > li:first-of-type{margin-left:0}
.hero-block .btn-holder > .order-card.btn{ border-radius: 6px; }
@media (min-width: 581px) {
.hero-block .btn-holder > .order-card.btn{display:inline-block}
}