.list-disc{
	list-style-type:disc;
	}
.list-disc>li{
	list-style-type:disc;
	}
.list-decimal{
	list-style-type:decimal;
	}
.list-decimal>li{
	list-style-type:decimal;
	}
.list-lower-alpha{
    list-style-type: lower-alpha;
}
.list-lower-alpha>li{
    list-style: lower-alpha;
}
.list-decimal, .list-upper-roman, .list-lower-roman, .list-lower-alpha, .list-disc{
    margin: 0;
    padding-left: 20px;
}
.offer-Remark{
font-family: Arial, Helvetica, MingLiU;
font-size: 0.75rem;
line-height: 120%;
color: #666;
}
.offer-Remark .list-decimal, .offer-Remark .list-lower-alpha, .offer-Remark .list-disc{
    margin: 0;
    padding-left: 1rem;
}
.offer-Remark .list-decimal>li{
    width: 100%;
	text-align: left;
	padding-left: 0.25rem
}
table.TncTable {
	border-collapse: collapse;
  margin: 5px 0 10px 0;
  border: 1px solid #999;
	}
table.TncTable td{
	text-align:center;
	padding:5px 10px;
	border:1px solid #999;
  vertical-align: middle;
	}
table.TncTable .head{
	background-color: #666666 !important;
	color: #ffffff;
	font-weight: bold;
	}
.f14{
	font-size: 0.875rem;
	line-height:140%;
	}
.f20{
	font-size: 1.25rem;
	line-height:140%;
	}
.f18{
	font-size: 1.125rem;
	line-height:120%;
	}
.f16{
	font-size: 1rem;
	line-height:140%;
	}
.f12{
	font-size: 0.75rem;
	line-height:120%;
	}
.f24{
	font-size: 1.5rem;
	line-height:120%;
	}
.f30{
	font-size: 1.875rem;
	line-height:120%;
	}
.f36{
	font-size: 2.25rem;
  line-height:120%;
	}
.mt5{
margin-top: 5px;
}
.new-blue{
color: #0066b3;
}
.new-blue2{
color: #054c9b;
}
.new-lightblue{
color: #149FD2;
}
.new-purple{
color: #b41e8e;
}
.new-green{
color: #198655;
}
.new-orange{
color: #F07C10;
}
.new-red{
color: #BF3E22;
}
.new-gold{
color: #907137;
}
.buTTon{
width: 100%;
text-align: center;
padding: 20px 0;
border-radius: 6px;
color:#FFFFFF;
margin:10px 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	background-image:url(./arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#054c9b;
font-size: 18px;
}
.blue-btn{
border-radius: 5px;
padding: 5px 10px 5px 30px;
background-color: #054c9b;
font-size: 16px;
font-weight: bold;
display: inline-block;
text-align: center;
color: #fff;
background-image: url("./arrow-icon.png");
background-repeat: no-repeat;
background-position: 10px center;
}
.offer-row{
display: flex;
flex-wrap: nowrap;
margin-left: -10px;
margin-right: -10px;
justify-content: center;
align-items: center;
}
.offer-col{
padding: 0 10px;
}
@media (max-width: 576px){
.offer-row{
flex-wrap: wrap;
}
.offer-col{
width: 100%;
text-align: center;
}
}
.offer-head{
display: inline-block;
padding: 0 10px;
background-color: #fff;
position: relative;
z-index: 5;
}
.feature-border{
border: 1px solid #0066b3;
border-radius: 30px;
padding: 30px 15px 0;
margin-top: -15px;
width: 100%;
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.feature-row{
display: flex;
flex-wrap: wrap;
}
.feature-col{
width: 50%;
padding: 0 20px 20px;
text-align: center;
}

@media (max-width: 576px){
.feature-col{
width: 100%;
padding: 0 20px 20px;
}
.feature-sub-col{
text-align: center;
width: 100%;
}
}
.sample-head{
background-image: linear-gradient(to right, rgba(0,102,179,1), rgba(0,102,179,0));
background-size: 290px 5px ;
background-position: 90px 14px;
background-repeat: no-repeat;
width: 100%;
max-width: 380px;
}
.sample-table{
border-collapse: separate;
border-spacing: 0;
}
table.sample-table td{
padding: 15px 10px;
text-align: center;
vertical-align: middle;
position: relative;
}
.sample-table .head{
background-color: #054c9b;
color: #fff;
font-weight: bold;
}
.sample-table .bk{
background-color: #efefef;
}
.sample-table .wbr3{
border-right: 3px solid #fff;
}
.sample-table .wbb10{
border-bottom: 8px solid #fff;
}
.sample-table .addon{
background-color: #0066b3;
border-radius: 8px;
padding: 8px 10px;
display: inline-block;
font-weight: bold;
color: #fff;
line-height: 1.25;
transform: translateY(-8px)
}
.callforbtn-row{
border: 3px solid #008CD6;
border-radius: 20px;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
padding: 5px 10px;
width: 100%;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.callforbtn-col{
padding: 10px;
text-align: center;
}
.call-btn{
border-radius: 15px;
padding: 8px 30px;
background-color: #008CD6;
font-weight: bold;
display: inline-block;
text-align: center;
color: #fff;
background-image: url("./blue-metal-highlight.gif");
background-size: cover;
text-shadow: 2px 2px 2px #333;
}
@media (max-width: 768px){
.callforbtn-row{
flex-wrap: wrap;
}
}
.otherway-row{
background-color: #efefef;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 5px 0;
}
.otherway-col{
width: 40%;
padding: 15px 10px;
text-align: center;
}
@media (max-width: 576px){
.otherway-col{
width: 100%;
}
}
.rate-table{
border-collapse: separate;
border-spacing: 0;
border-width: 1px 1px 0 0;
border-style: solid;
border-color: #ccc;
border-radius: 15px 0 15px 0
}
table.rate-table td{
padding: 10px;
text-align: center;
vertical-align: middle;
position: relative;
border-width: 0 0 1px 1px;
border-style: solid;
border-color: #ccc;
}
.rate-table .head{
background-color: #054c9b;
color: #fff;
font-weight: bold;
}
.rate-table .lightgoldbk{
background-color: #f7f3ec;
}
#cfa-bar{
cursor: pointer;
}
.cfa{
background-color: #0066b3;
text-align: center;
padding: 10px;
border-radius: 10px;
}
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 9;
  background-color: #0066b3;
  padding: 10px;
}
.applynow{
display: inline-block;
font-size: 24px;
color: #fff;
position: relative;
padding-right: 22px;
}
.applynow::after{
content: "";
width: 20px;
height: 100%;
position: absolute;
right: 0;
top: 0;
background-image: url("./arrow-white.png");
background-repeat: no-repeat;
background-position: center right;
background-size: 16px auto;
}
@media (max-width: 1023px) {
.sticky {
top: 62px;
}
}
@media (max-width: 576px) {
.sticky {
top: 50px;
padding: 0;
}
.applynow{
font-size: 20px;
}
}

.bt-ratetable{
border-collapse: separate;
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.bt-ratetable td{
padding: 8px;
border-bottom: 0;
border-left: 1px solid #0066b3;
border-right: 1px solid #0066b3;
text-align: center;
vertical-align: middle;
position: relative;
}
.bt-ratetable .bt-ratetable-title{
background-color: #0066b3;
border-radius: 15px 15px 0 0;
font-weight: bold;
color: #fff;
padding: 10px;
}
table.bt-ratetable tr:last-child td{
border-bottom: 0;
}
@media (max-width: 576px) {
.bt-ratetable{
font-size: 14px;
}
.bt-ratetable .bt-ratetable-title{
padding: 15px 10px !important;
}
}
.td-bottom-line::after{
content: "";
width: 80%;
height: 1px;
background-color: #ccc;
position: absolute;
left: 10%;
bottom: 0;
}
.feature-row-bk{
background-color: #f2f7fb;
padding: 30px 0 10px;
}
.feature-head{
background-image: linear-gradient(to right, rgb(5, 76, 155, 0), rgb(5, 76, 155, 1) 30%, rgb(5, 76, 155, 1) 70%, rgb(5, 76, 155, 0) );
padding: 8px 20px;
color: #fff;
}
.animate-up{
position:relative;
animation: 1s animateup;
animation-timing-function:ease-out;
}
@keyframes animateup{
0% { opacity:0; top:100px }
    100% { opacity:1; top:0 }
}
.reveal{
  position: relative;
  transform: translateY(100px);
  opacity: 0;
  transition: 1s all ease;
}
.reveal.active{
  transform: translateY(0);
  opacity: 1;
}
.rebate-hightlight{
animation: animateflash 2s infinite;
}
@keyframes animateflash{
0% { opacity:0 }
10% { opacity:0 }
11% { opacity:1 }
    100% { opacity:1; }
}
.animate-offer1{
position:relative;
animation: 6s animateoffer1 infinite;
}
.animate-offer2{
position:relative;
animation: 6s animateoffer2 infinite;
}
.animate-offer3{
position:relative;
animation: 6s animateoffer3 infinite;
}
@keyframes animateoffer1{
0% { opacity:0; }
    9% { opacity:0; }
	10% { opacity:1; }
    100% { opacity:1; }
}
@keyframes animateoffer2{
0% { opacity:0; }
19% { opacity:0; }
    20% { opacity:1; }
    100% { opacity:1; }
}
@keyframes animateoffer3{
0% { opacity:0; }
29% { opacity:0; }
    30% { opacity:1; }
    100% { opacity:1; }
}
@media (max-width: 768px) {
.onlyDesktop{
display: none;
}
}
.tnc-btn{
background: url("./tnc-icon.svg");
background-repeat: no-repeat;
background-position: center right;
padding: 5px 25px 5px 0;
background-size: 18px;
color: #0066b3;
}
.tnc-btn:hover{
background: url("./tnc-icon-hover.svg");
background-repeat: no-repeat;
background-position: center right;
padding: 5px 25px 5px 0;
background-size: 18px;
text-decoration: underline;
}
a.tnc-btn2{
padding: 5px 0;
color: #0066b3;
text-decoration: underline;
}