@font-face {font-family: "interstate";font-style: normal;font-weight: normal;src: url("../fonts/interstaterom-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/interstaterom-webfont.woff") format("woff"), url("../fonts/interstaterom-webfont.ttf") format("truetype"), url("../fonts/interstaterom-webfont.svg#Citibank") format("svg");}
@font-face {font-family: "interstate-light";font-style: normal;font-weight: normal;src: url("../fonts/interstaterom-webfont-light.eot?#iefix") format("embedded-opentype"), url("../fonts/interstaterom-webfont-light.woff") format("woff"), url("../fonts/interstaterom-webfont-light.sitx") format("truetype"), url("../fonts/interstate_extralight.svg#Citibank") format("svg");}
@font-face {font-family: "interstate-bold";font-style: normal;font-weight: normal;src: url("../fonts/interstate_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/interstate_bold.woff") format("woff"), url("../fonts/interstate_bold.ttf") format("truetype"), url("../fonts/interstate_bold.svg#Citibank") format("svg");
}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
body {font-family: "interstate-light", arial;font-size: 16px;line-height: 24px;color: #333333;margin: 0;background: #ffffff;letter-spacing: 0px;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small,strong,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,img {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,a {display: block;margin: 0px;padding: 0px;}
a {text-decoration: none;color: #B4975A;outline: 0px;display: inline-block;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
img {line-height: 0px;max-width: 100%;}
ul {list-style: none;}
::-webkit-input-placeholder {color: #333333;}
:-moz-placeholder {color: #333333;}
::-moz-placeholder {color: #333333;}
:-ms-input-placeholder {color: #333333;}
#pageLoader {width: 100%;height: 100%;background: url(../images/img-loader.gif) no-repeat scroll center center;position: absolute;}
p{margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;}
.container {width: 1480px;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;}
.headBgColor{background: #1b3c71;height: 70px;}
.logoWrapper {padding: 20px 0 0;float: left;line-height: 0;}
#pageWrappper {visibility: hidden;}
.bannerImageSection{border-bottom: 2px solid #A5865F;border-top: 2px solid #A5865F;line-height:0;position:relative;}
.welcomeSection{padding: 40px 0;display: inline-block;width: 100%;}
.text-center {text-align: center;}
.text-left {text-align: left;}
#userErr{text-align: center !important;}
.bannerSubTxt{padding-top: 33px;padding-bottom: 5px;line-height: 24px;font-size: 16px;letter-spacing: 2px;}
select{
padding: 15px 20px 15px 18px;
background: #FFF url(../images/carat_gold.png) 95% center no-repeat !important;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
-ms-appearance: none;
outline: none;
letter-spacing: 0px;
color: #333333;
border: 1px solid #F6F6F6;
width: 100%;
border-radius: 6px;
font-size: 16px;
max-height: 50px;
}
.innerBanner{
max-width: 840px;
margin: 0 auto;
padding: 0 13px;
position: absolute;
top: 60px;
left: 0;
right: 0;
}
.pull-left{float: left;}
h1{
font-size: 36px;
line-height: 40px;
padding-bottom: 10px;
}
.bannerImage{position: relative;overflow: hidden;}
.bannerImage img.scaleImage{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);}
.bannerImage img{transition: 5s linear;-webkit-transition: 5s linear;-moz-transition: 5s linear;-ms-transition: 5s linear;-o-transition: 5s linear;transform: scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);width: 100%;}
.pagetitle-videoTxt img{width: 16px;}
.innerBanner p{padding-bottom: 34px;}
h4.subTitle {
font-size: 16px;
letter-spacing: 2px;
line-height: 16px;
padding-bottom: 50px;
}
h1.mainHeading {
font-size: 32px;
line-height: 50px;
letter-spacing: 0px;
padding: 0 0 50px;
}
h2.mainHeading {
font-size: 32px;
line-height: 50px;
letter-spacing: 0px;
padding: 0 0 30px;
}
.formSection{background:#1b3c71;padding:0 0 80px;z-index: 1;position: relative;}
.radio-btn {
font-size: 16px;
background: url(../images/oval.png) no-repeat 0px 1px;
height: 22px;
display: inline-block;
}
.radio-active {
background: url(../images/radio_selected.png) no-repeat 0 1px;
}
input[type=radio] {
opacity: 0;
}
.formSect-division-Column{width:100%;margin: 0 auto;display: inline-block;}
.formSection h4.subTitle {padding-bottom: 50px;}
.radioSection{width:40%;margin:0 auto;padding:40px 0;}
.radio-label {
color:#fff;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;
}
.inputBox-lable, .labelTxt {
position: absolute;
top: -17px;
font-size: 12px;
line-height: 12px;
display: none;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
color:#fff;
}
.input-box {
color: #999999;
background: #fff;
outline: 0px;
border: 0px;
border-radius: 6px;
padding: 15px 20px 15px 18px;
font-size: 16px;
letter-spacing: 0px;
color: #333333;
border: 1px solid #fff;
width: 100%;
-webkit-appearance: none;
}
.mandy_notfilled {
border: 1px solid #D60000 !important;
background: #ffffff;
color: #D60000;
}
.form-section .input-box {
width: 100%;
}
.inputField{width: 50%;position: relative;display: inline-block;padding: 0 10px;}
.inputField.fWid{width: 100%;}
.errorCode, .errorCode2 {
color: #AAFFFF;
font-size: 12px;
letter-spacing: 0px;
line-height: 14px;
width: 100%;
float: left;
height: 20px;
text-align: left;
padding-top: 7px;
}
.rowSection{width:70%;display: inline-block;padding: 0 0 20px;font-size: 0;}
.mrgnRight{margin-right: 20px;}
span.blackBtn {width: 341px;display: inline-block;
cursor: pointer;
border-radius: 6px;
line-height: 50px;
padding: 0;
font-weight: bold;
font-family: "interstate-bold", arial;
border: 2px solid transparent;
-moz-border-image: -moz-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
-webkit-border-image: -webkit-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
border-image: linear-gradient(to right, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
-webkit-background-clip: text;
border-image-slice: 1;
}
span.blackBtn {overflow:hidden;position:relative;}
span.blackBtn a{
background-image: linear-gradient(90deg, #F2CE88 30%, #A5865F 0%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: rgba(255, 255, 255, 0.3);
-webkit-background-clip: text;
animation: shine 3s linear infinite;
-webkit-animation: shine 3s linear infinite;
-webkit-animation-timing-function: cubic-bezier(.12,.89,.98,.47);
width: 100%;
}
span.blackBtn a:after {
background: #333;
display: inline-block;
content: attr(data-text);
position: absolute;
z-index: -1;
right: 0;
width: 100%;
}
span.blackBtn a::before{
background-image: linear-gradient(90deg, #F2CE88 30%, #A5865F 0%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
position: relative;
}
@-webkit-keyframes shine {
from {
background-image:-webkit-linear-gradient(
top left,
#A5865F 0%, #F2CE88 50%, #A5865F 100%
);
background-position:-250px -250px;
background-size: 600px 600px;
}
to {
background-position:250px 250px;
}
}
h3.subHeading{font-size: 32px;
line-height: 32px;
letter-spacing: 0px;
padding: 10px 0 50px;
}
.conversationSection {padding: 40px 0 140px 0;}
.bannerImage{-moz-border-image: -moz-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
-webkit-border-image: -webkit-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
border-image: linear-gradient(to right, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
-webkit-background-clip: text;
border-image-slice: 1;border-width: 2px;border-style: solid;border-left:0;border-right:0;}
.circlePadding {
padding: 0 0px;
position: relative;
display: block;
margin: 10px 0;
background-color: transparent;
color: #222;
text-align: center;
border-radius: 50%;
box-shadow: 3px 3px 5px #ccc inset;
}
.new-circle {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
cursor: default;
}
.circle__wrapper {
display: table;
width: 100%;
height: 100%;
}
.circle__content {
display: table-cell;
padding: 1.2em;
vertical-align: middle;
}
.new-font {
font-size: 26px;
color: #333;
line-height: 30px;
letter-spacing: 3px;
}
.visibleMobile, .visibleXSM {
display: none !important;
}
.circle__content .circleCenter {
position: absolute;
left: 0%;
width: 100%;
top: 110px;
}
.circle__content .circleCenter .new-font {
position: absolute;
width: 100%;
top: -44px;
left: 0%;
font-size: 20px;
}
.new-line {
border: solid 1px #B4975A;
width: 50px;
margin: 0px auto;
}
.circle__content .circleCenter .new-subheading {
position: absolute;
left: 0%;
top: 15px;
text-align: center;
width: 100%;
padding: 0 30px;
font-size: 16px;
color: #000000;
line-height: 24px;
}
.innerContainer {
width: 24%;
display: inline-block;
padding: 0 10px;
}
.circlePadding:after {
display: block;
padding-bottom: 100%;
width: 100%;
height: 0;
content: "";
border-radius: 50%;
border: solid 2px #B4975A;
box-shadow: 2px 2px 5px #ccc;
transition: box-shadow 0.5s ease-in-out;
}
.circlePadding:hover:after{
box-shadow: 0px 1px 30px 0px #B4975A;
}
.slider-section{}
ul.offersUL{padding: 50px 0 50px;width: 100%;margin: 0 auto;}
ul.offersUL li.divider{width: 1px;background: #ccc;position: absolute;left: 50%;}
ul.offersUL li p{width: 219px;text-align: left;display: inline-block;font-size: 13px;line-height: 18px;padding-bottom: 10px;}
.offersSection .wrapper{border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;padding: 40px 0;margin-bottom: 40px;display: inline-block;width: 100%;}
.friend .offersSection .wrapper{margin-bottom: 30px;margin-top: 30px;}
body:not(.fixed) .formSection {margin-top: 90px;}
.footer-fixed {position:fixed; bottom: 9px;width: 343px;margin: 0 auto;z-index: 3;display:none;color: #fff;}
.footer-fixed.fixed {position: relative;bottom: -3px;transition: 5s ease position;}
.fixed-links {
padding: 20px 0;
display: block;
width: 75%;
text-align: left;
margin: 0 auto;
}
.footer-fixed{height:60px;background: #1b3c71;
-moz-border-image: -moz-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
-webkit-border-image: -webkit-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
border-image: linear-gradient(to right, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
border-image-slice: 1;
border-width: 2px;
border-style: solid;
border-bottom: 0;bottom: 17px;
z-index: 5;}
.footer-fixed h4{
font-size: 30px;
line-height: 60px;
letter-spacing: 0px;
background-image: linear-gradient(90deg, #A5865F 20%, #F2CE88 50%, #A5865F 100%);
-webkit-background-clip: text;
position: relative;
font-family: "interstate-bold", arial;
z-index: 11;
height: 60px;
width: 343px;
margin: 0 auto;
text-align: center;
}
.stickyBottom{position: fixed;bottom: -1px;width: 100%;margin: 0 auto;z-index: 3;background: #1b3c71;height: 20px;-moz-border-image: -moz-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
-webkit-border-image: -webkit-linear-gradient(left, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
border-image: linear-gradient(to right, #A5865F 0%, #F2CE88 50%, #A5865F 100%);
border-image-slice: 1;border-width: 2px;
border-style: solid;border-bottom:0;border-left:0;border-right:0;}
.stickyBottom.active{width:100%;border-bottom: 0;height: 0;position: relative;}
.sticky-innerSection{width: 343px;margin: 0 auto;}
.sticky-left{width: 60%;display: inline-block;vertical-align: middle;}
.sticky-right{width: 39%;display: inline-block;vertical-align: middle;}
.fixed-links h4{padding:0;font-weight: bold;line-height: 26px;}
.fixed-links h2.mainHeading{font-size: 20px;padding: 0;line-height: 28px;}
.fixed-links span.blackBtn{text-align:center;float: right;}
#back-top {
float: left;
width: 100%;
margin: 0px auto;
text-align: center;
}
#back-top span {
background: url(../images/carat_up_gold.png) no-repeat 10px 23px;
color: #333;
cursor: pointer;
display: inline-block;
font-size: 16px;
margin-bottom: 0;
padding: 14px 10px 14px 32px;
transition: all 1s ease 0s;
z-index: 9999;
line-height: 25px;
}
.footer-logo {
padding: 35px 0 35px;
display: inline-block;
width: 25%;
float: left;
}
.pagefooter {
background: #333333;
color: #fff;
width: 100%;
float: left;
}
.copyright{width: 75%;float: right;padding: 35px 0 35px;}
.copyright > p {
font-size: 12px;
line-height: 18px;
text-align: right;
}
.goalsSection{padding-bottom: 70px;}
.last{padding-bottom: 0 !important;}
.first{margin-right: 0;display: inline-block;}
.second{margin-left: 45px;display: inline-block;}
.visibleTabPhone{display: none;}
.radioWidth{width: 33%;display: inline-block;}
.input-box:focus {
border-color: #056DAE;
-webkit-transition: all 0.30s ease-in-out;
-moz-transition: all 0.30s ease-in-out;
-ms-transition: all 0.30s ease-in-out;
-o-transition: all 0.30s ease-in-out;
}
#events-corousel .item{margin: 0 5px;}
h1.pagetitle {color:#fff;font-size: 68px;line-height: 76px;letter-spacing: 0px;width: 100%;background-image: linear-gradient(90deg, #A5865F 20%, #F2CE88 50%, #A5865F 100%);-webkit-background-clip: text;/*-webkit-text-fill-color: transparent;*/position: relative;
font-family: "interstate", arial;}
.pagetitle-subTxt {color:#fff;padding-bottom: 10px;line-height: 28px;font-size: 24px;width: 100%;background-image: linear-gradient(90deg, #A5865F 20%, #F2CE88 50%, #A5865F 100%);-webkit-background-clip: text;/*-webkit-text-fill-color: transparent;*/position: relative;}
.intro-txt{width: 55%;margin: 0 auto;}
.goldClr{color: #B4975A;}
ul.offersUL li span.goldClr{color: #B4975A;float: none;font-size: 13px;margin-right: 0;display: inline-block;padding-top: 8px;}
.list-disclaimer{width: 100%;display: inline-block;padding-top: 10px;}
.mrgRgtZero{margin-right: 0 !important;}
.carlSection{width: 75%;margin: 0 auto;}
.ORDivider{background: #ccc;position: relative;height: 1px;margin: 30px auto;width: 50%;}
ul.offersUL li .loanAmount span.ORSpan{font-size: 12px;color: #999;margin-right: 0;text-align: center;width: 25px;display: inline-block;background: #fff; position: absolute;height: 25px;top: -10px;float: none;left: 45%;}
.ORSpan::before{content: 'OR';background: #fff;padding: 10px;}
.hide{display: none;}
.offerheader{width: 100%;margin: 0 auto;}
.head-accor li{float: left;background: #eee;}
.head-accor li.active{background: #B4975A;}
.head-accor li.active a{color: #fff;}
.head-accor li a{color: #555;padding: 3px 25px;width: 100%;}
.head-accor li:first-child{border-bottom-left-radius: 6px;border-top-left-radius: 6px;}
.head-accor li:last-child{border-bottom-right-radius: 6px;border-top-right-radius: 6px;}
.head-accor{margin: 0 auto;display: inline-block;padding: 0 50px;text-align: center;}
.second-offers{display: none;}
.content-wrapper {width: 100%;display: inline-block;}
.buttonOut{display:inline-block;width:100%;font-size: 0;}
.buttonOut>*{display:inline-block;width:29%;vertical-align: middle;font-size: 16px;line-height: 24px;}
.buttonOut>span{height:2px;background:#A5865F;width:35%;}
.formSect-division-Column{border-top:2px solid #A5865F;padding-top: 40px;margin-top: 40px;}
.formSect-division-Column h3{color:#fff;padding-bottom: 40px;font-size: 32px;line-height: 40px;}
.formSect-division-Column p{color:#fff;padding: 0 0 25px;font-size: 12px;line-height: 18px;}
.uniqueReferral input{background:#fff url('../images/icon_chain.png') no-repeat 99% center;padding: 15px 50px 15px 18px;}
#socialShare{padding: 40px 0 10px;}
#socialShare li{display: inline-block;margin:0 20px;}
#socialShare li img{display: block;margin: 0 auto;}
#socialShare li span{display: block;}
.Rewards li .first{width:219px;}
.Rewards li .second{width: 270px;}
.Offers li .second{width:219px;}
.ORSpan{position: relative;top: -12px;background: #fff;display: inline-block;color: #999;}
.CTA {padding-top: 20px;}
.two-sections{width: 100%;float: left;}
.first-col{width: 50%;float: left;border-right: 1px solid #ccc;}
.Rewards .first-col {border-right: 0;}
.Rewards .first-col {border-right: 1px solid #ccc;}
.friend .first-col{border-right: 0;}
.friend .second-col{border-left: 1px solid #ccc;}
.second-col{width: 50%;float: left;}
.divider{width: 1px;background: #ccc;position: absolute;left: 50%;}
.two-col-content p{padding: 0 0 10px;}
.loanAmount span{font-size: 68px;line-height: 76px;color: #B4975A;font-family: 'interstate',arial;}
.pagetitle-videoTxt{background-image: linear-gradient(90deg, #A5865F 20%, #F2CE88 50%, #A5865F 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;position: relative;width: 100%;}
#rewardsSection .two-sections {padding-bottom: 30px;}
.pagetitle-videoTxt img{vertical-align: middle;margin-right: 6px;}
.first-col .innerpadding{width: 50%;margin: 0 auto;}
.second-col .innerpadding{width: 70%;margin: 0 auto;}
.clickMore, .findMore {letter-spacing: 0;cursor: pointer;font-family: "interstate-light", arial;color: #333;}
.full-width {float: left;width: 100%;}
.inter {font-family: interstate, arial;}
.cash-head {margin-bottom: 20px;font-size: 22px;line-height: 28px;}
.loanAmount {margin-bottom: 35px;}
/* IE Only */
.ieonly .pagetitle-videoTxt{color:#A5865F;background-image:none;}
.ieonly .pagetitle-subTxt{/*color:#A5865F;*/background-image:none;}
.ieonly h1.pagetitle{/*color:#A5865F;*/background-image:none;font-family:"interstate", arial;}
.ieonly .innerBanner{width:100%;}
.ieonly span.blackBtn a{background-image:none;color:#A5865F;}
.ieonly span.blackBtn{background-image:none;}
.ieonly span.blackBtn a:hover::after{background-image:none;}
.ieonly .formTop h4{background-image:none;color:#A5865F;font-family:"interstate", arial;}
.ieonly span.blackBtn:hover a{color: #f0cd87;;background:#A5865F;}
.ieonly span.blackBtn a:hover::after{background:#A5865F;}
.ieonly span.blackBtn:hover{background:#A5865F;}
.ieonly .footer-fixed h4{background-image:none;color: #b4975a;}
.rowSection.uniqueReferral{width: 70%;padding-bottom: 0;display: none;margin:0 auto;}
.rowSection.uniqueReferral .inputField.fWid{margin:40px 0 0 0;}
.buttonIn{padding: 0 10px 0 10px;}
.friend .buttonIn {padding: 0 10px 0 10px;}
#uniqueLink{cursor:pointer;}
.faqSection{
width: 100%;
line-height: 14px;
}
.tab-accordiant-header span:after, .findBtn span:after{
background: url('../images/gold-left.png') no-repeat 0 50%;
content: '';
position: absolute;
width: 8px;
height: 15px;
left: 0;
transition: all 600ms ease;
top: 0;
}
.findBtn span:after{top: 4px;}
.tab-accordiant-header span, .findBtn span{
padding: 0 0 15px 18px;
display: inline-block;
position: relative;
width: 100%;
}
.tab-accordiant-header.active-state span:after {
transform: rotate(90deg);
-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
}
.faq_accordion{padding-top: 10px;}
.tab-accordiant-content{display: none;}
/* accordion */
.accordiant {
border-top: 1px solid #DDDDDD;
display: inline-block;
width: 100%;
}
.accordiant-header {
border-bottom: 1px solid #DDDDDD;
display: table;
width: 100%;
cursor: pointer;
}
.accordiant-header.active-state {
border-bottom: 0px solid #DDDDDD;
background-color: #EEEEEE;
display: table !important;
}
.accordiant-header * {
transition: all ease 0.25s;
}
.accordiant-header div a {
background: url(../images/plus.png) no-repeat scroll 10px 7px transparent;
padding: 0 0px 0 40px;
color: #333333;
margin-top: 13px;
margin-bottom: 13px;
width: 100%;
}
.accordiant-header.active-state div a {
font-family: "interstate-bold", arial;
color: #B5995C;
background: url(../images/minus.png) no-repeat scroll 10px 7px transparent;
border-bottom: 0px;
display: inline-block;
width: 100%;
}
.accordiant-content {
float: left;
background: #EEEEEE;
border-bottom: 1px solid #EEEEEE;
display: none;
width: 100%;
padding-left: 40px;
}
/* tab structure referral page */
.supfnt{font-size: 30px;position: relative;top: -10px;}
.howdostart-head{cursor:pointer;}
.buttonLine{float: left;width: 100%;position:relative;}
.buttonLine:after{content:'';height: 2px;background: #A5865F;position:absolute;top:32px; left:0;width: 100%;z-index: -5;}
.topbBlkBtn{width: 100%;
margin: 0 auto;
background: #1b3c71;
position: relative;
overflow: hidden;
background: url(../images/generate-off.png) no-repeat center;
background-size: 100%;
height: 66px;
cursor:pointer;
}
.topbBlkBtn1{width: 100%;
margin: 0 auto;
background: #1b3c71;
position: relative;
overflow: hidden;
background: url(../images/cmb-off.png) no-repeat center;
background-size: 100%;
height: 79px;
cursor:pointer;
}
.btp{width: 30%;margin: 0 auto;background: #1b3c71;}
.btp1{width: 20%;margin: 0 auto;background: #1b3c71;}
.topbBlkBtn:hover {background: url(../images/generate-on.gif) no-repeat center;background-size: 100%;}
.topbBlkBtn1:hover {background: url(../images/cmb-on.gif) no-repeat center;background-size: 100%;}
.widthsvg a{width:50px;height:50px;}
.widthsvg1 a{width:58px;height:58px;}
.videoCover{position:fixed;width:100%;height:100%;overflow:hidden;text-align:center;display:none;top:0;left:0;z-index: 11;background:rgba(255,255,255,0.6);}
.videoContainer{position:fixed;width:80%;top:20px;left:10%;}
.videoCover img{position:absolute;right:-12px;top:-12px;cursor:pointer;z-index: 20;}
.videoCover video{width:100%;}
h3.socialHead{color: #fff;padding: 80px 0 0 0;font-size: 32px;line-height: 40px;}
/* IE Only */
/* Media queries */
@media screen and (-webkit-min-device-pixel-ratio:0) {
/* IE10+ CSS styles go here */
span.blackBtn a {-webkit-text-fill-color: transparent;}
::i-block-chrome, span.blackBtn a:hover:after {z-index: -5;}
::i-block-chrome, span.blackBtn a{background: none;-webkit-text-fill-color: initial;}
}
@media (max-width: 1600px){
.radioWidth{width: 22%;}
.friend span.blackBtn {width: 330px;}
}
@media (max-width: 1500px){
.container {width: 100%;}
.circle__content .circleCenter{top:95px;}
.circle__content .circleCenter .new-subheading {font-size:14px;line-height:24px;}
.first{margin-left: 34px;}
.second{margin-left: 34px;display: inline-block;}
ul.offersUL li p {width: 75%;float: left;}
.radioSection {width: 44%;}
.radioWidth{width: 34%;display: inline-block;}
}
@media (max-width: 1366px)
{
.first {margin-left: 46px;}
.second {margin-left: 65px;}
h3.subHeading{font-size: 26px;}
.radioWidth{width: 28%;}
.buttonOut>span{width:33%;}
.friend .buttonOut>span{width:38%;}
.buttonOut>*{width:29%;}
.friend .buttonOut>*{width:23%;}
.friend span.blackBtn {width: 201px;}
.topbBlkBtn1{width:222px;height: 59px;background-size: 222px 59px;}
}
@media (max-width: 1260px){
.circle__content .circleCenter .new-subheading {font-size: 11px;line-height: 18px;}
.buttonOut>*{width: 34%;}
.btp1{width: 30%;}
}
@media (max-width: 1200px)
{
.radioWidth {width: 31%;}
.radioSection {width: 50%;}
span.blackBtn { width: 310px;}
.topbBlkBtn1{height: 59px;}
}
@media (max-width: 1080px){
.two-sections{padding: 0 50px 0;width: 100%;}
.offersSection .wrapper{padding: 70px 50px;}
.loanAmount span {font-size: 60px;}
.head-accor li{font-size: 20px;}
span.blackBtn a{font-size: 15px;}
.buttonOut>*{width: 34%;}
.circle__content .circleCenter .new-subheading{line-height: 15px;}
.head-accor{padding: 0;}
}
@media (max-width: 1024px)
{
#circle-carousel .item {width: 50%;float: left;padding-bottom: 20px;}
.homePageSection{width: 67%;margin: 0 auto;display: inline-block;}
.circle__content .circleCenter .new-subheading{font-size: 16px;line-height: 24px;}
span.blackBtn a{width:100%;background-image:linear-gradient(90deg, #A5865F 0%, #F2CE88 50%, #A5865F 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent; position: relative;}
span.blackBtn a:after{background:#333;display:inline-block;content:attr(data-text);position:absolute;z-index:-1;right:0;width:100%;top: 0;}
span.blackBtn a:hover:after{background:#333;display:inline-block;content:attr(data-text);position:absolute;z-index:-1;right:0;width:100%;}
.fixed-links{width: 92%;}
.rowSection{width:85%;}
.intro-txt{width: 100%;}
.innerContainer{width: 50%;float: left;}
.videoContainer{width:90%;left:5%;top:100px;}
.first-col .innerpadding {width: 68%;text-align: center;}
.list-disclaimer{text-align: center;}
.head-accor li a{font-size:16px;padding: 3px 12px;}
ul.offersUL{width:90%;}
.visibleDesktop{display:none;}
}
@media (max-width: 992px){
.circle__content .circleCenter .new-subheading {font-size:12px;/* line-height: 18px; */}
.radioSection {width: 58%;}
.formSect-division-Column p br{display:none;}
.head-accor li{font-size: 16px;}
.two-sections { padding: 0 30px 0;}
span.blackBtn {width: 260px;}
span.blackBtn a {font-size: 12px;}
.friend span.blackBtn {width: 170px;}
}
@media (max-width: 880px){
ul.offersUL {width: 85%;}
.radioSection {width: 65%;}
.head-accor li{font-size: 15px;}
span.blackBtn {width: 240px;}
.circle__content .circleCenter .new-subheading {line-height: 18px;}
.friend span.blackBtn {width: 160px;}
.loanAmount span {font-size: 48px;}
.topbBlkBtn{height: 60px;}
.topbBlkBtn1{height: 60px;}
}
@media (max-width: 768px){
h1.mainHeading {font-size: 40px;line-height: 48px;letter-spacing: 0px;}
h2.mainHeading {font-size: 40px;}
.homePageSection {width: 100%;}
#circle-carousel .item {width: 40%;float: none;}
.fixed-links{width: 90%;}
.circle__content .circleCenter .new-subheading{line-height: 24px;}
.two-sections {padding: 0;}
h3.socialHead{padding: 40px 0 0 0;}
}
@media (max-width: 767px){
.visibleTabPhone {display: block;}
h1.mainHeading {font-size: 26px;line-height: 32px;padding-bottom: 23px;}
h2.mainHeading {font-size: 26px;padding-bottom: 40px;line-height: 32px;}
.welcomeSection{padding: 30px 0;}
.headBgColor {height: 55px;}
.logoWrapper{padding: 13px 0 0;}
h4.subTitle{font-size: 12px;line-height: 18px;letter-spacing: 1px;margin-bottom: 8px;}
.formSection{padding: 0 0 40px;}
.conversationSection {padding: 40px 0 70px;width: 100%;}
#circle-carousel .item{float: left;width: 100%;margin: 0;}
.circle__content .circleCenter .new-subheading{font-size: 14px;line-height: 24px;}
.offersSection .wrapper{padding: 30px 0;margin-bottom: 40px;}
.footer-fixed h4.subTitle{font-size: 16px;}
.footer-fixed h2.mainHeading{font-size: 21px;padding-bottom: 0;line-height: 32px;}
.fixed-links{width: 100%;float: left;padding: 10px 0;}
ul.offersUL {width: 100%;float: left;padding: 25px 0 0;}
ul.offersUL li{width: 100%;float: left;display:inline-block;}
ul.offersUL li.divider{height:1px;position:inherit;width:33%;margin: 15px auto 15px;text-align: center;float: none;}
.first {margin-left: 0;}
.second {margin-left: 0;}
ul.offersUL li p {width: 86%;margin-top:0;}
ul.offersUL li span{width:50px;text-align:center;line-height:65px;}
ul.offersUL li .step1{width:80%;}
.first,.second{width:100%;}
#circle-carousel .item{/* width: 50%; */padding-bottom: 10px;}
.circle__content .circleCenter {top: 110px;}
.circle__content .circleCenter .new-font{font-size: 26px;}
.inputField {width: 100%;padding-bottom: 20px;}
.inputField.fWid{padding:0 10px;}
.mrgnRight {margin-right: 0;}
.rowSection{padding: 0;width:100%;}
.rowSection.uniqueReferral{width:100%;}
.visibleTabPhone{display: block;}
.visibleDesktopOnly {display: none;}
.visibleMobile{display: inline-block !important;}
h3.subHeading {font-size: 16px;line-height: 25px;padding: 0 0 35px;}
.radioSection {width: 100%;float: left;padding: 20px 0;}
.radioWidth {width: 30%;float: left;text-align: left;}
#userErr {text-align: left !important;}
.circlePadding{margin: 20px 0;}
.slider-section { width: 50%;margin: 0 auto;}
.formSection h4.subTitle { padding-bottom: 10px;margin-bottom: 10px;}
.bannerSubTxt{padding-bottom: 10px;margin-bottom: 8px;}
.buttonOut>span{width:10%;}
.buttonOut>* {width: 100%;}
span.blackBtn {width: 100%;}
.first-col{border-right: 0;}
.first-col, .second-col{width: 100%;}
.full-width{width: 100%;float: left;}
.two-sections, .list-disclaimer{text-align: center;}
.two-sections{padding: 0;}
.head-accor li{font-size: 21px;line-height: 28px;}
.formSect-division-Column {border-top: 0;padding-top: 0;}
.second-col.two-col-content.innerpadding{padding:25px 40px 0;}
.buttonOut>span{display: none;}
h1.pagetitle {font-size: 60px;padding-bottom: 0;}
.friend h1.pagetitle {font-size: 50px;padding-bottom: 0;}
.formTop h4{font-weight: bold;}
span.blackBtn a {font-size: 14px;}
#socialShare{padding: 40px 0 10px;}
.friend .second-col {border-left: 0;}
.friend .conversationSection{padding: 40px 0 100px;}
.friend .pagetitle-subTxt{font-size: 20px;padding-bottom: 0;}
.two-col-content p {padding: 0 0 10px;}
.carlSection {width: 100%;}
.innerpadding.loanAmount{padding: 0;}
.innerContainer {width: 100%;}
.friend .buttonOut>*, .friend span.blackBtn, .friend .buttonOut{width: 100%;}
.friend .buttonOut{padding: 0;}
.friend .CTA{padding-top: 0;}
.first-col .innerpadding {width: 100%;float: none;margin-right: 0;}
.second-col .innerpadding{margin-left: 0;}
.innerpadding {padding: 25px 0 0;}
.second-col .innerpadding{width: 100%;padding-left: 0;}
.faq_accordion{text-align: left;}
.supfnt{font-size: 20px;}
.faqSection{text-align: left;}
.Rewards .first-col{border-right: 0;}
.buttonLine:after{visibility: hidden;}
.btp, .btp1 {width: 100%;}
.topbBlkBtn{width: 382px;height:66px;}
.topbBlkBtn1{width: 222px;}
.footer-fixed h4{font-size: 24px;line-height: 48px;height: 48px;width: 100%;}
.footer-fixed{height: 48px;width:270px;}
.sticky-innerSection{width:270px;}
.howdostart-head{width: 100%;}
.footer-fixed.fixed{bottom: -3px;}
h3.socialHead{font-size: 26px;line-height: 32px;}
.formSect-division-Column h3{font-size: 26px;line-height: 32px;}
.errorCode, .errorCode2{height:auto;}
}
@media (max-width: 667px){
.footer-fixed h2.mainHeading {font-size: 17px;padding-bottom: 0;line-height: 22px;}
}
@media (max-width: 640px){
.slider-section { width: 65%;margin: 0 auto;}
}
@media (max-width: 568px){
.radioWidth {width: 35%;}
.circle__content .circleCenter .new-subheading{font-size: 14px;}
.fixed-links span.blackBtn{font-size: 14px;width: 170px;}
.sticky-left{width: 55%;}
.sticky-right{width: 44%;}
#circle-carousel .item { width: 57%;}
.slider-section {width: 60%;}
}
@media (max-width: 480px){
.circle__content .circleCenter {top: 120px;}
.slider-section{width: 75%;}
.sticky-left{width: 50%;}
.sticky-right{width: 48%;}
.slick-dots{margin-top: 7%;}
h1.pagetitle {font-size: 32px;line-height: 34px;}
.pagetitle-subTxt, .pagetitle-videoTxt{font-size: 17px;padding-bottom: 0;}
.two-sections {padding: 0;}
.ORDivider{width: 100%;}
.head-accor {}
#socialShare li{margin: 0 8px;}
.formTop{width: 100%;}
.friend .pagetitle-subTxt {font-size: 16px;}
.formSect-division-Column h3{font-size: 21px;line-height: 26px;}
span.blackBtn a {font-size: 12px;}
.friend h1.pagetitle{font-size: 32px;}
.topbBlkBtn {width: 100%;}
.head-accor li {font-size: 17px;}
.head-accor li a{padding: 3px 17px;}
}
@media (max-width: 420px){
ul.offersUL li .step1 {width: 75%;}
ul.offersUL{padding: 30px 0;}
.radioWidth {width: 50%;}
.slider-section{width: 95%;}
.friend h1.pagetitle {font-size: 31px;}
}
@media (max-width: 414px){
}
@media (max-width: 375px){
.fixed-links span.blackBtn{width: 140px;}
.slider-section{width: 100%;}
}
@media (max-width: 360px){
.circle__content .circleCenter .new-subheading{font-size: 13px;line-height: 21px;}
ul.offersUL li .step1 {width: 65%;}
.footer-fixed h2.mainHeading{font-size: 14px;line-height: 18px;}
.fixed-links span.blackBtn{width: 120px;font-size: 12px;}
.head-accor li a {padding: 3px 12px;}
.footer-fixed h4, .footer-fixed, .sticky-innerSection{width: 240px;}
.footer-fixed h4{font-size: 21px;line-height: 42px;height: 42px;}
.footer-fixed{height: 42px;}
}
@media (max-width: 320px){
.circle__content .circleCenter .new-subheading{font-size: 12px;line-height: 18px;}
.radio-label{padding-left: 0;}
.circle__content .circleCenter {top: 115px;}
.formTop h4 {font-size: 21px;}
#socialShare li{margin: 0;}
.friend h1.pagetitle {font-size: 28px;line-height: 26px;padding-bottom: 0;}
.friend .pagetitle-subTxt {font-size: 13px;}
.formSect-division-Column h3 {font-size: 18px;}
.head-accor li a{font-size: 14px;}
.head-accor li {font-size: 14px;}
}
.topMenu {background: #333333;height: 26px;}
.topMenu li {position: relative;color: #ffffff;font-size: 12px;letter-spacing: 0px;line-height: 12px;margin: 7px 0px 0 0px;display: inline-block;font-family: interstate-light, arial;}
.topMenu a {color: #ffffff;}
.topMenu ul.lang-switch li {position: relative;color: #ffffff;font-size: 12px;line-height: 12px;margin: 7px 0px 0 40px;display: inline-block;font-family: interstate-light, arial;}
.topMenu ul.lang-switch li:first-child {margin: 7px 0px 0 0px}
.topMenu ul.lang-switch li >a {position: relative;color: #ffffff;font-size: 12px;line-height: 12px;margin: 0 0 0 0;font-family: interstate-light, arial;}
.full-width {float: left;width: 100%;}
.vertical-divider {padding: 0 10px;}
.fontBold {font-family: interstate-bold, arial;}