@import url('grid.css');
* {box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
body {color: #333333;font-family: "interstate-light",arial;font-size: 12px;margin: 0;padding: 0 0 142px;float: left;width: 100%;}
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 {margin: 0px;padding: 0px;}
img {line-height: 0;vertical-align: bottom;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;}
p,ul,li {margin: 0;padding: 0;list-style: none;}
a {color: #056dae;text-decoration: none;}
a:hover {text-decoration: none;}
.text-center{text-align: center !important;}
.paddtop5{padding-top: 5px;}
.paddtop30{padding-top: 20px;}
.paddingbtm10px{padding-bottom: 10px !important;}
.no-break{white-space: nowrap;}
#pageLoader {width: 100%;height: 100%;background: url("../images/img-loader.gif") #fff no-repeat scroll center center;position:fixed;display:block;top:0;left:0;z-index:99999999}
.sec-wrap {padding-top: 30px;}
.banner-item{width: 100%;float: left;position: relative;}
.container {width: 1240px;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;}
.bannerImg div {width: 100%;position: relative;float: left;}
.bannerImg img {vertical-align: bottom;float: left;width: 100%;} 
.bannerTxt {position: absolute;top: 47%;width: 100%;text-align: center;transform: translateY(-50%);z-index: 1;}
.innerBanner{margin: 0 8.33% 0 0;text-align: left;}
.innerBanner h1{font-family: "interstate-light",arial;color: #ffffff;}
.innerBanner h4{font-family: "interstate-light",arial;font-size:24px;padding: 20px 0 40px; line-height: 34px;letter-spacing: 0px;color: #ffffff}
.btnstyle {font-family: "interstate-bold",arial;color: #ffffff;background: #0e9cd8;outline: 0px;border: 0px;border-radius: 6px;text-align: center;font-size: 16px;line-height: 32px;min-width: 216px;padding: 20px 67px;border: solid 1px #0e9cd8;}
.fontbig{font-family: "interstate-light",arial;color: #0e9cd8;}
.btnstyle:hover{background: #ffffff;color: #0e9cd8;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;border: solid 1px #ffffff;}
.fontbigwhite{font-family: "interstate-regular",arial;background: #0e9cd8;color: #ffffff;display: inline-block;line-height: 50px;padding: 0 15px 21px;margin-top: 10px;margin-bottom: 5px;}

/*form page*/
.breadcrumbadd{display: none;}
.menu-section,.breadcrumb-section{display: none;}
.form-section{width: 100%;float: left;padding: 50px 0 20px;}
.form-section h5{margin-bottom: 10px;}
.form-field {width: 45%;display: inline-block;margin: 11px 10px;position: relative;}
.inputBox-lable, .labelTxt {position: absolute;top: -17px;left: 0px;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;}
.input-box {color: #333333;background: #f6f6f6;outline: 0px;border: 0px;border-radius: 6px;padding: 15px 20px 15px 18px;font-size: 16px;letter-spacing: 0px;border: 1px solid #F6F6F6;
width: 100%;-webkit-appearance: none;line-height: 18px;max-height: 50px;height: 50px;font-family: "interstate-light",arial;}
.errorCode, .errorCode2 {color: #D60000;font-size: 12px;letter-spacing: 0px;line-height: 14px;width: 100%;float: left;height: auto;min-height: 21px;text-align: left;padding-top: 7px;}
.form-inner{width: 100%;margin: 30px auto;text-align: center;}
.form-section form {width: 100%;margin: 40px auto 15px;max-width: 855px;}
select {padding: 15px 30px 15px 18px;font-family: "interstate-light",arial;background: #F6F6F6 url(../images/mob_chevron_input_field.png) 97% center no-repeat;-moz-appearance: none;-webkit-appearance: none !important;-ms-appearance: none;appearance: none;outline: none !important;letter-spacing: 0px;color: #666666;border: 1px solid #F6F6F6;width: 100%;border-radius: 6px;font-size: 16px;max-height: 50px;text-overflow: ellipsis !important;}
select::-ms-expand{display: none;}
.start-btn {padding: 12px 80px;display: inline-block;background: #00BDF2;color: #FFF;text-decoration: none !important;border-radius: 5px;font-family: "interstate-bold",arial;margin-top: 50px;transition: 0.5s;}
.start-btn:hover {background: #056DAE;}
.submit-section{width: 100%;margin: 35px 0 0;}
.mandy_notfilled.error_border {border: 1px solid #D60000 !important;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	select{color: #333333;}
}

/*form page*/



/*footer starts */
#footer {font-family: "interstate-light",arial;font-size:13px;padding: 1% 0 0% 0;position: relative; clear: both; z-index: 1;margin:0 auto;background: #ffffff;color: #333;line-height: 18px;}
.footerMenu {border-bottom: 2px solid #CCCCCC;overflow: hidden;padding: 7px 0 16px;width: 100%;position: relative;}
.footerLeftLink {float: left;padding: 2px 7px 0 0;}
.footerLinksList {float: right;padding: 0;margin-top: 3px;}
.footerMenu a { color: #333;}
.visible-phone {display: none !important;}
.footerList li {float: left; padding-left: 24px; list-style: none;}
.footerDisclaimer {overflow: hidden;padding: 16px 0 35px;z-index: 9999;position: relative;}
.footerLogo {background: url("../images/footer-logo.png") no-repeat;width: 58px;height:35px;float: left;background-size: 75%;}
.copyRight {width:94%;float: right;text-align: right;}
.flex-row{display: flex;justify-content: flex-start;align-items: center;}
.disclaimer{width: 100%;float: left;padding: 50px 0;}
.disclaimer p{font-family: "interstate-light",arial;font-size:14px;line-height:20px;margin-bottom: 20px;color: #373737;}
.last{margin-bottom: 0 !important;}
.terms-section{width: 100%;float: left;padding: 10px 0 30px;background: #f6f6f6;}
.terms-section h4{font-family: "interstate-bold",arial;margin-top: 20px;}
.terms-section p{font-family: "interstate-light",arial;font-size: 14px;padding-top: 20px;line-height: 18px;}
.visibleDesktop{display:block !important;}
.visibleMobile{display:none !important;}
.visibleTab{display:none !important;}
#back-top {float: left;width: 100%;margin: 0px auto;text-align: center;}
#back-top span {color: #333;cursor: pointer;display: inline-block;font-size: 18px;margin-bottom: 0;padding: 0px 10px 45px 32px;transition: all 1s ease 0s;z-index: 0;line-height: 25px;position: relative;}
#back-top span:before{content: '';width: 8px;height: 15px;position: absolute;background: url(../images/carat_grey.png) no-repeat 0 0;top: 5px;left: 12px;transform: rotate(-90deg);}

@media(max-width:1500px){
	img {max-width: 100%;}	
	.bannerbreak{display: none !important;}
	.innerBanner{width: 495px;padding: 24px 40px 40px 40px;}
	.innerBanner h1.mainHeading{font-size: 42px;line-height: 50px;}
	.innerBanner h3.subHeading{font-size: 22px;line-height: 20px;padding: 14px 0 38px;}
	.btnstyle{font-size: 16px;line-height: 23px;padding: 13px 50px;}
	.innerBanner h4{font-size: 16px;line-height: 22px;}
	.fontbigwhite{padding: 0 15px 15px;}
}

@media (max-width: 1300px){		
	.visibile-desk{display: none;}
	.container{width: 100%;}
}

@media(max-width:1025px){
	.mobile-menu{display: none !important;}
	.citi-logo {float: left !important;	}
	.header-blue-wave{position: absolute !important;}
	.showDesk{display: block !important;}
	.top-col{width: 100% !important;}
	.top-right-list{display: none}
	.top-left-list ul li{font-size: 12px !important;}
}

@media(max-width:1024px){
	.bannerTxt{position: relative;transform: translateY(0%);}
	.innerBanner{width: 80%;margin: 0 auto;	z-index: 9999;margin-top: 0px;text-align: center;background: #0d335a;display: inline-block;}
	.fontbig{color: #ffffff;}
	.banner-item{top: 40px;}
	.form-section{padding: 72px 0 20px;}
	.visibleTab{display:block !important;}
	.visibleDesktop{display:none !important;}
	.innerBanner h4{padding: 20px 0 0px;}
}
@media (max-width: 920px) {
	.copyRight{width: 92%;}	
}

@media(max-width: 768px){
	.fontbigwhite{padding: 0px 12px 15px;margin-top: 7px;}
	
}

@media(min-width: 767px) and (max-width: 900px){
	.footerList li{padding-left: 13px;font-size: 12px}
}

@media (max-width: 767px) {

	
	.visibleMobile{display:block !important;}
	.terms-section{padding: 30px 0;}
	.innerBanner h1.mainHeading{font-size: 33px;line-height: 36px;}
	.innerBanner h3.subHeading{font-size: 18px;line-height: 22px;padding: 14px 0 38px;}	
	.innerBanner {padding: 24px 20px 35px 20px;}
	.hidephonebreak{display: none}
	.form-field {width: 100%;margin: 15px 0;}
    .footerMenu { height: 16px;overflow: hidden;}
	.visible-phone { display: inherit !important;}
	.footerDisclaimer, .footerMenu {z-index: 9999;} 
	.footerMenu {height: 16px;overflow: hidden;padding: 7px 0 40px;}
	.footerRhtLink {float: right;color: #666;padding: 4px 0 0;}
	.appFooterScrolTop, .appFooterScrolBot {display: block;height: 16px;position: absolute;right: -4px; top: 4px; width: 21px;}
	.appFooterScrolBot {background: url("../images/showArrow.png") no-repeat scroll 0 2px transparent; background-size: 14px 9px;}
	.appFooterScrolTop {background: url("../images/arrowhide.png") no-repeat scroll 0 0 transparent;background-size: 9px 14px;}
	.footerLinksList a:hover {color: #3399CC;text-decoration: underline;}
	.footerLinksList ul li {float: left;padding: 0 15px 0 0;}
	.footerList {float: left; padding-top: 10px; width: 100%;}
	.copyRight {width:100%;float: none;text-align: left; padding-left: 60px;}
	#footer { padding: 20px 5px 0;}
	.footerRhtLink {float: right;padding: 0;}
	.footerLinksList a {padding-bottom: 4px; display: inline-block;}
	.footerLinksList { float: none; padding: 0 23px 0 0; position: relative;}
	.tablist li{width: 100%;display: table;}	
	.rewards_section{width:100%;padding-left: 20px;}
	.left_img{width: 20%;float: none;vertical-align: middle;display: table-cell;}
	.btncenter{text-align: center;}
	.footerList li{padding-left: 0;padding-right: 15px;padding-bottom: 10px;}
	.footerList{width: 100%;float: left;padding: 30px 0 0;}
	.copyRight{text-align: left;}
	.fontbigwhite{line-height: 36px;padding: 0px 12px 11px;margin-top: 7px;}	
	.visibleTab{display:none !important;}
	.citi-logo {float: none !important;text-align: center;}
	.header-blue-wave-col:nth-child(1) {width: 100% !important;}
	
}

@media (max-width: 580px) {
	.innerBanner{width: 100%;}
	.innerBanner h1.mainHeading {font-size: 29px;line-height: 36px;}
}