/*==============================Reset CSS=========================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    border:0;
  margin:0;
  outline:0;
    padding:0;
  text-align:left;
    vertical-align:baseline;
}
body,
small {
  font-size:100%;
    line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
    display:block;
}

ul, ol, li {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
hr {
  /* remove this if it causes issues*/
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}
input, select {
    vertical-align:middle;
}
strong, b {font-weight:bold;font-family: "Circular-Pro-Medium";}
em, i {font-style:italic;}
sub {vertical-align:text-bottom;}
sup {vertical-align:top; font-size:10px;}
.clearFix{ clear: both; float: left; width: 100%;height: 1px;}
img{
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */      
    zoom: 1;

}
.mobileonly img{filter:none;}
/*==============================End of Reset CSS=========================================*/
@font-face {
    font-family: "helveticathin";
    src:url("../resources/fonts/helveticaneuece-light-webfont.eot");
    src:url("../resources/fonts/helveticaneuece-light-webfont.eot?#iefix") format("embedded-opentype"),
        url("../resources/fonts/helveticaneuece-light-webfont.woff") format("woff"),
        url("../resources/fonts/helveticaneuece-light-webfont.ttf") format("truetype"),
        url("../resources/fonts/helveticaneuece-light-webfont.svg#lineto-helveticathin") format("svg");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "helveticamedium";
    src:url("../resources/fonts/helveticaneuece-medium-webfont.eot");
    src:url("../resources/fonts/helveticaneuece-medium-webfont.eot?#iefix") format("embedded-opentype"),
        url("../resources/fonts/helveticaneuece-medium-webfont.woff") format("woff"),
        url("../resources/fonts/helveticaneuece-medium-webfont.ttf") format("truetype"),
        url("../resources/fonts/helveticaneuece-medium-webfont.svg#lineto-helveticamedium") format("svg");
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: "helveticaheavy";
    src:url("../resources/fonts/helveticaneuece-heavy-webfont.eot");
    src:url("../resources/fonts/helveticaneuece-heavy-webfont.eot?#iefix") format("embedded-opentype"),
        url("../resources/fonts/helveticaneuece-heavy-webfont.woff") format("woff"),
        url("../resources/fonts/helveticaneuece-heavy-webfont.ttf") format("truetype"),
        url("../resources/fonts/helveticaneuece-heavy-webfont.svg#lineto-helveticaheavy") format("svg");
    font-weight: 600;
    font-style: normal;
}
body{ background: url(../resources/images/bg.jpg); color: #333333; font-size: 62.5%; font-family: "helveticathin";webkit-font-adjust:none; -webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased; -webkit-appearance:none;}
.wrapper{ width: 100%; position: relative;}
.mainwrapper{ width: 945px; margin: 0 auto; overflow: hidden; position: relative;}
.header{ float: left; width: 100%; padding-top: 5px;}
.header a{ float: left; cursor: default;}
.header a.menu{ background: url(../resources/images/menu-icon.png) no-repeat;display: none; float: right; width: 31px; height: 26px; margin-right: 10px;}
.banner{ float: left; width: 100%;}
.banner h1{float: left;}
.nav{  float: left; width: 100%; clear: both; margin-top: -3px;}
.nav .mainwrapper{background: url(../resources/images/pattren-bg2.jpg);}
.nav ul{ float: left; position: relative; width: 100%; padding: 4px 0px;}
.nav ul li{ width: 20%; float: left;}
.nav ul li a{width: 92px;display: block; margin: 0 auto; color: #fff; text-decoration: none; font-family: "helveticamedium"; font-size: 1.2em;} 
.nav ul li a span.icon{  width: 58px; height:67px; display: block; margin: 0 auto;}
.nav ul li a span.text{ text-align: center; width: 100%;  float: left; clear: both; margin-top: 3px; line-height: 1.2em;}

.nav ul li.instantac a span.icon{ background: url(../resources/images/instant-accounts.png) no-repeat; background-position: 0 0;}
.nav ul li.instantac:hover a span.icon, .nav ul li.instantac.active a span.icon{ background-position: 0 -70px;}

.nav ul li.oneclickshopping a span.icon{ background: url(../resources/images/oneclick-shopping.png) no-repeat; background-position: 0 0;}
.nav ul li.oneclickshopping:hover a span.icon, .nav ul li.oneclickshopping.active a span.icon{ background-position: 0 -70px;}

.nav ul li.oneclickpayments a span.icon{ background: url(../resources/images/oneclick-payments.png) no-repeat; background-position: 0 0;}
.nav ul li.oneclickpayments:hover a span.icon, .nav ul li.oneclickpayments.active a span.icon{ background-position: 0 -70px;}

.nav ul li.loanstensec a span.icon{ background: url(../resources/images/loansin-10sec.png) no-repeat; background-position: 0 0;}
.nav ul li.loanstensec:hover a span.icon, .nav ul li.loanstensec.active a span.icon{ background-position: 0 -70px;}

.nav ul li.quickinv a span.icon{ background: url(../resources/images/quick-investments.png) no-repeat; background-position: 0 0;}
.nav ul li.quickinv:hover a span.icon, .nav ul li.quickinv.active a span.icon{ background-position: 0 -70px;}
.nav.fixedTop .mainwrapper {position: fixed; top: 0px; z-index: 5; left: 50%; margin-left:-472.5px;}

.nav ul li.active a span.text{color: #aae0fa;}

.padbot50{padding-bottom: 50px;}

.closeBtn{float: left; width: 100%; height: 40px;display: none; padding-top: 18px;}
.closeBtn a{background: url(../resources/images/close-menu.png) no-repeat; background-size: 20px;  float: right; width: 28px; height: 28px;margin: 0 10px 0 0;position: relative;top: -6px;}

.container{ float: left; width: 100%; clear: both;}
.sections{ float: left; clear: both; width: 100%; padding-top: 64px;/* overflow: hidden;*/}
.sectionIcon{ float: right; width: 342px;text-align: center; right: -400px; position: relative; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);}
.sectionIcon span, .sectionIcon h3, .sectionIcon h2{ width: 100%;text-align: center;}
.colloutContent{ background: #cccccc; float: left; width: 464px; position: relative; padding: 28px 28px 22px 28px;left: -600px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);}
.colloutContent span.caret{ background: url(../resources/images/grey-caret.png) no-repeat; display: block; position: absolute; bottom: 0;right: -54px; width: 54px; height: 38px;}
.sections.blue .colloutContent span.caret{ background: url(../resources/images/blue-caret.png) no-repeat; left: -54px; right: auto;}
.sections.blue .sectionIcon{ float: left;right: auto;left: -400px;}
.sections.blue .colloutContent{ background: #0d6dc6; float: right; right: -600px; left: auto;}
.sections.blue .colloutContent p, .sections.blue .colloutContent p.boldText{ color: #fff;}
.boldtext2{  font-family: "helveticamedium";font-size: 1.8em !important;}
.colloutContent p{ color: #333333; font-size: 2.5em; padding-bottom: 24px;}
.colloutContent p.boldText{ color: #333333; font-size: 2em; text-transform: capitalize; font-family: "helveticaheavy";}
.colloutContent p.smallText{color: #333333; font-size: 1.4em; padding-bottom: 5px;}
span.smalltext{ font-size: 12px;}
.colloutContent a, a.knowmore-payzaap{ background: url(../resources/images/knowmore-btn.png) no-repeat; color: #fff; width: 114px; padding:14px 15px; ; float: left; text-transform: uppercase;text-decoration: none; font-size: 1.6em;font-family: "helveticamedium";}
.colloutContent a.knowmore:hover, a.knowmore-payzaap:hover{ background-position: 0 -48px;}
.mobileonly a.knowmore-payzaap{ cursor: pointer !important;}
/*.colloutContent a:hover{ color: #004a8f;}*/
.sectionIcon h2{color: #004a8f; font-size: 3em; margin-top: 20px; text-transform: uppercase;}
.sectionIcon h3{color: #004a8f; font-size: 3.5em; font-family: "helveticamedium"; text-transform: uppercase;}
.quickinvestments-section .sectionIcon h2{color: #ed1c24;}
.quickinvestments-section .sectionIcon h3{color: #ed1c24;}

.blue-section{background: #0d6dc6; clear: both; float: left; padding: 30px 0px; width: 100%;}
.white-section{ clear: both; float: left; padding: 30px 0px;  width: 100%;}
.contentSection{float: left; position: relative; width: 100%;}
.contentSection h2{ color: #004a8f; font-size: 3.5em; font-family: "helveticamedium"; text-transform: uppercase;}
.contentSection p{ float: left; width: 100%; font-size:2em; line-height: 1.5em;}
.contentSection .blue-section p, .contentSection .blue-section h2{ color: #fff;}
.contentSection .mainwrapper{overflow: hidden;}
.contentSection .page-icon{ float: left; width: 365px; position: relative; left: -500px;}
.contentSection .page-icon .icon-container{ width: 250px; float: right; text-align: center;}
.contentSection .pageContent{ float: right; width: 565px; position: relative; right: -800px;}
.contentSection .page-icon .icon{float: right; clear: both; padding: 0 0px 0px 0; text-align: center; width: 100%;}
.contentSection .page-icon .icontText{float: right; clear: both; padding: 10px 0px 0px 0; width: 100%;}
.contentSection .blue-section .page-icon{float: right;position: relative; left: auto; right: -500px;}
.contentSection .blue-section .pageContent{right: auto; left: -800px;}

.introContent{display: none;}
.section1,.section2,.section3,.section4, .section5, .section6, .section7{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";   filter: alpha(opacity=0);}

.contentSection .blue-section .icon{float: left; clear: both; padding: 0 0px 15px 0px;}
.contentSection .blue-section .page-icon .icontText{float: left; clear: both; padding: 0 0px 0px 0px;}
.links{float: left; width:50%;margin-bottom: 15px;}
.topSpace{ margin-top: 17px;}
.contentSection .blue-section .links span{ color: #fff;}
.links span{ float: left; color: #004a8f; font-size: 1.5em; font-family: "helveticamedium"; padding-bottom: 8px; line-height: 1.2em; width: 100%;}
.links a.login{background: url(../resources/images/login.png) no-repeat; color: #fff; clear: both; width: 142px; padding:14px 15px; ; float: left; text-transform: uppercase;text-decoration: none; font-size: 1.6em;font-family: "helveticamedium";}
.links a.getstarted{background: url(../resources/images/getstarted.png) no-repeat; color: #fff; clear: both; width: 152px; padding:14px 15px; ; float: left; text-transform: uppercase;text-decoration: none; font-size: 1.6em;font-family: "helveticamedium";}
.links a.getstarted:hover{ background-position: 0 -45px;}
.links a.applyBig{background: url(../resources/images/apply-big.png) no-repeat; color: #fff; clear: both; width: 240px; padding:14px 15px; ; float: left; text-transform: uppercase;text-decoration: none; font-size: 1.6em;font-family: "helveticamedium";}
.links a.applyBig:hover{background-position: 0 -48px;}

span.strong{font-family: "helveticamedium";}

.pageContent ul li{ float: left; padding-left: 10px; padding-right: 10px; border-left: 1px solid #ccc; height: 55px;}
.pageContent ul li.noborder{ border-left: 0px;}
.pageContent ul li.googleplay{padding-left: 0px; border-left: 0px; display: none;}
.pageContent ul li.googleplay.chiller{ display: block;}


.contentSection .page-icon .icontText h2{font-family: "helveticathin"; font-size: 3em; text-align: center; text-transform: uppercase;}
.contentSection .page-icon .icontText h3{ color: #004a8f; font-size: 3.5em; font-family: "helveticamedium"; text-transform: uppercase; text-align: center;}
.contentSection .blue-section .page-icon .icontText h3{ color: #fff;}
.contentSection .pageContent p{padding-bottom: 40px;}
.pageContent a{ float: left; color: #fff; text-transform: uppercase; font-size: 1.5em;font-family: "helveticamedium"; text-decoration: none;}
.mobileonly a{ cursor: default !important;}
/*.pageContent a:hover{color: #004a8f;}*/
.pageContent a.nearestbranch{background: url(../resources/images/visit-branch.png) no-repeat; width: 282px; padding: 13px 0 19px 15px;}
.pageContent a.nearestbranch:hover{ background-position: 0 -48px;}
.pageContent a.applynow{background: url(../resources/images/apply-now.png) no-repeat; width: 135px; padding: 13px 0 16px 15px;}
.pageContent a.applynow:hover{ background-position: 0 -48px;}

/*.mobileonly{display: none;}*/

a.updownArrow{ background: url(../resources/images/updown-arrow.png) no-repeat; background-position: 0 0; width: 36px; z-index: 10; height: 36px; float: left; position: fixed;right: 5%; bottom: 10%; display: none;}
a.updownArrow.active{ background-position: 0 -45px; display: block;}

a.homeicon{ background: url(../resources/images/home-icon.png) no-repeat; cursor: pointer; width: 22px; height: 22px; float: left; margin-left: 25px;}

.phoneText{ background: url(../resources/images/mobile-icon-phone.png) no-repeat; padding-left: 50px; padding-bottom: 40px; font-size: 1.2em; font-family: "helveticamedium"; color: #ed1c24;}
.ios{ display: none;}
.ios.chiller{ display: block;}
.smallPhoneText{ font-size: 12px; padding-left: 47px; position: relative; top: -16px;}
.smallText2{ font-size: 14px; text-align: center; width: 100%; float: left;}

.footer{ padding-top: 110px; float: left; width: 100%;}
.footer p{ text-align: center; font-family: "helveticamedium"; padding-bottom: 8px; font-size: 1.4em;}
.footer p a{ color: #333333; font-family: "helveticathin"; text-decoration: underline;}
.footer ul{ width: 282px; margin: 0 auto; padding: 15px 0px 25px 0px; overflow: hidden;}
.footer ul li{ background: url(../resources/images/social-links-sprites.png) no-repeat; width: 32px; height: 32px; float: left; margin-left: 18px;}
.footer ul li.first{ margin-left: 0px;}
.footer ul li a{ float: left; width: 32px; height: 32px;}
.footer ul li.fb{ background-position: 0 0;}
.footer ul li.tweet{ background-position: -50px 0;}
.footer ul li.youtube{ background-position: -100px 0;}
.footer ul li.googleplus{ background-position: -150px 0;}
.footer ul li.linkedin{ background-position: -200px 0;}
.footer ul li.pintrest{ background-position: -250px 0;}