.no-margin { margin:0px; }
.no-padding { padding:0px; }
.content-small { font-size:11px; color:#999999; }
.clearfix { display:block; clear:both; height:0px; }
.clearfix--20 { display:block; clear:both; height:20px; }
.clearfix--25 { display:block; clear:both; height:25px; }
.clearfix--30 { display:block; clear:both; height:30px; }
.banner { display:block; padding:50px 0px 80px 0px; background-image:url("//c.fareportal.com/gcms/portals/8/Images/credit-card/visa-signature.jpg"); background-color:#ffffff; background-repeat:no-repeat; background-position:center top; background-size:auto auto; position: relative; }
.banner__title { display:block; margin:0px; padding:0px; font-size:44px; font-weight:bold; color:#022243; text-align:center; text-shadow:none; }
.banner__subtitle { display:block; margin:0px; padding:5px 0px 70px 0px; font-size:26px; font-weight:normal; color:#0f2539; text-align:center; }
.banner__content { display:block; background-image:url("//c.fareportal.com/gcms/portals/8/Images/credit-card/banner-content-bg.jpg"); background-position:center top; background-size:100%; background-color:#101e2c; background-repeat:no-repeat; padding:55px 30px 55px 30px; font-size:13px; color:#ffffff; float:right; width: 320px; }
.banner__list { display:block; margin:0px 0px 25px 0px; padding:0px; list-style:none; }
.banner__list-item { display:block; margin-bottom:15px; padding:0px 0px 0px 35px; line-height:24px; font-size:16px; position:relative; }
.banner__list-item .icon { display:inline-block; font-size:16px; position:absolute; top:5px; left:0px; }
.banner__text { display:block; clear:both;  margin-bottom:20px; }
.apply-btn { display:block; background: #ff862d; border: none; color: #fff; cursor: pointer; font-size: 22px; font-weight: bold; line-height: normal; margin-top:10px; padding: 13px 15px; text-decoration: none; text-align:center; width: 100%; -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1); box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.1); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; }
.apply-btn:hover, .apply-btn:active, .apply-btn:focus { background: #f27f2b; color:#ffffff; text-decoration:none; }
.manage-btn { display:block; background: #ffc529; border: 1px solid #feb100; color: #fff; cursor: pointer; font-size: 22px; font-weight: bold; line-height: normal; margin-top:10px; padding: 13px 15px; text-decoration: none; text-align:center; width: 100%; text-shadow: 0px 1px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 0px 0px rgba(0,0,0,0.3); -webkit-transition: all 200ms linear; -moz-transition: all 200ms linear; -o-transition: all 200ms linear; transition:all 200ms linear; }
.manage-btn:hover, .manage-btn:active, .manage-btn:focus { background: #f2bb27; color:#ffffff; text-decoration:none; }
.bonus-points { display:block; padding:55px 0px; font-size:18px; color:#4d5965; background:url("//c.fareportal.com/gcms/portals/8/Images/credit-card/bonus-points-bg.jpg") center center; }
.bonus-points__title { display:block; margin:0px; padding:0px; font-size:36px; font-weight:bold; color:#26343f; text-align:center; }
.bonus-points__list { display:block; margin:0px -15px; padding:0px; list-style:none; }
.bonus-points__list li { display:inline-block; padding:0px 15px; width:25%; float: left; }
.bonus-points__list li.list-md { width:28%; }
.bonus-points__list li.list-sm { width:23%; }
.bonus-points__list li.list-xs { width:21%; }
.bonus-points__icon { display:block; font-size:80px; line-height:80px; color:#4d5965; margin:30px 0px 15px 0px; text-align:center; }
.bonus-points__item { display:block; line-height: normal; padding:0px 0px 0px 55px; position:relative; }
.bonus-points__list li.list-sm .bonus-points__item { padding:0px 15px 0px 55px; }
.bonus-points__list li.list-xs .bonus-points__item { padding:0px 0px 0px 40px; }
.bonus-points__number { display:inline-block; padding:0px; font-size:85px; line-height: 85px; color:#4d5965; position:absolute; left:0; top:-8px; }
.content-more { display:block; margin:0px; padding:150px 0px; font-size:24px; line-height: normal; color:#ffffff; text-align:center; background-image:url("//c.fareportal.com/gcms/portals/8/Images/credit-card/content-more-bg.png"); background-position:center center; background-size: 100% auto; background-color:#142535; background-repeat:repeat; }
.content-more__title { display:block; margin:0px 0px 25px 0px; padding:0px; font-size:36px; }
.content-more__info { display:block; margin:0px 0px 25px 0px;  padding:0px; font-size:19px; }
.content-more sup { font-size: 60%; margin-right: 0px; }
.content-benefits { display:block; margin:0px; padding:50px 0px 0px 0px; font-size:16px; normal; color:#fff; position:relative; }
.content-benefits__title { display:block; margin:50px 0px 25px 0px; padding:0px 15px; font-size:36px; font-weight:bold; color:#26343f; text-align:center; }
.content-benefits__title sup { font-size: 60%; margin-right: 0px; }
.content-benefits__block { display:block; padding:50px 0px 60px 0px;  background:#00b5b8; position:relative; }
.content-benefits__block-bg { display:block; background:#03c7ca; position:absolute; left:50%; top:0; bottom:0; right:0; }
.content-benefits__block-right { display:block; padding:0px 0px 0px 75px; }
.content-benefits__subtitle { display:block; margin:10px 0px 20px 0px; padding:0px; font-size:36px; line-height: normal; font-weight:bold; color:#ffffff; }
.content-benefits__subtitle sup { font-size: 60%; margin-right: 0px; }
.content-benefits__item { display:block; margin:10px 0px; padding:10px 0px 10px 70px; position:relative; width:220px; }
.content-benefits__icon {  position:absolute; left:0; top:8px; font-size:50px; color:#ffffff; }
.content-benefits__icon.ic-bpg-fill { font-size: 60px; left: -5px; top: 5px; }
.content-benefits__text { display:block; padding:10px 0px 0px 0px; font-size:14px; }
.content-benefits__text sup { font-size: 60%; margin-right: 0px; }
.content-benefits__btn { width: 260px; margin-left:-130px; position:absolute; left:50%; bottom:-26px; z-index:1; text-align:center; }
.content-benefits__btn:hover, .content-benefits__btn:active, .content-benefits__btn:focus { color:#ffffff; text-decoration:none; }
.content-account { display:block; margin:0px; padding:40px 0px 70px 0px; font-size:16px; color:#4f616d; }
.content-account__title { display:block; margin:50px 0px 5px 0px; padding:0px; font-size:36px; font-weight:bold; color:#022243; }
.content-account__subtitle { display:block; margin:0px; padding:0px; font-size:20px; font-weight:bold; color:#00b5b8; }
.content-account__item { display:block; margin:10px 0px; padding:10px 0px 10px 65px; position:relative; width:220px; }
.content-account__icon {  position:absolute; left:0; top:8px; font-family: "fp-common-icon"; font-size:50px; color:#00b5b8; }
.content-account__icon.ic-customerservice { font-size: 65px; top: 2px; left: -10px; }
.content-account__icon.ic-search { font-size: 42px; left: 5px; top: 12px; }
.content-account__btn { margin:0px auto; max-width: 260px; }
.content-bottom { display:block; padding:30px 0px;  background:#f5f6f7; font-size:11px; color:#999999;}
#flights-tnc { display:none; }
.signin-content .benefit__title:before {top:20px;}
/******************************** media query **********************************/
@media (min-width: 992px) and (max-width: 1199px) {
.banner { background-color: #b7eef5; background-position: -250px bottom; background-size: 140% auto; padding: 50px 0 70px; }
.content-benefits__block-right { padding: 0 0 0 25px; }
}
@media (min-width: 551px) and (max-width: 991px) {

}
@media (min-width: 768px) and (max-width: 991px) {
.container.no-padding { padding-left:15px; padding-right:15px;  }
.banner { background-color: #b7eef5; background-position: -200px bottom; background-size: 130% auto; padding: 50px 0px; }
.banner__head { position:absolute; top:50px; }
.banner__title { font-size:32px; }
.banner__subtitle { font-size:18px; padding: 5px 0px 50px; }
.banner__content { width: 300px; }
.bonus-points { padding:50px 0px; font-size:18px; }
.bonus-points__title {  font-size:30px; }
.bonus-points__list li { min-height: 210px; width: 50% !important; }
.bonus-points__icon.ic-coa-empty { padding-right: 0; }
.bonus-points__icon { margin: 30px 0px 15px 0px; }
.bonus-points__list li.list-xs .bonus-points__item { padding: 0 0 0 55px; }
.content-more { padding:120px 0px; font-size:22px; }
.content-more__title { font-size:30px; }
.content-more__info {  font-size:17px; }
.content-benefits__title {  font-size:30px; }
.content-benefits__block-right { padding:0px 0px 0px 25px; }
.content-benefits__subtitle {  font-size:30px; }
.content-account__title { padding:0px; font-size:30px; }
.content-account__subtitle { font-size:18px; }
.footer-help__block { margin: 0px 0px 20px 50px; }
.footer-help__block .tooltip { left:0px !important; }
}
@media(max-width:767px){
.container { width: auto; }
.banner { padding: 30px 0px 0px 0px; background-color: #b7eef5; background-position:38% 30px; background-size:auto 320px;}
.banner__title { font-size:26px; }
.banner__subtitle { font-size:16px; }
.banner__content {  width:auto; float: none; margin: 190px -15px 0px -15px; }
.bonus-points { padding:50px 0px; font-size:18px; }
.bonus-points__title {  font-size:30px; }
.bonus-points__list li { min-height: 210px; width: 50% !important; }
.bonus-points__icon.ic-coa-empty { padding-right: 0; }
.bonus-points__icon { margin: 30px 0px 15px 0px; }
.bonus-points__list li.list-xs .bonus-points__item { padding: 0 0 0 55px; }
.container.no-padding { padding-left:15px; padding-right:15px;  }
.content-more { padding:80px 0px; font-size:18px; }
.content-more__title { margin:0px 0px 20px 0px; padding:0px; font-size:26px; }
.content-more__info { margin:0px 0px 20px 0px;  font-size:16px; }
.content-benefits { padding:30px 0px 0px 0px; }
.content-benefits__title { margin:30px 0px 20px 0px;  font-size:26px; }
.content-benefits__block { padding:30px 0px 40px 0px; }
.content-benefits__block-bg { display:none; }
.content-benefits__block-right { background:#03c7ca; margin: 30px -15px -40px; padding: 30px 15px  50px 15px; }
.content-benefits__subtitle { display:block; font-size:26px; text-align:center; }
.content-benefits__item { margin: 0px auto; }
.content-benefits__text { text-align:center; }
.content-account {  padding: 30px 0; }
.content-account__title { margin:30px 0px 5px 0px; font-size:26px; }
.content-account__subtitle { font-size:16px; }
.content-account__item { margin: 0px auto; }
.content-bottom { margin-bottom: -20px; }
}
@media(max-width:550px){

}
@media(max-width:480px){
.col-xxs-12 { width:100%; }
.banner__title { font-size:22px; }
.banner__subtitle { font-size:14px; }
.banner { background-position:38% 30px; background-size:auto 220px;}
.banner__content { margin: 95px -15px 0px -15px; }
.bonus-points { padding:30px 0px; font-size:16px; }
.bonus-points__title {  font-size:26px; }
.bonus-points__list { margin: 0px; }
.bonus-points__list li { display: block; float: none; padding: 0px; min-height:auto; width: 100% !important; }
.bonus-points__icon { margin: 30px 0px 15px 0px; }
.bonus-points__icon.ic-coa-empty { padding-right: 0; }
.bonus-points__list li.list-xs .bonus-points__item { padding: 0 0 0 55px; }
}
@media(max-width:320px){
.banner__title { font-size: 20px; }
}