html{-webkit-font-smoothing:antialiased;}
sup {font-size: 10px;}
.bold {font-weight: 700;}
.pdt-5 {padding-top: 5px;}
.mode-tablet .tabs.tabs-flat-nav{border-left:none;border-right:none}
.topContentText{font-size:12px;color:#000;}
.topContentText p{padding-bottom:5px;}
.tabsContainer{padding:0;}
.tabContentWrap{border:none;padding:0}
.tabContentBorder{border:1px solid #c1c1c1;padding:20px;margin-bottom:20px;color:#000; border-top: none;}
.tabContentBorder.nopadding-top {padding-top:0;}
.tabContentFlatWrap{border:1px solid #c1c1c1;padding:21px 22px 15px;}
.tabInnerWrapFlat{padding-bottom:10px;margin-bottom:10px;color:#000}
.tabs-flat-nav{position:relative;background:#f6f6f6;display:table;table-layout:fixed;width:100%;border:solid 1px #c1c1c1;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:0;}
.tabs-flat-nav li{margin:0;border:none;float:none;display:table-cell;border-radius:0;padding:16px;white-space:nowrap;vertical-align:middle;width:1%;line-height:1;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;background:none;}
.tabs-flat-nav li a{text-align:center;display:inline-block;color:#000;font-size:12px;padding:0;height:auto;float:none;border:none;}
.tabs-flat-nav li.active{border:none;background:none;}
.tabs-flat-nav li.active a{color:#000;font-weight:400;}
.tabs-flat-nav li.active::before{content:'';position:absolute;left:15px;right:15px;bottom:0;height:5px;background:#05b4f4;display:block}
.tab-block-text{background:#f8f8f8;margin:22px 0;padding:22px;}
.tab-title{text-align:center;font-family:'Arial';font-size:15px;color:#05b4f4;line-height:1;margin:0 0 20px;font-weight:bold;padding:0;}
.tab-block-text.no-bg{background:none;}
.line-break{
	border-top: 1px dotted #ccc;
    margin: 0 auto 30px;
    height: 1px;
    background: #ddd;
}
.line-break.no-line{background:none; border: none;}
.border-top-break {
	border-top: 1px solid #ccc;
	padding-top: 20px;
}

p {
	padding: 0;
	line-height: 1.2;
}

ul.rate{list-style:none;margin:0 0 10px;padding:0;}
.rate li{vertical-align:middle;}
.rate li span,
.rate li img{display:inline-block;vertical-align:middle;padding: 0 5px;}
.goto-faq{background:#05b4f4;padding:10px 20px;color:#fff;}
.goto-faq a{color:#fff;font-size:12px;font-family:'interstate';display:block}
.note{padding:15px 0 0;}
.note-faq {padding: 15px 0;}
.note p{font-size:12px;color:#000;padding:0}
.tabInnerWrapFlat .tableWrap{padding:0;}
.scrollArea{color:#000;}
.TermsAndConditions{color:#000}
.switch-tabs-nav{
	list-style:none;
	margin:0;padding:0;
	/* border:solid 1px #05b4f4; */
	border: none;
	display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box;table-layout:fixed;}
.switch-tabs-nav li{display:table-cell;width:1%;text-align:center; position: relative;}
.switch-tabs-nav li a{color:#05b4f4;opacity:0.5;display:block;padding:20px 15px;}
.switch-tabs-nav li.active{background:#05b4f4;}
.switch-tabs-nav li.active a{color:#fff;opacity:1;}
.switch-tabs-nav li.active:before {
	content:'';
	width: 0; 
  	height: 0; 
  	border-left: 15px solid transparent;
  	border-right: 15px solid transparent;
  	position: absolute;
  	border-top: 20px solid #05b4f4;
  	bottom: -15px;
	left: 45%;
	display: none;
}

.btn{font-size:12px;color:#fff;background:#e9602a;border-radius:5px;padding:6px 10px;}
.ico-info{background:url('../images/cc_rwds_redeem/update/ico_info.png') no-repeat center;display:inline-block;}

.hidden{display:none!important}

.bulLst h4 {
	padding: 7px 0;
}
.bulLst h4:first-child {
	padding-top: 0;
}

.roman li {
	list-style: lower-roman;
}
.roman-upper li {
	list-style: upper-roman;
}

.alpha-circle li {
	display: table;
}

.alpha-circle li .pdr-7 {
	padding-right: 7px;
}

.alpha-circle li span{
	display: table-cell;
}

.dot li {
	list-style: disc;
}

.disc li{
	list-style: circle;
}

.pdr-20 {
	padding-left: 30px;
}

.pdr-15 {
	padding-left: 15px;
}

.pdb-10 {
	padding-bottom: 10px;
}

.pdb-20 {
	padding-bottom: 20px;
}
.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-top: 20px solid #f00;
}

.cursor-default {
	cursor: initial;
}

.no-margin-border {
	margin-left: -22px;
	margin-right: -22px;
}

.none-padding {
	padding-left: 0;
	padding-right: 0;
}

.nomargin-top {
	margin-top: 0;
}

.img-sub-banner {
	margin-bottom: 20px;
}

.background-box {
	background-color: #f6f6f6;
	padding: 10px 0 5px;
	text-align: center;
	position: relative;
}

.background-box::after {
	content: "";
	position: absolute;
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-top: 20px solid #f6f6f6;
	left: 50%;
	transform: translate(-50%,0);
	bottom: -20px;
}

.high-light-text {
	font-weight: 700;
	font-size: 16px;
}

.box-wrapper {
	display: block;
	width: 100%;
	margin: 30px auto 20px;
	font-size: 0;
}

.box-item {
	display: inline-block;
	width: 42%;
	vertical-align: top;
	font-size: 12px;
	text-align: center;
}

.next-icon {
	display: inline-block;
	width: 16%;
	font-size: 12px;
}

.btn-box-inside {
	display: block;
	max-width: 170px;
	margin: 0 auto;
	padding: 8px 10px;
	background-color: #003d7c;
	margin-bottom: 10px;
	font-weight: bold;
	cursor: initial;
}

.box-desc {
	/* max-width: 165px; */
	padding: 0 20px;
}

#HowItWorks .img-box {
	min-height: 100px;
}

#HowItWorks .next-icon {
	padding-top: 60px;
}

.box-inside {
	margin-top: 20px;
}

.calculator-box {
	display: block;
	width: 45%;
	background: #05b4f4;
	font-size: 0;
	padding: 10px;
	margin: 0 auto;
	border-radius: 5px;
}

.icon-calculator {
	display: inline-block;
	font-size: 12px;
	width: 30px;
	vertical-align: middle;
}

.box-item-text {
	display: inline-block;
	font-size: 12px;
	color: #fff;
	width: calc(100% - 30px);
	vertical-align: middle;
}

.box-item-text a {
	color: #fff;
	text-decoration: underline;
}

.box-item-text p {
	padding-bottom: 0;
	line-height: 1.4em;
}

.img-icon-inside {
	display: flex;
	justify-content: center;
	align-content: center;
}

.img-box {
	/* min-height: 100px; */
	padding: 10px 0;
}

.tabsWrapper {
	padding: 0;
}

.apply-block {
	margin-top: 20px;
}

.apply-block .btn {
	font-size: 14px;
	font-weight: normal;
}

.btn {
	font-size: 16px;
}

.btn-apply {
	border-radius: 0;
    padding: 8px 20px;
    max-width: 120px;
    display: block;
	text-align: center;
	margin: 0 auto;
	font-weight: bold;
}

.circle-block-wrapper {
	display: block;
	width: 100%;
	font-size: 0;
}

.circle-item {
	display: inline-block;
	width: 33.333%;
	font-size: 12px;
	vertical-align: top;
}

.circle-border {
	height: 140px;
	width: 140px;
	border-radius: 70px;
	background-color: #05b4f4;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}

.circle-border p {
	padding: 15px;
	color: #fff;
	text-align: center;
}

.label-text {
	font-size: 15px;
	font-weight: 700;
	padding-bottom: 8px;
}

.benefit-border {
	display: block;
	width: 100%;
	font-size: 0;
}

.benefit-border .icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	vertical-align: middle;
}

.benefit-border .text {
	display: inline-block;
	width: calc(100% - 50px);
	font-size: 12px;
	vertical-align: middle;
}

.benefit-border .text p {
	padding-left: 20px;
	padding-bottom: 0;
}

.benefit-item {
	padding: 15px 0;
	border-bottom: 1px dashed #ccc;
}

.icon-wrapper {
	height: 100%;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.two-col {
	width: 49%;
}

.break-col {
	border-left: 1px solid #333;
}

.break-line {
	border-bottom: 1px solid #ccc;
	margin-bottom: 15px;
}

.box-inside {
	border: 1px solid #cccccc;
	padding: 20px;
	background-color: #eeeeee;
}

.img-desc {
	font-size: 16px;
	color: #05b4f4;
	font-weight: 700;
	padding: 8px 0;
}

.center-text {
	text-align: center;
}

.break-line-dash {
	border-top: 1px dashed #ccc;
	padding-bottom: 20px;
}

.process-list {
	border-left: 1px dashed #ccc;
	padding-left: 30px;
	margin-left: 25px;
}

.process-list li {
	position: relative;
	padding-bottom: 15px;
}

.process-list li:last-child {
	padding-bottom: 10px;
}

#HowToApply .process-list li {
	padding-bottom: 25px;
}

.process-list li::before {
	content: '';
	background-image: url("../images/debt_consolidation/icon-point.png");
	position: absolute;
	left: -35px;
	height: 10px;
	width: 10px;
	background-size: contain;
}

.note-list {
	padding-left: 55px;	
}

.faq-element {
	margin-bottom: 15px;
	position: relative;
}

.faq-element .question::after {
	content: "+";
	position: absolute;
	right: 0;
	font-size: 20px;
	top: -3px;
	height: 100%;
	color: #000;

}

.faq-element.active .question::after {
	content: "-";
	font-size: 20px;
	top: -5px;
}

.faq-element .question {
	padding: 0;
	color: #05b4f4;
	cursor: pointer;
	width: 95%;
	padding-left: 2em;
}


.faq-element .question.pseudo-q1::before {
	content: "Q1. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q2::before {
	content: "Q2. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q3::before {
	content: "Q3. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q4::before {
	content: "Q4. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q5::before {
	content: "Q5. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q6::before {
	content: "Q6. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q7::before {
	content: "Q7. ";
	top: 0;
	left: 0;
	position: absolute;
}
.faq-element .question.pseudo-q8::before {
	content: "Q8. ";
	top: 0;
	left: 0;
	position: absolute;
}

.answer {
	padding-left: 20px;
	padding-top: 10px;
	display: none;
}

/* .faq-element.active .answer {
	display: block;
} */

.rotate-arrow {
	transform: rotate(90deg);
	margin: 8px 0;
}

.min-width-default {
	width: 1%;	
}

.next-icon.min-width-default {
	padding-top: 50px;
}

#Refinance .btn-box-inside {
	font-size: 12px;
}

#Refinance .tab-title-sub {
	margin: 0;
	padding-bottom: 5px;
}

#Refinance .top-box-ico {
	min-height: 65px;
}
#Refinance .box-item > p {
	color: #002a54;
}

.neg-marg-bt {
	margin-bottom: -65px;
}

.paragraph {
	margin-bottom: 15px;
}

.circle-block-wrapper {
	margin: 20px 0;
}

.scrollAreaHdr {
	margin-top: 20px;
}

.bannerProd .apply-block {
	position: absolute;
	right: 300px;
	bottom: 20px;
	z-index: 999;
}

.box-item .bold {
	padding-bottom: 5px;
}

#Refinance .note-list {
	margin-top: -10px;
}

.bullet-list li {
	position: relative;
	padding-left: 10px;
}

.bullet-list li::before {
	content: "";
	position: absolute;
	top: 3px;
	left: 0;
	height: 6px;
	width: 6px;
	border-radius: 3px;
	background-color: black;
}

li p.bold {
	padding-bottom: 3px;
}

#HowToApply .circle-block-wrapper {
	padding-bottom: 20px;
}

.bulLst {
	color: #999999;
}

/* .bannerProd .btn-apply {
	font-size: 12px;
} */

.bannerTitle p {
	font-size: 25px !important;
}

.termsCondIcon {
	margin-top: 20px;
}

@media only screen and (max-width:767px){

	.tabContentFlatWrap{border-radius:0;padding:0;background:#f6f6f6;border:solid 1px #c1c1c1}
	.tabContentWrap{border:solid 1px #c1c1c1;border-radius:0;}
	.tabContentBorder{border:none;padding:0;margin:0;}
	.tabHeading-mobile{border-radius:0;border:none;border-top:solid 1px #c1c1c1;font-size:12px;color:#000;background:url("../images/cc_rwds_redeem/update/arrow_down.png") no-repeat 95% center #f6f6f6;background-size:13px 8px;padding:15px 35px 15px 15px}
	.tabHeading-mobile.active{background:url("../images/cc_rwds_redeem/update/arrow_up.png") no-repeat 95% center #05b4f4;background-size:13px 8px;color:#fff;border-radius: 0;}
	.tabHeading-mobile:first-child{border-top:none;}
	.tabContent{border:none;background:#fff;padding:25px 15px;}

	.TermsAndConditions{display:block}
	
	.box-item {
		display: block;
		width: 100%;
	}

	.next-icon {
		display: block;
		width: 100%;
	}

	.circle-item {
		display: block;
		width: 100%;
		margin: 15px 0;
	}

	.break-line {
		margin-bottom: 10px;
	}

	.break-line-dash {
		margin-bottom: 10px;
	}

	.calculator-box {
		width: 90%;
	}

	.circle-item {
		display: block;
		width: 100%;
	}
	
	.ico,
	.content {
		display: inline-block;
		vertical-align: middle;
	}

	.ico {
		width: 50px;
	}

	.content {
		width: calc(100% - 55px);
		text-align: left;
	}

	.answer {
		padding-left: 10px;
	}

	.img-icon-inside img {
		transform: rotate(90deg);
		margin-top: -30px;
	}

	#Refinance .img-icon-inside img {
		margin-top: 0;
	}

	#Refinance .img-icon-inside {
		margin: -100px 0;
	}

	.next-icon.min-width-default {
		padding-top: 20px;
	}

	#HowItWorks .next-icon {
		margin-bottom: 30px;
	}
	
	.box-desc {
		padding: 0 30px;
	}

	#Eligibility .box-item {
		display: inline-block;
		width: 49%;
	}

	.box-item p {
		padding: 0 5px;
	}

	p.label-text {
		font-size: 14px;
		padding-bottom: 8px;
	}

	.note-list {
		margin-top: -10px;
	}

	#Eligibility p.label-text {
		font-size: 12px;
	}

	.high-light-text {
		font-size: 15px;
	}

	.center-mobile {
		text-align: center;
	}

	#HowToApply .process-list li:last-child {
		padding-bottom: 10px;
	}

	.img-desc {
		font-size: 15px;
	}

	.bannerTitle {
		margin-top: -25px !important;
		padding-right: 0px;
	}

	.bannerProd .btn-apply {
		font-size: 8.5px;
		padding: 5px 15px;
		border-radius: 3px;
	}

	.bannerTitle p {
		font-size: 12px !important;
	}
}

@media only screen and (min-width:768px) and (max-width:1024px){
	.tabs li.active a {background:none}
	.tabs-flat-nav{border-left:none;border-right:none;}
	.tabWrap {left:-42px;}
	.socialMedia {top:281px}
	.socialMedia.contactMedia {top:380px;}
	.atIcon.atIconform{cursor:pointer;width:36px!important;height:59px!important;}
	.atIcon.promotions{cursor:pointer;width:36px!important;height:94px!important;}
	.atIcon.contactus {cursor: pointer;width: 36px !important;height: 90px !important;}
	.contentWrap.applyforms {margin: -106px -6px 0;}
	.contentWrap.promotion {margin: -142px -6px 0}
	.contentWrap.contact {
		margin: -138px -6px 0;
		height: 111px;
	}
}

@media only screen and (max-width:320px) {
	.bannerProd .apply-block {
		right: 15px;
		bottom: 15px;
	}
}

.blu_top{ background-color:#00BDF4; color:#fff; padding:10px 15px !important; }
.checkBox1{ margin:10px 10px 0px 0px; }
.callAction{ font-size:14px; }
.checkBox3{	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-off.png") no-repeat scroll right top; }
.checkBox3.active3{	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-on.png") no-repeat scroll right top; }
.tet_center{ font-weight:bold; text-align:center; border-bottom:0px solid #ccc; max-height: 10px}
.h_line{ background:#ccc; height:1px; width:100%; margin:0 auto; }
.txt_right{ text-align: right; }
.txt_right a{ color:#fff !important; }
.popup_text .blueBtn{ margin-right:0px; margin-top: 15px; padding:10px; font-size:12px; }
.lightbox-inner a.close{ right:-7px; top:-10px; }
.highlight {color: #FFFFFF; background-color:#00BDf4; }

	
.checkBox1{	
	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-off.png") no-repeat scroll right top;
	float: right;
	width:28px;
	height:29px;
	padding-left: 10px;
	cursor: pointer;
}
.checkBox1.active1{	
	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-on.png") no-repeat scroll right top;

}
.checkBox2{	
	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-off.png") no-repeat scroll right top;
	float: right;
	width:28px;
	height:29px;
}
.checkBox2.active1{	
	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-on.png") no-repeat scroll right top;

}
.checkBox3{	
	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-off.png") no-repeat scroll right top;
	float: right;
	width:28px;
	height:29px;
}
.checkBox3.active3{	
	background:url("/gcb/credit_cards/images/premiermiles-visa-card/tick-grey-on.png") no-repeat scroll right top;
}

.popup_text{background-color: #F5F3F4;color:#000;font-size:15px;overflow: hidden;}
.popup_text p{padding-bottom:5px;margin-bottom: 10px;}
.textCenter_nopd{color:#555;padding: 20px 20px 20px;}
.textCenter_nopd h2, .textCenter_nopd1 h2{font-weight: 100;font-family: interstate;font-size:18px;padding-bottom: 5px;}
.txtCenter {font-weight: 100;font-family: interstate; font-size: 18px !important;text-transform: uppercase;color: #fff;padding: 20px !important;background-color: #010066;}	
#premierMiles .lightbox .close{right: 20px !important;top: 11px !important;}
.lightbox-inner a.close {right: -16px;top: -11px;opacity: 5;background: none;}

@media (max-width:767px){
	.popup_text .blueBtn { margin-bottom: 10px;}
	.checkBox1{ margin-top:5px; }
	.tet_center span{ top:20px !important;}
}	

@media (max-width:480px) {
	.checkBox1{ margin-top:10px; }
}

@media (max-width:380px) {
	.txt_left{ width:55%; }
	.callAction{ font-size:12px; }
}

@media (max-width:320px) {
  .textCenter_nopd1 .blueBtn{ width:100px; }
  .textCenter_nopd  h2, .textCenter_nopd1 h2{ font-size:12px; }
  .callAction p {
	  padding-right: 50px;
  }
  #premier-lightBox .lightbox-body {
	  overflow-y: auto;
  }
}

.highlight p {
	padding: 8px;
	margin-bottom: 0px;
}

.textCenter_nopd h2 {
	margin-bottom: 5px;
}

#back-top {
	z-index: 1;
}

.textCenter_nopd .tet_center {
	padding: 0;
	margin: 10px 0;
}