.multi-lang-drop .dropdown-toggle{padding:10px 0 9px 14px; border-radius: 0; }
.hero-block #header {position: relative;display: block;height: auto;box-shadow: none;-webkit-box-shadow: none;-moz-box-shadow: none; padding-bottom: 80px;}
.hero-block #header .navbar {border:none;}
.hero-block #header:after{top: 130px;right: 100px;z-index: 0;width: 10px;height: 8px;content:'';position:absolute;background: url(../../../../cstatic/2039e069-7101-44cc-aaba-2dcc282b777f/header-element3.png) no-repeat; display: none;}
.carousel-fade .carousel-item .textbox{
	-webkit-animation: fadeOut ease 1.5s;
	-moz-animation: fadeOut ease 1.5s;
	-o-animation: fadeOut ease 1.5s;
	-ms-animation: fadeOut ease 1.5s;
}
.carousel-fade .carousel-item.active .textbox{
	-webkit-animation: fadeIn ease 1.5s;
	-moz-animation: fadeIn ease 1.5s;
	-o-animation: fadeIn ease 1.5s;
	-ms-animation: fadeIn ease 1.5s;
}
#main {
    background-color: #FFF !important;
  }
.shuffle-on-slide{ display:none;}
[class*="icheckbox"]{border: solid #DFE6EE 2px;}
[class*="icheckbox"].checked {
    background: #D31145;
    border-color: #D31145;
  }
.benefits-section .list-unstyled{position:relative;z-index:1}
@media(max-width:991px){
    .hero-block #header:after{display: none;}
}
.hero-block .hero-block-bg{top:0;left:0;width:100%;height:100%;overflow:hidden;position:absolute;}
.hero-block{color:#848689;height:1%;z-index:8;position:relative;display:table-header-group}
.hero-block .frame{position:relative}
.hero-block .hero-holder{position:relative;padding:0 0 169px}
.hero-block .row{position:relative}
.hero-block h1{margin:0 0 35px;font-weight:500;max-width:580px;font-size: 5rem;
    font-style: normal; font-weight: 500; line-height: 64px; /* 80% */ letter-spacing: -1.6px; text-transform: uppercase; font-family: var(--nimbusSansCon);}
.hero-block p{margin:0 0 10px;max-width:550px;font-size:1.25rem;color:#FFF;font-weight: 400; font-family: var(--nimbusSans);letter-spacing: -0.4px;};
.hero-block .animate{top:100px;opacity:0;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.body-loaded .hero-block .animate{top:0;opacity:1;padding-bottom:20px; padding-top: 113px;position: relative;}
@media(max-width:991px){
    .body-loaded .hero-block .animate:before{display: none;}
}
.form-login{z-index:3;max-width:445px;margin:0 0 -50px auto;position:relative;}
.form-login .alert.alert-danger{padding-left:50px;margin-top:-15px}
.form-login .alert.alert-danger br{display:none}
.form-login .form-area{padding:48px 49px;-webkit-box-shadow:0 0 13px 3px rgba(0,0,0,.15);box-shadow:0 0 13px 3px rgba(0,0,0,.10);border-top-right-radius: 0;}
@media(max-width:767px){
    .form-login:before{display: none;}
    .hero-block .hero-block-bg{background-size: cover;}
}
.form-login .form-logo{font-size:2em;line-height:1.035714285714286;margin:0 0 32px; font-weight: 400;letter-spacing: -0.6px;text-transform: uppercase;}
.form-login .form-group{margin:0 0 21px}
.form-login .field-holder{min-height:70px;margin:0 0 10px}
.form-login .field{position:relative}
.form-login .field label{color:#353535}
/*.form-login .field.field-focused label{color:#999;font-size:.85714em;line-height:20px}*/
.form-login .field .ico{top:50%;left:21px;color:#d7d9e0;font-size:24px;line-height:1;position:absolute;margin:-12px 0 0;pointer-events:none}
.form-login .field .ico~.form-control{padding-left:56px}
.form-login .field .link{right:0;bottom:16px;font-weight:400;position:absolute;margin:-9px 0 0;font-size:13px;line-height:1.46154;color:#C9C9C9; letter-spacing: -0.13px;}
.form-login .field .link:hover,.form-login .field .link:focus{color:#D31145}
.form-login .field .link~.form-control{padding-right:70px}
.form-login label{font-weight:400;font-size:1em;line-height:1.642857142857143}
.form-login .form-control{height:40px;color:#222;border-width:0 0 2px;font-size:1.14286em;line-height:1.5}
.form-login .form-control::-webkit-input-placeholder{color:#C9C9C9}
.form-login .form-control::-moz-placeholder{opacity:1;color:#C9C9C9}
.form-login .form-control:-moz-placeholder{color:#C9C9C9}
.form-login .form-control:-ms-input-placeholder{color:#C9C9C9}
.form-login .form-control.placeholder{color:#C9C9C9}
.form-login .remember{margin:15px 15px 15px 0;}
.form-login .error-field .link{color:#ce6262}
.form-login .error-field .form-control{border-color:#ce6262}
[data-pagetype="public-page"] .form-login [data-type="submit"]{width:100%;display:block;margin:16px 0 0;font-weight:500;min-height:46px;padding:10px;position:relative;font-size:1.857142857142857em;line-height:0.8461538461538462;letter-spacing: -0.52px;text-transform: uppercase;}
.form-login [data-type=submit]:hover,.form-login [data-type=submit]:focus{background:#467f1b}
.form-login .btn-default[data-type=submit]:hover,.form-login .btn-default[data-type=submit]:focus{color:#fff!important};
.form-login [data-type=submit].btn-orange{margin-top:15px;border-radius:4px}
.form-login [data-type=submit]:hover,.form-login [data-type=submit]:focus{color:#fff!important}
.form-login [data-type=submit] .ico{top:50%;right:21px;font-size:12px;margin:-6px 0 0;position:absolute}
.form-login .form-footer{overflow:hidden;position:relative;margin:50px -48px -49px;border-radius:0 0 15px 15px;border-top:solid 1px #e5e5e5}
.form-login h3{margin:0;font-size:1.058823529411765em}
.form-login h3 a{display:block;font-weight:400;color:#999;padding:26px 120px 32px 47px}
.form-login h3 a:hover,.form-login h3 a:focus{text-decoration:none;color:#737373}
.form-login h3 a:focus,.form-login h3 a:hover{background:#f1f1f1}
.form-login h3 img[aria-hidden]{top:50%;right:45px;margin:-20px 0 0;position:absolute}
.form-login .heading{color:#69be28;display:block;margin:0 0 8px;font-weight:500;font-size:1.42857em;line-height:1.2}
.form-login .remember label{margin:0;font-size:12px;line-height:1.46154;letter-spacing:-.13px;color:#201D1E;display:inline-block;vertical-align:middle}
.form-login [class*=icheckbox]{top:0;vertical-align:middle}
.form-login.credit:before{left:50%;content:'';z-index:-2;bottom:-131px;position:absolute;width:596px;height:596px;margin:0 0 0 -298px;background:url(../../../../cstatic/61b9a734-1434-4ba9-bb64-528c4c32f8cb/circle1.png)}
.form-login.credit .form-area{border-radius:15px}
.form-login .captcha-area{margin:0 0 30px}
.features-section{padding:0 0 105px 0;background:#fff url(../../../../cstatic/2ad9bc7a-ac8c-6005-ba46-8e759292e667 /6005-feature-bg.png) no-repeat 50% 50%/100% 100%;}
.features-section h1{color:#D31145;font-size: 24px; font-style: normal; font-family: var(--nimbusSans); font-weight: 700; line-height: normal;
    letter-spacing: -0.48px;margin:0 0 7px}
#footer .copyright{font-weight: 300;}
.features-section .box{overflow:hidden;position:relative}
.features-section p{margin:0;font-size:1em;line-height:1.571428571428571;color: #7B7D8F;font-weight:400;}
.features-section.features-section-i2c p { font-size: 18px;
    font-style: normal; font-weight: 400; line-height: 23px; letter-spacing: -0.36px; color: #000; font-family: var(--nimbusSans);}
.features-section.features-section-i2c h2 { max-width: 650px; margin: 0 0 56px; font-size: 48px; font-family: var(--nimbusSansCon); font-style: normal; font-weight: 500;  line-height: 48px; letter-spacing: -1.44px; text-transform: uppercase; color: #000;}
.features-section .img-holder { height:100%; }
.ccart_landing-page .features-section .img-holder { height:auto; }
.features-section .bg-cover { position: relative; }
.features-section .bg-cover.left { margin: 0 -15px 0 0; }
.features-section .bg-cover.right { margin: 0 0 0 -15px; }
.features-section .bg-cover.center { margin: 0 -15px; }
.features-section-i2c.features-section .bg-cover.left:before,
.features-section-i2c.features-section .bg-cover.right:before,
.features-section-i2c.features-section .bg-cover.right:after { position: absolute; content: ''; background: #f3f5f8;display: none; }
.features-section-i2c.features-section .bg-cover.left:before { width: 55px; height: 50px; top: 100%; right: 100%; display: none;}
.features-section-i2c.features-section .bg-cover.right:after { bottom: 100%; left: 100%; width: 36px; height: 33px; }
.features-section-i2c.features-section .bg-cover.right:before { top: 100%; left: 100%; width: 55px; height: 51px; display: none; }
.features-section .img-holder img{width:100%;height:auto;display:block}
.features-section .desc{overflow:hidden;max-width:260px;margin:0 auto}
.ccart_landing-page .features-section .desc { max-width: none; }
.features-section .desc h2 {font-size: 32px; color: #D31146; font-family: var(--nimbusSansCon); font-style: normal; font-weight: 500;  line-height: 28px; letter-spacing: -0.64px; text-transform: uppercase;margin:0 0 10px;}
.features-section .desc>*{z-index:2;position:relative}
.benefits-section{position:relative;padding:112px 0 46px;font-size:1.21429em;line-height:1.35294;font-weight:300;color:#FFF;background:#D31145;}
.benefits-section .head{max-width:700px}
.benefits-section .image-holder{max-width:503px;/*! position:relative; */margin:-140px 0 0 0; text-align: center;}
.benefits-section .image-holder img{display:block;position:relative;width:127%;height:auto;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;top: -15px;right: -21px;}
.benefits-section .image-holder .btn-default { max-width: 200px; min-width: 200px; margin-bottom: 35px;}
.benefits-section h1{color:#FEF118;font-size:1.4117em;line-height:1.65;font-weight:700;margin:0 0 4px;text-transform: capitalize;letter-spacing: -0.48px; font-family: var(--nimbusSans);}
.benefits-section h2{color:#FFF;font-size: 48px;font-style: normal;font-family: var(--nimbusSansCon);font-weight: 500;line-height: 48px;letter-spacing: -1.34px;text-transform: uppercase !important; margin:0 0 60px;}
.benefits-section ul{margin:0 -15px}
.benefits-section ul li{opacity:0;top:50px;margin:0 0 38px;padding:0 15px;display:inline-block;vertical-align:top;width:48%;position:relative;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.benefits-section ul li:nth-even{-webkit-transition-delay:0.25s;-o-transition-delay:0.25s;transition-delay:0.25s}
.benefits-section ul li:nth-odd{-webkit-transition-delay:0.5s;-o-transition-delay:0.5s;transition-delay:0.5s}
.benefits-section h3{ /*font-size:? 1.05883em; line-height:? 1.05883?;*/ font-size: 18px; line-height: 22px; color: #4A4F55;}
.benefits-section h3 .ico {top:1px;margin:0 10px 0 0;position: absolute;top: 1px;left: 0;line-height: 1.3;}
.benefits-section h3 .icon-uptodate {margin:0 10px 0 0;position: absolute;top: -4px;left: 0;line-height: 1.3;}
.benefits-section h3 .ico.icon-one-card { font-size: 74%; top: 3px; }
.benefits-section h3 .ico.icon-globe { font-size: 94%; }
.benefits-section h3 .ico.icon-mobile { font-size: 140%; vertical-align: middle; top: -6px; }
.benefits-section h3 .ico.icon-multi-currencies {font-size: 110%;position: absolute;top: -2px;left: 0;line-height: 1.3;}
.benefits-section h3 .ico.icon-security-badge { font-size: 100%; }
.benefits-section h3 .ico.icon-safe{top:4px}
.benefits-section.section-active ul li{top:0;opacity:1}
.bank-with-us h2 .ico{display:block;margin:0 0 12px;}
.bank-with-us p{margin:0 0 16px;font-size:.93333em;line-height:1.57143}
.bank-with-us .list-logos li{margin:0 10px 0 0}
.bank-with-us{ background:  #EFF5FF url(../../../../cstatic/d00ee3f6-8b5b-6005-af24-aebdd700bffd/6005-mobiles-bg.png) no-repeat 50% 50%/100% 100%;; background-size: cover; background-position: 50% 0%; position:relative;padding:0;font-size:1.214285714285714em;line-height:1.53; }
.bank-with-us h2{color:#241f21;margin:0 0 15px;font-size:2rem;line-height:1.16667;font-weight:500; letter-spacing: -0.5px;}
.bank-with-us p{margin:0 0 40px;font-weight:300;max-width:550px}
.bank-with-us.bank-with-us-i2c p { color: #848689; font-size: 17px; line-height: 26px; }
.bank-with-us .img-holder{max-width:100%; max-height: 445px;position: relative;}
.bank-with-us .img-holder img{display:block;-webkit-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;width:100%;height:auto;-webkit-transform:translate(0,100%);transform:translate(0,100%);-ms-transform:translate(0,100%)}
.bank-with-us.section-active h2,.bank-with-us.section-active p,.bank-with-us.section-active .list-logos{top:0;opacity:1}
.bank-with-us.section-active .img-holder img{-webkit-transform:translate(0,0);transform:translate(0,0);-ms-transform:translate(0,0%)}
.bank-with-us [class*=col-]{position:static}
.bank-with-us .container{z-index:2;position:relative}
.benefits-section.benefits-section-i2c h3{position:relative;font-size: 26px; font-family: var(--nimbusSansCon);font-weight: 500;line-height: 19px;letter-spacing: -0.3px;overflow: hidden; color: #FFF;}
.benefits-section.benefits-section-i2c h3 img{margin: 0 10px 0 0;float: left;}
.benefits-section.benefits-section-i2c h3 span{display: block;}
.benefits-section .image-holder:before { 
    top: 5%; right: -72%; z-index: 0; width: 35.6vw; height: 35.6vw; content: '';
    position: absolute;  background: url(../../../../cstatic/4e4bd01d-6e38-4ea4-878a-d9dcb71e75c1/tdecu-benefit-card-bg.svg) no-repeat top right / contain;
    transform: translateY(-50%); max-width: 513px; max-height: 513px;
}
.go-to-next-section{display:none}
.slider-section .container{padding:100px 15px}
.slider-section .slider{position:relative}
.slider-section .slide{position:relative}
.slider-section .img-holder{max-width:610px}
.slider-section .img-holder img{display:block;width:100%;height:auto}
.slider-section .img-holder .img-title{top:22px;left:22px;min-width:130px;padding:10px 15px;font-size:15px;line-height:18px;color:#fff;background:#AC3236;border-radius:18px;font-weight:400}
.slider-section .img-holder .img-title.orange{background:#F8A334}
.slider-section .img-holder .img-title.red{background:#9E3437}
.slider-section .caption-holder{position:absolute;top:50%;right:0;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slider-section .caption{max-width:630px;background:rgba(255,255,255,.95);padding:40px 55px;font-size:18px;line-height:24px;color:#848689;box-shadow:0 5px 15px 0 rgba(0,0,0,.1);-webkit-box-shadow:0 5px 15px 0 rgba(0,0,0,.1);-moz-box-shadow:0 5px 15px 0 rgba(0,0,0,.1)}
.slider-section .caption h1{font-size:24px;line-height:40px;color:#D31145;margin:0 0 10px;font-weight:300}
.slider-section .caption h2{font-size:40px;line-height:43px;color:#201D1E;margin:0 0 22px}
.slider-section .caption p{margin:0 0 22px}
.slider-section .caption .btn-more{display:inline-block;vertical-align:top;min-width:180px;padding:10px 15px;font-size:16px;line-height:22px;font-weight:400;color:#fff;transition:all .4s ease;background:#38A0BD;border:1px solid #38A0BD}
.slider-section .caption .btn-more:hover{transition:all .4s ease;background:0 0;color:#38A0BD}
.slider .btn-next,.slider .btn-prev{display:block;width:47px;height:47px;background:#fff;border-radius:100%;text-align:center;position:absolute;bottom:23px;z-index:9;left:257px;transition:all .4s ease;color:#414141}
.slider .btn-next{left:318px}
.slider .btn-next span,.slider .btn-prev span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);font-size:30px}
.slider .btn-next:hover,.slider .btn-prev:hover{transition:all .4s ease;background:#38A0BD;color:#fff}
.article-holder{position:relative}
.article-holder.shuffle-on .shuffle-active{opacity:0;transition:opacity .5s ease}
.article-holder .shuffle-off{opacity:0;position:absolute;top:0;left:0;right:0;transition:opacity .5s ease}
.article-holder.shuffle-on .shuffle-off{opacity:1}
.features-section .feature-frame.add .bg-cover{height:100%;display:flex;align-items:center}
.features-section .feature-frame.add .bg-cover.left:before{top:auto;bottom:0}
.features-section .feature-frame.add .bg-cover.right{margin:0}
.features-section-i2c.features-section .feature-frame.add .bg-cover.right:before{top:auto;bottom:0}
.features-section .feature-frame.add .bg-cover{display:flex;height:100%;align-items:center}
.features-section .feature-frame.add .bg-cover.left:before{top:100%;bottom:auto}
.features-section .feature-frame.add .bg-cover.center.last {margin: 0 0 0 -15px;}
.features-section .feature-frame.add .bg-cover.left.first:before {top: auto;bottom: 0;display: none;}
.feature-holder {position: relative;}
.feature-holder .feature-frame {transition: opacity 0.5s ease; position:relative;}
.feature-holder .feature-frame.add {opacity: 0;position: absolute;top: 0;left: 0;right: 0;transition: opacity 0.5s ease; z-index:-1;}
.feature-holder.shuffle-on .feature-frame {opacity: 0;transition: opacity 0.5s ease;}
.feature-holder.shuffle-on .feature-frame.add {opacity: 1;transition: opacity 0.5s ease; z-index:2;}
.benefits-section ul li p { padding: 0 0 0 43px;text-align: left;margin: 0; font-size: 18px; font-family: var(--nimbusSans);
    font-style: normal;
    font-weight: 400;
    line-height: 24px; 
    letter-spacing: -0.189px; }

/* welcome-carousal */
.welcome-carousal { padding: 120px 0 150px; color: #757575; background: #fff url(../../../../cstatic/a82179f3-0047-6005-8080-e9e0f0d7ada9 /6005-slider-bg.png) no-repeat 50% 50%/100% 100%;;}
.welcome-carousal .img-holder { position: relative; max-width: 610px; display: inline-block; vertical-align: middle; }
.welcome-carousal .textbox { background-color: rgba(255,255,255,0.95); box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1); padding: 44px 55px 55px; position: relative; z-index: 2; border-top-right-radius: 0;}

.welcome-carousal h3 { color: #D31145; font-size: 24px; font-family: var(--nimbusSans); font-weight: 700; line-height: 30px; letter-spacing: -0.6px; margin: 0 0 13px; }
.welcome-carousal h4 { font-size: 44px; font-family: var(--nimbusSansCon); font-weight: 500; line-height: 52px; letter-spacing: -0.5px; color: #201D1E; margin: 0 0 10px; }
.welcome-carousal p { font-size: 18px; font-family: (--nimbusSans); line-height: normal; font-weight: 400; line-height: 26px; margin: 0; color: #000000; padding: 0 25px 0 0;  margin-bottom: 23px; }
.welcome-carousal .btn { min-width: 180px; }
.welcome-carousal .slide-holder { white-space: nowrap; }
.welcome-carousal .carousal-btns { position: absolute; left: 23px; text-align: center; margin: -23px 0 0; transform: translate(0,-100%); z-index: 4; width:100%;}
.welcome-carousal .carousal-btns .btn { position: static; width: 47px; height: 47px; color: #414141; opacity: 1; border-radius: 100%; display: inline-block; vertical-align: top; text-align: center; font-size: 28px; line-height: 47px; background: #f8f7f7; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1); margin: 0 5px; min-width:inherit; padding:0; }
.welcome-carousal .carousal-btns .btn:hover,
.welcome-carousal .carousal-btns .btn:focus { color: #fff; }
.welcome-carousal .carousal-btns .btn [class*="icon-"] { top: 3px; font-size: 100%; }
.welcome-carousal .carousels-holder { white-space: nowrap; }
.welcome-carousal .carousels-holder > * { display: inline-block; vertical-align: middle; white-space: normal; }
.welcome-slider-custom { min-width: 610px; position: relative; width: 50%; }
.welcome-slider-custom .mask { overflow: hidden; margin: 0 -60px 0 0; padding: 0 60px 0 0; height: auto !important; }
.welcome-slider-custom .slideset {width: 9999px; float: left; width: 100% !important;}
.welcome-slider-custom .slide { float: left; transition: transform 0.5s ease; position: relative; width: 100% !important; }
.welcome-slider-custom .slide.active { z-index: 2; }
.welcome-slider-custom .slide.active + .slide { transform: scale(0.9); -ms-transform: scale(0.9); transform-origin: 0 50% 0; -ms-transform-origin: 0 50% 0; }
.welcome-slider-custom.not-enough-slides .carousal-btns { display: none !important; }
.welcome-slider-custom.not-enough-slides ~ #welcomeFadeSlider .carousel-item:first-child ~ .carousel-item { display: none !important; }
#welcomeFadeSlider { width: 54.9%; margin: 0 0 0 -120px; position: relative; z-index: 3; } 
#welcomeFadeSlider .carousel-inner { overflow: visible; background:#fff; }
.welcome-carousal .title-tag{    
    position: absolute;
    z-index: 9;
    background: #fff;
    color: #201D1E;
    min-width: 130px;
    min-height: 36px;
    padding: 7px;
    text-align: center;
    border-radius: 18px;
    top: 20px;
    left: 20px;
}
.welcome-carousal .title-tag span{
    color: #201D1E;
    font-size: 15px;
    letter-spacing: 0;
    line-height: 22px;
    font-weight: 500;
    
}
.footer-frame .copyright-text {
    margin: 0 !important;
}

@media (min-width:992px){
.bank-with-us h2,.bank-with-us p,.bank-with-us .list-logos{top:40px;opacity:0;position:relative;-webkit-transition:all .5s ease;-o-transition:all .5s ease;transition:all .5s ease}
.benefits-section ul li{padding-right:15px}
}
@media (max-width:1400px){
    .benefits-section .image-holder::before { top: 1%; right: -54%; }
    .benefits-section .image-holder img{ width: 110%;}
}
@media (max-width:1365px){
    .benefits-section .image-holder::before { top: -3%; right: -35%; }
    .benefits-section .image-holder img{ width: 100%; right: 0px;}
    .hero-block h1{font-size:2.8em}
    .features-section{padding:0 0 110px 0}
}
@media (max-width: 1199px) {
    .welcome-carousal { padding: 90px 0 80px; }
    .welcome-carousal .img-holder { margin: 0; }
    .benefits-section .image-holder{ margin: 0;}
    .benefits-section .image-holder::before { top: 25%;right: -31%; }
    .benefits-section .image-holder img{ width: 100%; right: 0px; top: 0;}
    .benefits-section.benefits-section-i2c h3{ line-height: 26px;}
    .hero-block h1{font-size:3.6em; line-height: 50px; margin: 0 0 30px;}
}
@media (max-width: 1024px) {
    .welcome-carousal .textbox { padding: 25px; }
    .welcome-carousal h4 { font-size: 2em; }
}
@media (max-width:1023px){
    .bank-with-us .mobile-img{display:none}
    .bank-with-us .img-holder{margin:-100px 0 -200px -30px}
    .bank-with-us.section-active .img-holder img{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0)}
}
@media (max-width:991px){
    .form-login{max-width: 475px;}
    .form-login .form-area{padding: 31px 24px 30px 24px;}
    .form-login .remember{margin: 15px 15px 24px 0;}
    .body-loaded .hero-block .animate{padding: 0 0 8px;}
    .hero-block #header{ padding-bottom: 12px;}
    .hero-block{text-align:center}
    .hero-block .hero-block-bg{background-position:0 50%;background-size: cover;}
    .hero-block h1,.hero-block p{margin:0 auto 24px;max-width: 49%;}
    .hero-block h1{font-size: 2.857142857142857em;line-height: 1.05;}
    .hero-block h2{font-size:1.8em;margin:0 0 20px}
    .hero-block p{font-size:1.285714285714286em;line-height: 1.333333333333333;}
    .form-login .form-logo{font-size: 1.714285714285714em;}
    .form-login{margin:0 auto -60px;text-align:left}
    .hero-block .hero-holder{ padding: 0 0 122px;}
    .welcome-carousal{ padding: 56px 0 72px;}
    .welcome-carousal .textbox{padding: 24px;}
    .welcome-carousal h3{font-size: 16px;line-height: 20px;}
    .welcome-carousal h4{font-size: 28px;line-height: 32px;}
    .welcome-carousal p{line-height: 23px;}
    .features-section{padding:0 0 20px 0}
    .features-section .head h2{font-size:3.428571428571429em}
    .features-section h2{font-size:1.5em}
    .benefits-section{text-align:center;padding:56px 0 50px;}
    .benefits-section .head{max-width:none}
    .benefits-section h2{font-size:40px;line-height: 36px;margin: 0 0 40px;}
    .benefits-section ul li h3{text-align:left}
    .benefits-section .image-holder{margin:0 auto}
    .bank-with-us{background-color:#f1f1f1}
    .hero-block .btn-mobile .btn.btn-orange{max-width:350px!important}
    .benefits-section.benefits-section-i2c .image-holder{margin:0 auto; max-width: 246px;}
    .benefits-section .image-holder img { width: 100%; }
    .benefits-section.benefits-section-i2c .image-holder:before { top: auto; right:0; left: 0; bottom: 0; margin: 0 auto;transform: translateY(34%);width: 52.7vw;
        height: 52.7vw;  }
    .bank-with-us .row>div:first-child{max-width:inherit!important;text-align:center;padding:0 15px 25px}
    .bank-with-us p{max-width:inherit}
    .nav-active .navbar-collapse{padding:0!important}
    .benefits-section h1{font-size: 22px;line-height: normal;}
    .features-section .desc h2{ font-size: 24px;font-weight: 500;line-height: 1; letter-spacing: -0.48px; }
    .features-section.features-section-i2c p{font-size: 16px; font-weight: 400; line-height: 1.2; letter-spacing: -0.24px;}
    .features-section .desc{ padding: 0 30px;}
    .benefits-section ul li{ margin: 0 0 60px; width: 49%;}
    .benefits-section.section-active ul li:nth-child(5),
    .benefits-section.section-active ul li:nth-child(6){ margin: 0 0 24px;}
    .benefits-section ul{ margin: 0;}
    .benefits-section .image-holder img {right: 16px; top: -4px; }
}
@media (max-width:767px){
    .hero-block #header{ margin: 0 0 10px;}
    .body-loaded .hero-block .animate{padding-top:0}
    .benefits-section,.features-section{padding:56px 0}
    .benefits-section h3{font-size:1.14286em;line-height:1.5625;margin:0 0 10px}
    .benefits-section ul li{margin:0;display:block;width:auto}
    .benefits-section ul li+li{margin:30px 0 0}
    .benefits-section .image-holder{margin:0 auto}
    .bank-with-us{padding:35px 0;}
    .bank-with-us .mobile-img{display:none}
    .form-login .form-area{padding:30px 30px 60px}
    .features-section .bg-cover.right,.features-section .bg-cover.left,.features-section .bg-cover.center{margin:0}
    .footer-info .logo{padding:0!important}
    .features-section .feature-frame.add .bg-cover.center.last{margin:0}
    .features-section-i2c.features-section .feature-frame.add .bg-cover.right::after{display:none}
    .features-section-i2c.features-section .feature-frame.add .bg-cover.right::before{display:none}
    .benefits-section .card-section{padding-top: 50px;}
    .welcome-carousal .carousel-item:before{display: none;}
    .benefits-section h2 br { display: none; }
    .benefits-section.benefits-section-i2c h3 { text-align: center; }
    .benefits-section.benefits-section-i2c h3 img { display: block; margin: 0 auto 5px; float: none; }
    .benefits-section ul li p { text-align: center; padding: 0; }
    .features-section h1 { margin: 0 0 5px; }
    .features-section .head h2 { max-width: none; }
    .features-section .feature-frame.add .bg-cover.center.last { margin: 0; }
    .features-section .img-holder { margin-bottom: 10px; }
    .features-section .desc h2{ font-size: 32px; letter-spacing: -0.48px; }
    .features-section.features-section-i2c p{font-size: 18px; letter-spacing: -0.24px;}
    .features-section .desc{ padding: 0; margin: 0}
}
@media (max-width:991px){
    .welcome-carousal .img-holder {    max-width: 472px;      margin: 0 auto;      display: block;    }
    .welcome-carousal .carousal-btns { left: 50%; transform: translate(-50%, 0); margin: -140px 0 0; }
    .welcome-carousal .carousels-holder > * { display: block; }
    .welcome-slider-custom,
    #welcomeFadeSlider { width: auto; }
    .welcome-slider-custom { max-width: 472px; margin: 0 auto; min-width: 472px; }
    #welcomeFadeSlider { margin: -60px auto 0; max-width: 452px; } 
    .welcome-slider-custom .slide.active + .slide { transform: none; -ms-transform: none; }
    .welcome-slider-custom .mask { margin: 0; padding: 0; }
}
@media (max-width: 767px) {
    .welcome-carousal { padding: 92px 0 20px; }
    .welcome-carousal .carousel-inner { padding: 0; width: 92%; margin: 0 auto; }
    #welcomeFadeSlider { margin: -55px auto 0;}
    .welcome-carousal .carousels-holder { padding: 0 15px; }
    .welcome-carousal .carousal-btns { top: 50% !important; margin: 0 !important; }
    .welcome-carousal .carousal-btns .btn { float: left; margin: 0 0 0 -20px; }
    .welcome-carousal .carousal-btns .btn + .btn { float: right; margin: 0 -20px 0 0; }
    .welcome-carousal .carousal-btns a { width: 32px; height: 32px; line-height: 32px; font-size: 20px; }
    .welcome-carousal p { font-size: 18px; line-height: 23px; }
}
@media (max-width: 610px) {
    .welcome-carousal .carousal-btns { margin: -90px 0 0; }
}
@media (max-width:575px){
.welcome-carousal .textbox { padding: 21px 24px 24px 24px; }
.hero-block h1{ letter-spacing: -0.8px;}
.welcome-carousal h3{margin: 0 0 3px;letter-spacing: -0.6px;} 
.welcome-carousal h4{margin: 0 0 15px;}   
.features-section{padding:70px 0 0;}
.features-section h1{margin:0 0 6px}
.features-section .desc h2{font-size: 32px; line-height: 28px;}
.benefits-section h2 { margin: 0 auto 40px; max-width: 90%;letter-spacing: -1.2px;  }
.features-section .head h2{margin:0 15px 58px 0;line-height: 48px; font-size: 40px;}
.features-section .article{width:100%;max-width:100%; margin-bottom: 43px;}
.features-section .desc{padding:30px 0 16px;max-width:none;}
.benefits-section{padding-bottom: 48px;}
.bank-with-us{padding:50px 0 30px}
.bank-with-us .list-logos li{width:130px}
.hero-block h1, .hero-block p {  max-width: 78%; }
.form-login .remember { margin: 14px 15px 24px 0; }
.form-login .form-area { padding: 30px 24px 30px; }
.hero-block .hero-holder { padding: 0 0 82px; }
.hero-holder .col-lg-5.align-self-baseline{ padding-right: 20px; padding-left: 20px; }
.welcome-carousal { padding: 56px 0 10px; }
.welcome-carousal .carousels-holder { padding: 0 5px;}
.welcome-carousal p {font-size: 18px; line-height: 23px; padding: 0; margin-bottom: 28px;}
.features-section .img-holder { margin-bottom: 2px; }
.benefits-section.benefits-section-i2c h3 img{margin: 0 auto 10px;}
.benefits-section ul li + li { margin: 54px 0 0; }
.benefits-section .card-section { padding-top: 28px; }
.benefits-section.benefits-section-i2c .image-holder::before { top: 22%; right: auto; left: auto; bottom: 0; margin: 0 auto; transform: translate(50%); width: 450px;height: 450px; transform: translate(-50%); }
.welcome-carousal .img-holder, .welcome-slider-custom{ max-width: 100%; min-width: 100%;}
.benefits-section.section-active ul li:nth-child(5), .benefits-section.section-active ul li:nth-child(6){ margin: 54px 0 0;}
#footer .footer-logo img{ max-width: 213px;}
}