/* Card offer at top of page */

span.red {
  color: #ed1c24;
}

.cc-offer {
  margin: 0 9%;
  display: inline-block;
  padding-top: 30px;
}

.cc-offer .cc-image {
  float: left;
  width: 24%;
}

.cc-offer .cc-info {
  float: left;
  width: 50%;
  padding: 0 10px 0 40px;
  text-align: left;
  border-right: 1px solid #cacaca;
  padding: 0 10px;
}

@media all and (min-width: 768px) {
  .cc-offer {
    margin: 0;
  }
  .cc-offer .cc-info {
    padding-left: 20px;
  }
}

.cc-offer .cc-info .topline {
  font: 22px "heebo-light";
}

.cc-offer .cc-info .tagline {
  font-family: 'heebo-medium';
  font-size: 16px;
  padding: 10px 0;
}

.cc-offer .cc-info .tagline-fr {
  font-family: 'heebo-medium';
  font-size: 14px;
  padding: 10px 0;
}

.cc-offer .cc-info .data-row {
  clear: both;
  width: 100%;
  height: 25px;
  padding: 5px 0;
  font-size: 15px;
}

.cc-offer .cc-info .data-row .interest-rate {
  float: left;
  width: 32%;
  border-right: 1px solid #cacaca;
}

.cc-offer .cc-info .footnotes {
  clear: both;
  width: 100%;
  font-size: 10px;
}

.cc-offer .cc-apply {
  float: left;
  width: 17%;
  text-align: center;
  font-size: 14px;
  padding-top: 9px;
}


/* Rewards Calculator */

.calculator-container {
  width: 100%;
  height: 290px;
  height: auto;
  display: block;
  background-color: #f2f2f2;
  margin-left: auto;
  margin-right: auto;
}


/* Credit Card Benefits */

.cc-benefits .benefits-left ul {
  width: 100%;
  background: #f2f2f2;
  padding: 0 14px;
  margin: 0;
  float: right;
}

.cc-benefits .benefits-left ul li {
  list-style: none;
  text-align: center;
  vertical-align: top;
  padding: 30px 0;
}

.cc-benefits .benefits-left ul li .value {
  font-size: 45px;
  display: block;
  line-height: 1em;
  color: #0079c1;
}

.cc-benefits .benefits-middle ul {
  margin: 0;
  padding: 0;
}

.cc-benefits .benefits-middle ul li {
  list-style: none;
  text-align: left;
  padding-bottom: 30px;
}

.cc-benefits .benefits-right .desc {
  width: 75%;
  padding-top: 15px;
}

.cc-benefits .desc button.primary {
  width: 80%;
}


/* Credit Card Highlights */


/* Credit Card Features */

.cc-features .link.block {
  text-align: left;
}

.cc-download .icon {
  float: left;
}

.cc-download .cc-download-link.fr {
  line-height: 20px;
  margin-top: 10px;
}

.cc-download .cc-download-link .cc-tools {
  border-bottom: 1px solid #cacaca;
}

.cc-tools.one-tool .icon.credit-cards-funnel:before,
.cc-tools.one-tool .icon.compare-credit-cards:before {
  font-size: 120px;
  margin-left: -15px;
  line-height: 80px;
  color: #0079c1;
}

.cc-tools.one-tool .icon.large.credit-cards-funnel,
.cc-tools.one-tool .icon.large.compare-credit-cards {
  padding: 60px;
  border-radius: 120px;
  -webkit-border-radius: 120px;
  -moz-border-radius: 120px;
  float: right;
  width: 90px;
}

@media (max-width: 767px) {
  /* Card offer at top of page */
  .cc.cm-stickynav-hr {
    margin: 25px 0;
  }
  #hightlights {
    margin: 30px 0;
  }
  .cc-offer .cc-image {
    width: 100%;
    text-align: center;
  }
  .cc-offer .cc-info {
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border: 0;
  }
  .cc-offer .cc-info .topline {
    font-size: 24px;
  }
  .cc-offer .cc-info .tagline {
    font-size: 20px;
    border-bottom: 1px solid #cacaca;
  }
  .cc-offer .cc-info .data-row {
    font-size: 16px;
  }
  .cc-offer .cc-info .footnotes {
    font-size: 12px;
    margin-top: 20px;
  }
  .cc-offer .cc-apply {
    width: 100%;
    font-size: 15px;
  }
  .cc-tools {
    border-top: 1px solid #cacaca;
    padding-top: 30px;
  }
  .cc-tools .columns.two.lines .copy.centered {
    background: #fff;
    padding-bottom: 0px;
    margin-bottom: 30px;
  }
  .cc-tools.one-tool .icon.large.credit-cards-funnel,
  .cc-tools.one-tool .icon.large.compare-credit-cards {
    float: none;
  }
  #help-support {
    border-top: 1px solid #cacaca;
  }
  #terms-and-conditions {
    border-top: 1px solid #cacaca;
    margin-top: 30px;
  }
  /* Rewards Calculator */
  .calculator-container {
    width: 100%;
  }
  /* Credit Card Benefits */
  .cc-benefits .benefits-left ul {
    width: auto;
  }
  .cc-benefits .benefits-right {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #cacaca;
  }
  .cc-benefits .benefits-right .desc {
    width: 100%;
  }
  /* Credit Card Highlights */
  .cc-highlights {
    border-bottom: 1px solid #cacaca;
    margin: 30px 0;
  }
  /* Credit Card Features */
  .cc-features {
    padding-top: 30px;
  }
  /* Credit cards Tools component */
  .cc-tools .two.lines a {
    padding: 0 28px;
  }
}

@media (max-width: 767px) {
  .cc-benefits .benefits-left ul li:not(: first-child) {
    border-top: 1px solid #cacaca;
  }
  .cc-offer .cc-info .data-row .interest-rate {
    width: 50%;
    margin-right: 3%;
    padding-right: 3%;
  }
  .cc-info-services {
    text-align: center;
  }
  .fill.cc-info-services {
    border: 0px;
    background: #fff;
  }
  .fill.cc-info-services > div {
    margin-top: 9px;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    padding: 20px 5px;
    background: #f2f2f2;
  }
  .cc.calculator-links a {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .cc.calculator-links {
    background: #f2f2f2;
  }
  .cc.carousel {
    margin-bottom: 12px;
  }
}

@media (min-width: 768px) {
  #highlights {
    padding: 64px 30px 0px;
  }
  .cc-offer .cc-apply a.button {
    padding: 0 27px;
    line-height: 30px;
  }
  .cc-offer .cc-apply {
    padding-left: 40px;
  }
  .cc-offer.fr .cc-apply {
    padding-left: 15px;
  }
  .cc-offer.fr .cc-apply a.button.primary.small {
    padding: 0 11px;
  }
  .cc-highlights.fr {
    padding-bottom: 0px;
  }
  .cc-download .cc-download-link {
    margin-top: 14px;
    margin-left: 11%;
  }
  .columns.three .cc-download-link {
    margin-top: 5px;
    margin-left: 18%
  }
  .cc-offer .cc-info .data-row .interest-rate {
    width: 55%;
  }
  .cc-offer .cc-info .data-row .annual-fee {
    float: left;
    padding-left: 15px;
  }
  .cc.calculator-links > header {
    padding-bottom: 0px;
  }
  .cc.carousel {
    margin-bottom: 25px;
  }
  .cc-showcase-links.stroke.copy.fill.columns.four,
  .cc-showcase-links.stroke.copy.fill.centered {
    padding: 20px;
  }
  .cc-showcase-links > a {
    margin: 0px !important;
  }
  .info-services #new-customers {
    border-width: 2px 1px 2px 2px;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
  }
  .info-services #bmo-customers {
    border-width: 2px 2px 2px 1px;
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
  }
  .cc-offer .cc-apply p {
    text-align: left;
  }
  .cc-benefits .benefits-left ul {
    border-radius: 5px;
  }
  .cc-benefits .benefits-middle ul li {
    padding: 7px 0;
  }
  .cc-benefits .benefits-left ul li {
    padding: 16px 0;
  }
  .cc-offer .cc-apply {
    padding-left: 20px;
  }
  .cc-features .tabs-selector.columns.three p {
    font-size: 14px;
  }
  .terms-and-conditions p {
    font-size: 14px;
  }
  .cc-benefits .benefits-left ul li:not(:first-child) {
    border-top: 1px solid #cacaca;
  }
  .cc-features .tabs-window a.copy.link.block:hover {
    color: #0079C1;
  }
  .cc-features .tabs-window.pointer.reverse:before {
    top: -24px;
    border-width: 0 25px 25px;
    margin: 0 -25px;
  }
  .cc-features .tabs-window a.copy.link.block p {
    font-family: "heebo";
  }
  .cc-info-services {
    margin: 0 16% !important;
  }
  .help-support.cc-info-services {
    margin: 0% !important;
  }
  .cc.carousel .carousel-slides {
    height: 250px;
  }
  .cc.carousel .carousel-pager {
    bottom: 20px;
  }
}

@media (min-width:768px) {
  .cc-info-services {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
  .info-services .columns.join > *.stroke:first-child {
    border-width: 2px 1px 2px 2px;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
  }
  .info-services .columns.join.six > a:last-child {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
  }
}


/* Credit Card Compare Tool */

#compare-tool .compare-cards-container .cards-filter {
  margin-bottom: 0px;
}

#compare-tool .compare-cards-container .cards-filter .desktop-filter > a {
  font-family: "heebo-medium";
  padding: 15px;
}

#compare-tool .compare-cards-container .select-card-error-universal {
  font-size: 12px;
  color: #ff0000;
  margin-top: 15px;
}

#compare-tool .compare-cards-container .cards .card {
  padding: 20px 0;
  border-bottom: 1px solid #cccccc;
  display: table;
  width: 100%;
}

#compare-tool .compare-cards-container .cards .card:last-child {
  border-bottom: none;
}

#compare-tool .compare-cards-container .cards .card > * {
  display: table-cell;
  vertical-align: middle;
}

#compare-tool .compare-cards-container .cards .card > *.card-display {
  width: 30%;
}

#compare-tool .compare-cards-container .cards .card > *.card-infos {
  width: 20%;
}

#compare-tool .compare-cards-container .cards .card > *.card-caption {
  width: 20%;
  padding: 0 25px;
}

#compare-tool .compare-cards-container .cards .card > *.card-CTAs {
  width: 30%;
}

#compare-tool .compare-cards-container .cards .card > * > div {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-img {
  width: 15%;
  padding: 0;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-name {
  width: 15%;
  padding: 0 25px;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-annual-fee {
  width: 10%;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-interest-rate {
  width: 10%;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-apply-now {
  width: 15%;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-apply-now a.button.small {
  line-height: 30px;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-compare {
  width: 14%;
  padding: 0 3%;
  position: relative;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-compare .select-card-error {
  position: absolute;
  font-size: 12px;
  width: 110px;
  text-align: left;
  left: 0;
  top: 30px;
  color: #ff0000;
  background-color: #ffffff;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-compare .card-compare-input-wrapper > label,
#compare-tool .compare-cards-container .cards .card > * > div.card-compare .card-compare-input-wrapper > a {
  display: table-cell;
}

#compare-tool .compare-cards-container .cards .card > * > div.card-compare .card-compare-input-wrapper > a {
  font-family: "heebo-medium";
}

#compare-tool .compare-cards-container .compare-cards-table table thead tr th,
#compare-tool .compare-cards-container .compare-cards-table table thead tr td {
  vertical-align: top;
  border: none;
}

#compare-tool .compare-cards-container .compare-cards-table table thead tr:last-child th,
#compare-tool .compare-cards-container .compare-cards-table table thead tr:last-child td {
  border-bottom: 1px solid #414141;
}

#compare-tool .compare-cards-container .compare-cards-table table tbody tr th {
  background-color: #F2F2F2;
}

#compare-tool .compare-cards-container .compare-cards-table table tbody tr td {
  background-color: #FFFFFF;
  vertical-align: top;
}

#compare-tool .compare-cards-container .compare-cards-table table tbody tr td:first-child {
  vertical-align: middle;
}

#compare-tool .compare-cards-container .compare-cards-table table thead tr th,
#compare-tool .compare-cards-container .compare-cards-table table tbody tr th,
#compare-tool .compare-cards-container .compare-cards-table table thead tr td,
#compare-tool .compare-cards-container .compare-cards-table table tbody tr td {
  padding: 10px 1%;
}

#compare-tool .compare-cards-container .compare-cards-table table.cols-3 thead tr th,
#compare-tool .compare-cards-container .compare-cards-table table.cols-3 tbody tr th,
#compare-tool .compare-cards-container .compare-cards-table table.cols-3 thead tr td,
#compare-tool .compare-cards-container .compare-cards-table table.cols-3 tbody tr td {
  width: 31.33333333%;
}

#compare-tool .compare-cards-container .compare-cards-table table.cols-4 thead tr th,
#compare-tool .compare-cards-container .compare-cards-table table.cols-4 tbody tr th,
#compare-tool .compare-cards-container .compare-cards-table table.cols-4 thead tr td,
#compare-tool .compare-cards-container .compare-cards-table table.cols-4 tbody tr td {
  width: 23%;
}

#compare-tool .compare-cards-container .compare-cards-table table.cols-5 thead tr th,
#compare-tool .compare-cards-container .compare-cards-table table.cols-5 tbody tr th,
#compare-tool .compare-cards-container .compare-cards-table table.cols-5 thead tr td,
#compare-tool .compare-cards-container .compare-cards-table table.cols-5 tbody tr td {
  width: 18%;
}

#cashback-we-crosss-sell {
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  padding: 30px;
  background: url('/img/main/credit-cards/large/d-cbwe-crosssell-banner.png');
  background-size: cover;
}

@media (max-width: 767px) {
  #compare-tool .compare-cards-container .cards-filter {
    padding: 0;
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select:before {
    position: absolute;
    width: 2em;
    top: 1px;
    right: 1px;
    bottom: 1px;
    border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    background-color: #ffffff;
    pointer-events: none;
    content: "";
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select:after {
    position: absolute;
    top: 50%;
    right: .6em;
    height: 1em;
    margin: -.5em 0 0;
    line-height: 1em;
    font-family: "bmo-icon";
    font-size: 1em;
    content: "\e60d";
    pointer-events: none;
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select.disabled:before {
    background-color: #f2f2f2;
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select.disabled:after {
    color: #cacaca;
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select select {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 20px 30px;
    font-family: 'heebo-medium';
    font-size: 22px;
    background-color: #0079C1;
    color: #FFFFFF;
    -webkit-appearance: none;
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select:after {
    right: 1.6em;
    color: #FFFFFF;
  }
  #compare-tool .compare-cards-container .cards-filter .mobile-filter .select:before {
    background-color: #0079C1;
  }
  #compare-tool .compare-cards-container .cards .card {
    display: block;
    position: relative;
  }
  #compare-tool .compare-cards-container .cards .card:last-child {
    border-bottom: none;
  }
  #compare-tool .compare-cards-container .cards .card > * {
    float: left;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-display {
    display: inline-block;
    width: 45%;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-display > div {
    width: 100%;
    display: block;
    padding: 0px;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-display > div .card-name {
    margin-top: 15px;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-infos {
    width: 50%;
    margin-top: 15px;
    float: right;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-infos > div {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-infos > div > strong {
    line-height: 1.1em;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-caption {
    width: 50%;
    margin-left: 5%;
    padding: 0px;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-CTAs {
    width: 100%;
    display: table;
    margin-top: 15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-CTAs > div {
    padding: 0;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-CTAs > div.card-apply-now {
    width: 45%;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-CTAs > div.card-compare {
    width: 55%;
    vertical-align: middle;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  #compare-tool .compare-cards-container .cards .card > * > div.card-apply-now a.button.small {
    line-height: 46px;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-CTAs > div.card-compare .card-compare-input-wrapper {
    margin: 0 auto;
    float: left;
    vertical-align: middle;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  #compare-tool .compare-cards-container .cards .card > *.card-CTAs > div.card-compare > a {
    font-family: "heebo-medium";
  }
  #compare-tool .compare-cards-container .compare-cards-table {
    padding: 0;
  }
  #compare-tool .compare-cards-container .compare-cards-table .table-wrapper {
    overflow-x: auto;
  }
  #compare-tool .compare-cards-container .compare-cards-table table thead tr th,
  #compare-tool .compare-cards-container .compare-cards-table table tbody tr th,
  #compare-tool .compare-cards-container .compare-cards-table table thead tr td,
  #compare-tool .compare-cards-container .compare-cards-table table tbody tr td {
    min-width: 110px;
  }
  #compare-tool .compare-cards-container .compare-cards-table table thead tr th:first-child,
  #compare-tool .compare-cards-container .compare-cards-table table thead tr td:first-child,
  #compare-tool .compare-cards-container .compare-cards-table table tbody tr td:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    left: 0;
    background-color: #FFFFFF;
    z-index: 1000;
    min-width: 90px;
    border-right: 1px solid #cccccc;
  }
  #compare-tool .compare-cards-container .compare-cards-table table thead tr th:first-child:after,
  #compare-tool .compare-cards-container .compare-cards-table table thead tr td:first-child:after,
  #compare-tool .compare-cards-container .compare-cards-table table tbody tr td:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.15);
  }
  #compare-tool .compare-cards-container .compare-cards-table table tbody tr td:first-child {
    vertical-align: top;
  }
  #cashback-we-crosss-sell {
    -ms-flex-align: initial;
    -webkit-align-items: initial;
    -webkit-box-align: initial;
    align-items: initial;
    padding: 15px;
    background: url('/img/main/credit-cards/small/m-cbwe-crosssell-banner.png');
    background-size: cover;
  }
  #cashback-we-crosss-sell > div:first-child {
    width: 100%;
    text-align: center;
  }
  #cashback-we-crosss-sell > div:first-child .cta {
    width: auto;
  }
}


/* End of Credit Card Compare */


/* AngularJS Directives */

[ng\:cloak],
[ng-cloak],
.ng-cloak {
  display: none !important;
}


/* End of AngularJS Directives */


/* Overlay Income - New */


/* Income Overlay - Credit Card Apply */

.overlayBtn {
  text-align: center;
}

@media (min-width: 768px) {
  .other-cards .other-card .card-offer {
    margin-top: 20px;
    height: 160px;
  }
  html[lang=fr] .other-cards .other-card .card-offer {
    height: 180px;
  }
  .other-cards .copy.stroke {
    padding: 28px 28px 0;
  }
  .other-cards .other-card .card-info {
    border-top: 1px solid #cacaca;
    margin-left: -29px;
    width: 120.9%;
  }
}

@media (max-width:767px) {
  .card-info b {
    font-size: .85em;
  }
  .other-cards .other-card .card-info {
    border-top: 1px solid #cacaca;
    margin-left: -15px;
    margin-top: 20px;
    width: 110.9%;
  }
}


/* End of Income Overlay - Credit Card Apply */


/* Help Me Choose Start */

.annual-income-slider .ui-slider-track {
  background-color: #f2f2f2;
}

#annualIncome {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  color: #0079c1;
  width: 80%;
}

.help-me-choose {
  font-size: 1.1em;
}

.help-me-choose input[type="radio"] + label {
  font-family: "heebo";
}

.help-me-choose .radio-option {
  text-align: left;
}

.help-me-choose .icon.large.stroke {
  border-radius: 130px;
  -webkit-border-radius: 130px;
  padding: 100px;
}

.compareBtn .link.block.copy {
  font-size: 1.2em;
  color: #0079c1;
}

.small-business {
  padding: 30px;
}

.small-business .card-img {
  text-align: right;
  padding: 0 50px;
}

#no-cards {
  color: #FF0000;
}

#help-me-choose-tool .title {
  height: 45px;
}

#help-me-choose-table table thead tr th,
#help-me-choose-table table thead tr td {
  vertical-align: top;
  border: none;
}

#help-me-choose-table table thead tr:last-child th,
#help-me-choose-table table thead tr:last-child td {
  border-bottom: 1px solid #414141;
}

#help-me-choose-table table tbody tr th {
  background-color: #F2F2F2;
}

#help-me-choose-table table tbody tr td {
  background-color: #FFFFFF;
  vertical-align: top;
}

#help-me-choose-table table tbody tr td:first-child {
  vertical-align: middle;
}

#help-me-choose-table table thead tr th,
#help-me-choose-table table tbody tr th,
#help-me-choose-table table thead tr td,
#help-me-choose-table table tbody tr td {
  padding: 10px 1%;
}

#help-me-choose-table table.cols-3 thead tr th,
#help-me-choose-table table.cols-3 tbody tr th,
#help-me-choose-table table.cols-3 thead tr td,
#help-me-choose-table table.cols-3 tbody tr td {
  width: 31.33333333%;
}

#help-me-choose-table table.cols-4 thead tr th,
#help-me-choose-table table.cols-4 tbody tr th,
#help-me-choose-table table.cols-4 thead tr td,
#help-me-choose-table table.cols-4 tbody tr td {
  width: 23%;
}

#help-me-choose-table table.cols-5 thead tr th,
#help-me-choose-table table.cols-5 tbody tr th,
#help-me-choose-table table.cols-5 thead tr td,
#help-me-choose-table table.cols-5 tbody tr td {
  width: 18%;
}

@media (max-width: 767px) {
  .annual-income-slider .ui-slider-track {
    background-color: #fff;
  }
  .calculator-container {
    background-color: #fff;
  }
  .icon.large.compare-credit-cards {
    float: none;
  }
  #help-me-choose-table .cards-filter {
    padding: 0;
  }
  #help-me-choose-table .cards-filter .mobile-filter .select select {
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    padding: 20px 30px;
    font-family: 'heebo-medium';
    font-size: 22px;
    background-color: #0079C1;
    color: #FFFFFF;
  }
  #help-me-choose-table .cards-filter .mobile-filter .select:after {
    right: 1.6em;
    color: #FFFFFF;
  }
  #help-me-choose-table .cards-filter .mobile-filter .select:before {
    background-color: #0079C1;
  }
  #help-me-choose-table .cards .card {
    display: block;
    position: relative;
  }
  #help-me-choose-table .cards .card:last-child {
    border-bottom: none;
  }
  #help-me-choose-table .cards .card > * {
    float: left;
  }
  #help-me-choose-table .cards .card > *.card-display {
    display: inline-block;
    width: 45%;
  }
  #help-me-choose-table .cards .card > *.card-display > div {
    width: 100%;
    display: block;
    padding: 0px;
  }
  #help-me-choose-table .cards .card > *.card-display > div .card-name {
    margin-top: 15px;
  }
  #help-me-choose-table .cards .card > *.card-infos {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    display: block;
  }
  #help-me-choose-table .cards .card > *.card-infos > div {
    width: 50%;
    display: inline-block;
    float: left;
    padding: 0;
  }
  #help-me-choose-table .cards .card > *.card-infos > div > strong {
    line-height: 1.1em;
  }
  #help-me-choose-table .cards .card > *.card-caption {
    width: 50%;
    margin-left: 5%;
    padding: 0px;
  }
  #help-me-choose-table .cards .card > *.card-CTAs {
    width: 100%;
    display: table;
    margin-top: 15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  #help-me-choose-table .cards .card > *.card-CTAs > div {
    padding: 0;
  }
  #help-me-choose-table .cards .card > *.card-CTAs > div.card-apply-now {
    width: 45%;
  }
  #help-me-choose-table .cards .card > *.card-CTAs > div.card-compare {
    width: 55%;
    vertical-align: middle;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  #help-me-choose-table .cards .card > * > div.card-apply-now a.button.small {
    line-height: 46px;
  }
  #help-me-choose-table .cards .card > *.card-CTAs > div.card-compare .card-compare-input-wrapper {
    margin: 0 auto;
    float: left;
    vertical-align: middle;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
  }
  #help-me-choose-table .cards .card > *.card-CTAs > div.card-compare > a {
    font-family: "heebo-medium";
  }
  #help-me-choose-table .compare-cards-table {
    padding: 0;
  }
  #help-me-choose-table .table-wrapper {
    overflow-x: auto;
  }
  #help-me-choose-table .compare-cards-table table thead tr th,
  #help-me-choose-table .compare-cards-table table tbody tr th,
  #help-me-choose-table .compare-cards-table table thead tr td,
  #help-me-choose-table .compare-cards-table table tbody tr td {
    min-width: 110px;
  }
  #help-me-choose-table .compare-cards-table table thead tr th:first-child,
  #help-me-choose-table .compare-cards-table table thead tr td:first-child,
  #help-me-choose-table .compare-cards-table table tbody tr td:first-child {
    position: -webkit-sticky;
    position: -moz-sticky;
    position: -ms-sticky;
    position: -o-sticky;
    position: sticky;
    left: 0;
    background-color: #FFFFFF;
    z-index: 1000;
    min-width: 90px;
    border-right: 1px solid #cccccc;
  }
  #help-me-choose-table .compare-cards-table table thead tr th:first-child:after,
  #help-me-choose-table .compare-cards-table table thead tr td:first-child:after,
  #help-me-choose-table .compare-cards-table table tbody tr td:first-child:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.03);
    box-shadow: 3px 0px 5px 0px rgba(0, 0, 0, 0.15);
  }
  #help-me-choose-table .compare-cards-table table tbody tr td:first-child {
    vertical-align: top;
  }
}


/* Help Me Choose End */


/* Rewards Calculator */

.rc-wrapper {
  font-size: 1.3em
}

.rc-wrapper .slider .ui-slider-track > .ui-slider-handle {
  border: none;
}

.rc-wrapper .rewards-field input {
  font-size: 40px;
  color: #0079c1;
  border-radius: 7px;
  width: 70%;
  text-align: center;
  padding: 10px;
  font-weight: bold
}

.rc-wrapper .summary-points {
  color: #0079c1;
}

.rc-wrapper #navigator {
  width: 130%;
  margin: 0 auto;
  top: 100px;
  position: absolute;
  z-index: 9000;
  right: 15%/*left:-87px;*/
}

.rc-wrapper #next {
  float: right;
  font-size: 3.5em !important;
  text-decoration: none;
}

.rc-wrapper #navigator1 {
  width: 130%;
  margin: 0 auto;
  top: 100px;
  position: absolute;
  z-index: 9000;
  right: 15%/*left:-87px;*/
}

.rc-wrapper #next1 {
  float: right;
  font-size: 3.5em !important;
  text-decoration: none;
}

.rc-wrapper #travelContent {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  left: 10%;
  top: 51px;
}

.rc-wrapper #merchandiseContent {
  position: absolute;
  margin: 0px;
  padding: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 51px;
}

.rc-wrapper #travelContent .box,
.rc-wrapper #merchandiseContent .box {
  position: absolute;
  width: 100px;
  height: 100px;
  font-size: 12px;
  text-align: center;
  border: 0px solid black;
  left: 150%;
  top: 40px;
  margin-left: -25%;
}

.rc-wrapper #travelContent .box.firstbox,
.rc-wrapper #merchandiseContent .box.firstbox {
  left: 50%
}

.rc-wrapper .slider .ui-slider-track {
  background-color: transparent !important;
}

.rc-wrapper .main-title {
  font-size: 2em;
  font-weight: normal !important;
  font-family: "heebo-light", Arial, Sans-Serif;
  display: none;
}

.rc-wrapper .second-title {
  margin-top: -80px
}

.rc-wrapper .spacer-title {
  margin-top: 50px
}

.rc-wrapper #travel,
.rc-wrapper #merchandise {
  width: 35%;
  padding: 3% 3%;
  border: 2px solid #0079c1;
  cursor: pointer;
  margin: 0 -20px 0 20px
}

.rc-wrapper #travel h2,
.rc-wrapper #merchandise h2 {
  font-size: .8em !important;
  padding: 0
}

.rc-wrapper .rc_icon {
  width: 100%;
  max-width: 104px !important;
  border: 2px solid #0079c1
}

.rc-wrapper #prev,
.rc-wrapper #prev1 {
  font-size: 3.5em !important;
  text-decoration: none;
}

.rc-wrapper #sliderContent {
  text-align: left;
  font-weight: normal;
}

.rc-wrapper #merchandiseContent {
  margin-left: -43%;
}

.rc-wrapper #welcomeMiles {
  float: left;
  font-size: 2.5em;
  padding-right: 15px;
  margin-top: -6px;
  font-weight: bold;
  text-align: right;
  width: 48%;
}

.rc-wrapper #summary-points-text {
  float: left;
  text-align: left
}

.rc-wrapper #rewards-dropdown {
  display: none;
}

.rc-wrapper #rewards-spacer {
  height: 0px;
}

.rc-wrapper #annuallyEarnedMiles {
  font-size: 2.5em;
  padding-right: 10px;
  margin-top: -6px;
  font-weight: bold;
}

.rc-wrapper #allrewards h2 {
  font-family: "heebo-light";
  font-size: 1.0em;
}

.rc-wrapper #welcomePoints {
  text-align: center
}

.rc-wrapper .non-displayed {
  display: none !important
}

.rc-wrapper .relativ {
  position: relative
}

.rc-wrapper #welcome-bonus {
  font-size: 1.2em
}

.rc-wrapper #rewards-col-2 {
  font-size: 1.2em
}

.rc-wrapper .cta {
  font-size: 1em
}

.rc-wrapper #curren,
.rc-wrapper #currfr,
.rc-wrapper #summary-amount-text {
  font-size: 2.2em;
  color: #0079c1
}

.rc-wrapper .rewardsTravelFlight,
.rc-wrapper .rewardsMerchandise {
  padding-top: 20px;
  width: 200%;
  margin: auto;
  margin-left: -50%;
  font-size: 1.5em;
}

@media only screen and (min-width:768px) and (max-width:980px) {
  .rc-wrapper #navigator,
  .rc-wrapper #navigator1 {
    right: 5%;
  }
}

@media only screen and (max-width:767px) {
  .rc-wrapper .second-title {
    margin-top: 0px
  }
  .rc-wrapper .spacer-title {
    margin-top: 0px
  }
  .rc-wrapper #rewards-spacer {
    height: 200px;
  }
  .rc-wrapper #travel,
  .rc-wrapper #merchandise {
    width: 43.3%;
    padding: 2%;
    float: left
  }
  .rc-wrapper #travelContent {
    height: 100%
  }
  .rc-wrapper .rewardsRow {
    padding-top: 70px;
  }
  .rc-wrapper .cta {
    margin-top: 90px
  }
  .rc-wrapper #navigator {
    right: 10%;
    margin-top: 20%
  }
}


/*Additions May 08, 2015*/

.rc-wrapper {
  font-size: 1.1em
}

.rc-wrapper #summary-amount-text {
  font-size: 1.1em;
  color: #414141
}

.rc-wrapper .rewardsTravelFlight,
.rc-wrapper .rewardsMerchandise {
  font-size: 1.3em;
}

.rc-wrapper #sliderContent {
  font-size: .9em
}

.rc-wrapper .rewardsSalesCostMerch {
  font-size: 1.3em
}

.rc-wrapper .rewardsTravelFlight,
.rc-wrapper .rewardsMerchandise {
  color: #414141;
}

.rc-wrapper #annuallyEarnedMiles,
.rc-wrapper #welcomeMiles {
  font-size: 2.2em;
}

.rc-wrapper #welcomeMiles {
  margin-top: 1px;
}

.rc-wrapper #travelContent,
.rc-wrapper #merchandiseContent {
  top: 31px;
}

.rc-wrapper #navigator,
.rc-wrapper #navigator1 {
  top: 90px;
}

.rc-wrapper #merchandise,
.rc-wrapper #travel {
  border: 1px solid #0079c1;
}

.rc-wrapper .rc_icon {
  border: 1px solid #0079c1;
}

.rc-wrapper .cta {
  height: 36px;
  line-height: 0;
  margin-bottom: 1%;
}

.rc-wrapper .first-title {
  margin-bottom: 1%;
}

.rc-wrapper .copy {
  padding: 30px 30px 0 30px;
}

.rc-wrapper .footnotes {
  margin-bottom: 20px;
}

.rc-wrapper .third-col {
  height: 15px;
}

.ie8 #rc_container p {
  margin: 10px 0 0 0 !important;
}

.ie8 .rc-wrapper #travelContent {
  height: 260px;
}

.rc-wrapper #travelContent,
.rc-wrapper #merchandiseContent {
  height: 260px
}

.ie8 #travelContent,
.ie8 #merchandiseContent {
  top: 21px !important;
  height: 260px !important;
}


/*.rc-wrapper #navigator, .rc-wrapper #navigator1 {top: 70px;}*/

.ie8 #travelContent,
.ie8 #merchandiseContent {
  margin-top: 41px;
}

.ie8 .rc-wrapper #navigator,
.ie8 .rc-wrapper #navigator1 {
  top: 90px;
}

@media only screen and (min-width:768px) and (max-width:980px) {
  .rc-wrapper #navigator,
  .rc-wrapper #navigator1 {
    right: 5%;
  }
  .rc-wrapper #welcomeMiles {
    width: 100%;
    text-align: center
  }
  .rc-wrapper #summary-points-text {
    float: none;
    text-align: center;
  }
  .rc-wrapper .rewards-field input {
    width: 100%
  }
}

@media only screen and (max-width:767px) {
  .rc-wrapper #travelContent .box,
  .rc-wrapper #merchandiseContent .box {
    top: 0px !important;
    padding-top: 0
  }
  .rc-wrapper #travelContent {
    height: 250px;
    top: 0;
    padding-top: 0;
    margin: 150px 0px 0px -4%
  }
  .rc-wrapper #navigator {
    margin-top: 25%;
  }
  .rc-wrapper #merchandiseContent {
    margin-top: 150px;
  }
  .rc-wrapper #navigator1 {
    top: 165px
  }
  .rc-wrapper .rewards-field input {
    width: 70%;
  }
  .rc-wrapper .cta {
    margin-top: 40px;
  }
  /**/
  .rc-wrapper #travelContent {
    margin-left: 3%;
    margin-top: 130px;
  }
  .rc-wrapper #merchandiseContent,
  .rc-wrapper #travelContent {
    height: 160px;
  }
  .rc-wrapper #navigator {
    margin-top: 80px
  }
  .rc-wrapper #navigator1 {
    top: 140px;
  }
  .rc-wrapper #merchandiseContent {
    margin-top: 100px;
  }
  .rc-wrapper #summary-points-text {
    text-align: center;
  }
}

@media only screen and (min-width:768px) and (max-width:788px) {
  .rc-wrapper .rewards-field input {
    width: 104% !important;
  }
}

@media only screen and (max-width:420px) {
  .rc-wrapper .rewards-field input {
    width: 100%;
  }
  .rc-wrapper #merchandiseContent {
    margin-top: 100px;
    margin-left: -53%;
  }
  .rc-wrapper #travelContent {
    margin-left: -7%;
  }
  html[lang="fr"] .rc-wrapper #travelContent {
    margin-top: 160px;
  }
  html[lang="fr"] .rc-wrapper #merchandiseContent {
    margin-top: 132px;
  }
  .rc-wrapper #navigator {
    margin-top: 60px;
  }
  .rc-wrapper #navigator1 {
    top: 140px;
  }
  .rc-wrapper #navigator,
  .rc-wrapper #navigator1 {
    right: 0;
  }
  .rc-wrapper #navigator {
    left: -120px !important
  }
  html[lang="fr"] .rc-wrapper #navigator {
    left: -145px !important;
    margin-top: 90px;
  }
  html[lang="fr"] .rc-wrapper #navigator1 {
    left: -145px !important;
    margin-top: 60px;
  }
  .rc-wrapper #welcomeMiles {
    width: 100%;
    text-align: center;
  }
  .rc-wrapper #summary-points-text {
    text-align: center;
    width: 100%;
  }
  .rc-wrapper #navigator {
    right: 10%/*left:-87px;*/
  }
  .rc-wrapper #navigator1 {
    right: 10%/*left:-87px;*/
  }
  .rc-wrapper #navigator1 {
    left: -110px !important
  }
  .rc-wrapper #merchandiseContent .box {
    margin-left: -33%;
  }
  .rc-wrapper #navigator1 {
    width: 150%;
  }
}

@media only screen and (max-width:340px) {
  .rc-wrapper #navigator {
    width: 160%
  }
}


/* end of Rewards Calcualtor */


/* Updated Styles for CC Landing Page */

.cc.carousel .carousel-promo.two,
.cc.carousel .carousel-promo.three-a {
  background: url(/img/main/credit-cards/large/d-blackbox.png) no-repeat;
  top: 17px;
  bottom: 45px;
  right: 50px;
  width: 568px;
}

.cc.carousel .carousel-promo .carousel-copy {
  margin-top: 15px;
  margin-left: 15px;
  color: #fff;
}

.cc.carousel .banner-img img {
  display: block;
  position: absolute;
  left: 43%;
  width: 63%;
  max-width: none;
  margin: auto;
  font-size: 0;
}

.cc.carousel .carousel-promo.carousel-promo-left.one {
  left: 80px;
}

.cc.carousel .carousel-promo.one {
  width: 40%;
  top: 23px;
}

.cc.carousel .carousel-promo.two {
  color: #fff;
  padding: 30px 25px;
  top: 17px;
  right: 0px;
}

.cc.carousel .carousel-promo.two p {
  float: right;
  width: 52%;
  margin-top: 1%;
  margin-right: 22%;
}

.cc.carousel .carousel-promo.three-b {
  top: 11%;
  border-radius: 66px;
  left: 83%;
  width: 120px;
  height: 120px;
  text-align: center;
  font-size: 13px;
}

.cc.carousel .carousel-promo.three-b .inner-circle {
  border: 1px solid #0079c1;
  border-radius: 80px;
  height: 114px;
  width: 112px;
  margin-left: 3px;
  margin-top: 2px;
  color: #fff;
  background: #0079c1;
}

.cc.carousel .carousel-promo.three-b .inner-circle .annual-fee {
  margin-top: 10px;
  margin-bottom: -9px;
}

.cc.carousel .carousel-promo.three-b .inner-circle .footnotes {
  font-size: 10px;
}

.cc.carousel .carousel-promo.three-b .inner-circle .text {
  line-height: 1.1em;
  font-size: 16px;
}

.cc.carousel .carousel-promo.three-b .inner-circle .value {
  font-size: 22px;
  margin-bottom: -18px;
}

.cc.carousel.fr .carousel-promo.three-a {
  padding: 10px 25px;
}

.cc.carousel.fr .carousel-promo.three-b {
  font-size: 12px;
  top: 19%;
  left: 78%;
}

.cc.carousel.fr .carousel-promo.three-b .annual-fee {
  margin-top: 11px;
}

.cc.carousel.fr .carousel-promo.three-b .inner-circle .value {
  margin-bottom: -22px;
}

.cc.carousel.fr .carousel-promo.two p {
  float: right;
  width: 49%;
  margin-top: 1%;
}

.cc.carousel .carousel-promo.three-c img {
  width: 121px;
  top: 50%;
  left: 223%;
}


/*Carousel OR static banner for Credit Cards banners that are broken up*/

.cc.v2 {
  padding: 0
}

.cc.v2 .carousel-slides {
  position: relative;
}


/*for bg*/

.cc.v2 .carousel-slides ul li a {
  position: static;
  display: inline-block;
}


/*position reset*/

.cc.v2 .carousel-slides ul li a.terms-and-conditions {
  cursor: pointer;
}

.cc.v2 .text {
  float: left;
  padding: 40px 0 0 16%;
  width: 33%
}

.ie8 .cc.v2 .text {
  width: 200px;
}

.cc.v2 h2 {
  font-family: 'heebo-medium';
  line-height: 1em;
}

.cc.v2 .card-img {
  float: right;
  padding: 40px 16% 0 0
}

.cc.v2 .card {
  width: 253px
}

.ie8 .cc.v2 .card {
  max-width: none;
}

@media (max-width:1080px) {
  .cc.v2.ad {
    margin: 0 15px;
  }
}

@media (max-width:767px) {
  .cc.v2 .carousel-slides {
    height: 420px
  }
  .cc.v2 .carousel-slides ul li a {
    position: static;
  }
  .cc.v2 .text {
    width: 100%;
    float: right;
    padding: 35px 0 0;
    text-align: center;
  }
  .cc.v2 a.primary.button {
    width: initial;
  }
  .cc.v2 .card-img {
    width: 100%;
    float: right;
    padding: 0;
    text-align: center;
  }
  .cc.v2 .card-img .card {
    width: 185px;
    padding: 50px 0;
  }
  .cc.v2 .carousel-pager {
    bottom: 210px
  }
}

#cc-showcase .tabs-window .icon.plus-minus:before {
  content: "\e667";
}

#cc-showcase .tabs-window .active .icon.plus-minus:before {
  content: "\e642";
  color: #fff;
}

#cc-showcase .tabs-window .icon.plus-minus {
  margin-top: -3px;
  margin-right: 15px;
  float: right;
}

#cc-showcase .tabs-window .active .icon.plus-minus {
  margin-top: -3px;
  margin-right: 15px;
  float: right;
}

#cc-showcase .tabs-window a b {
  margin-left: 30px;
}

#cc-showcase .copy h3 a {
  color: #414141;
}

#cc-showcase .copy h3 a:hover {
  color: #0079c1;
}

.cc.calculator-links .credit-cards-funnel {
  height: 90px;
  width: 90px;
}

.cc.calculator-links .credit-cards-funnel:before {
  font-size: 70px;
}

.cc.calculator-links .compare-credit-cards {
  height: 90px;
  width: 120px;
}

.cc.calculator-links .compare-credit-cards:before {
  font-size: 97px;
}

.cc-tools .credit-cards-funnel {
  height: 90px;
  width: 90px;
}

.cc-tools .credit-cards-funnel:before {
  font-size: 70px;
  color: #0079c1;
}

.cc-tools .compare-credit-cards {
  height: 90px;
  width: 120px;
}

.cc-tools .compare-credit-cards:before {
  font-size: 97px;
  color: #0079c1;
}

.cc.carousel .carousel-slides {
  height: 250px;
}

#cc-showcase ul {
  list-style-type: none;
}

#cc-showcase .tabs-selector .pointer.reverse:before {
  top: 61px;
  border-width: 0 10px 10px;
  margin: 0 -12px;
  bottom: 0px;
}

#cc-showcase .tabs-selector .pointer.stroke.active:hover:before {
  border-color: #fff transparent;
}

#cc-showcase .tabs-selector a.pointer.stroke:active:before,
#cc-showcase .tabs-selector .pointer.stroke.active:before {
  border-color: #fff transparent;
  top: 65px;
  border-width: 0 10px 10px;
  margin: 0 -12px;
  bottom: -2px;
}

.tabs a.pointer.stroke:hover:before {
  border-color: #f2f2f2 transparent;
}

#cc-showcase .tabs a.pointer.stroke:hover:before,
{
  border-color: #fff transparent;
}

#cc-showcase .showcase .card_1 img,
.showcase .card_3 img {
  width: 175px;
}

#cc-showcase .showcase .card_2 img {
  width: 270px;
}

#cc-showcase .showcase .card_2 h3 {
  margin: 0 10px;
}

#cc-showcase .showcase ul {
  margin: 0 10px;
  padding: 0px;
}

#cc-showcase .showcase b.red {
  color: #ed1c24;
}

#cc-showcase .showcase .copy {
  text-align: center;
}

#cc-showcase .showcase ul li {
  line-height: 1.7em;
}

#cc-showcase .showcase .card_2 {
  padding: 0 0 30px;
}

#cc-showcase .showcase .card_2 > div:first-child {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  background: #0079c1;
  color: #fff;
  padding: 12px;
  margin-bottom: 25px;
  font-size: 19px;
}

#cc-showcase .columns > a:first-child {
  margin: 38px 2px 0;
}

#cc-showcase .columns > a {
  margin: 38px 2px 0;
}

@media (max-width:767px) {
  #cc-showcase .tabs-window > a {
    border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
    border-top: 1px solid #cacaca;
    border-radius: 0px;
    margin: 0px;
  }
  #cc-showcase .tabs-window > a .chevron.down {
    float: right;
  }
  #cc-showcase .tabs-window > a .chevron.down:before {
    color: #fff;
    float: right;
    margin: 0 15px;
  }
  #cc-showcase .showcase .card_2 > div:first-child {
    display: none;
  }
  #cc-showcase .stroke.copy.fill.columns.four a:nth-child(2) {
    margin-top: 0px;
  }
  #cc-showcase .cc-showcase-links {
    background: #fff;
    border-color: #fff;
  }
  #cc-showcase {
    padding: 0px;
  }
  #cc-showcase span.link:before {
    margin: -16px 0 0;
  }
  #cc-showcase .showcase > div {
    background: #f2f2f2;
  }
  #cc-showcase button,
  #cc-showcase a.button,
  #cc-showcase span.button,
  #cc-showcase button.small,
  #cc-showcase a.button.small,
  #cc-showcase span.button.small {
    width: 70%;
  }
  #cc-showcase .showcase .card_2 img {
    width: 175px;
  }
  .cc-info-services {
    text-align: center;
  }
  .fill.cc-info-services {
    border: 0px;
    background: #fff;
  }
  .fill.cc-info-services > div {
    margin-top: 9px;
    border: 2px solid #f2f2f2;
    border-radius: 5px;
    padding: 20px 5px;
    background: #f2f2f2;
  }
  .cc.calculator-links a {
    background: #fff;
    border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  .cc.calculator-links {
    background: #f2f2f2;
  }
  .cc.carousel {
    margin-bottom: 12px;
  }
}

@media (min-width:768px) {
  .cc.cm-stickynav-hr:first-child {
    margin: 20px 0;
  }
  .cc.cm-stickynav-hr:last-child {
    margin: 30px 0;
  }
  .help-support.cc-info-services {
    margin: 0% !important;
  }
  .cc.calculator-links a {
    padding: 0 28px;
  }
  .cc.calculator-links a:last-child {
    border-left: 1px solid #cacaca;
  }
  .cc-info-services {
    margin: 0 16% !important;
  }
  .cc-info-services {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
  }
  #cc-showcase .tabs-selector .copy.stroke {
    padding: 26px 13px 8px;
    word-wrap: break-word;
  }
  #cc-showcase .tabs-selector .copy.stroke[id$=bmo-rewards-travel] {
    padding: 17px 13px 18px;
  }
  #cc-showcase .tabs-selector a {
    border-radius: 5px;
  }
  #cc-showcase .tabs-selector {
    margin: -15px 0px 0px 20px;
  }
  #cc-showcase .showcase .card_1,
  .showcase .card_3 {
    margin-top: 6.5%;
  }
  .cc.calculator-links > header {
    padding-bottom: 0px;
  }
  .cc.carousel {
    margin-bottom: 25px;
  }
  .cc-showcase-links.stroke.copy.fill.columns.four,
  .cc-showcase-links.stroke.copy.fill.centered {
    padding: 20px;
  }
  .cc-showcase-links > a {
    margin: 0px !important;
  }
  .info-services .columns.join > *.stroke:first-child {
    border-width: 2px 1px 2px 2px;
    border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
  }
  .info-services .columns.join.six > a:last-child {
    border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
  }
  #cc-showcase .showcase .card_2 img {
    width: 68%;
  }
  #cc-showcase .showcase .card_1 ul {
    margin-bottom: 3px;
  }
  #cc-showcase .showcase .card_3 ul {
    margin-bottom: 10px;
  }
  .cc-calculator-links {
    margin: 10px 0 20px;
  }
  .info-services .tabs-window.pointer.reverse:before {
    top: -15px;
  }
  .info-services .tabs-window.pointer.reverse {
    margin-top: 20px;
  }
  .info-services {
    padding-bottom: 14px;
  }
}

.cc-tools.product-page.fr a.button {
  margin: 0 -20px;
}

html.ie8 .cc-offer.fr .cc-apply {
  margin-left: 10px;
}

html.ie8 .cc-offer .annual-fee {
  margin-left: 50%;
}

@media (min-width: 768px) {
  .cc-tools a.button.small {
    line-height: 30px;
  }
  .cc-tools .desc-copy {
    margin: 0 30%;
  }
  .button.primary.small {
    line-height: 30px;
  }
  .cc.calculator-links {
    margin-top: 25px;
    margin-bottom: 65px;
  }
}

@media (max-width: 767px) {
  #cc-showcase .showcase > a.copy {
    padding: 25px 5px;
  }
  #cc-showcase .showcase > div .columns >:first-child {
    margin-top: 15px;
  }
  #cc-showcase .tabs-window .icon.plus-minus {
    border: 1px solid rgb(0, 121, 193);
    border-radius: 22px;
  }
  #cc-showcase .tabs-window > a[name='premium'] {
    border-bottom: 1px solid #cacaca;
  }
  #cc-showcase .tabs-window .icon.plus-minus::before {
    font-size: 13px;
  }
  #cc-showcase .tabs-window .active .icon.plus-minus {
    border-color: #ffffff;
  }
  #cc-showcase.tabs.tabs-accordion .tabs-window > * {
    margin-top: 0px;
  }
  .cc.calculator-links {
    background-color: #FFFFFF;
  }
  .cc.calculator-links #help-me-choose {
    padding-top: 0px;
    padding-bottom: 30px;
  }
  .cc.calculator-links #compare-cards {
    border-radius: 0px;
    border-top: 1px solid rgb(204, 204, 204);
    padding-bottom: 50px;
  }
  .cc.calculator-links .credit-cards-funnel {
    height: 70px;
  }
  .cc.calculator-links .credit-cards-funnel:before {
    font-size: 70px;
  }
  .cc.calculator-links .compare-credit-cards {
    height: 70px;
  }
  .cc.calculator-links .compare-credit-cards:before {
    font-size: 90px;
  }
  .homepage-header {
    padding-top: 8px;
  }
  .info-services.tabs.tabs-0 > .tabs-selector.columns.join.two.six + .tabs-window.pointer::before {
    top: 2px;
    left: 24.666%;
  }
  .info-services.tabs.tabs-1 > .tabs-selector.columns.join.two.six + .tabs-window.pointer::before {
    top: 2px;
    left: 74.333%;
  }
  .info-services.tabs .fill.cc-info-services {
    padding: 13px 0;
    margin: 0px;
  }
  .info-services.tabs .tabs-window.pointer.reverse {
    margin-top: 10px;
  }
  .cc-benefits .benefits-left ul {
    float: none;
  }
  .cc-download-link {
    margin-left: 18%;
    margin-top: 4px;
  }
}


/* ==========================================================================

   CREDIT CARDS REWARDS CALCULATOR V2.0 - Apr. 2016

   ========================================================================== */


/* Existing Rewards Calculator Overrides
   ========================================================================== */

.rc-wrapper.v2 .monthly-spend input {
  width: 100%;
  padding: 0 0 0 15px;
  font-family: "serif";
  font-weight: normal;
  font-size: 38px;
}

_:-moz-tree-row(hover),
.rc-wrapper.v2 .monthly-spend input {
  padding-top: 5px !important;
}

.rc-wrapper.v2 .rewards-field input {
  border-radius: 2px;
  text-align: left;
}

.rc-wrapper.v2 .rewards-field div.range-slider {
  margin-top: 1px;
}

.rc-wrapper.v2 .summary-points {
  color: inherit;
  font-family: "serif";
  font-weight: normal;
  font-size: 38px;
}

.rc-wrapper.v2 .earn-summary {
  font-size: 0.9em;
}

.rc-wrapper.v2 .footnotes {
  margin-bottom: 0;
}

.rc-wrapper.v2:not(.dual-card) .columns.aside.small.reverse >:first-child {
  width: 32.66%;
}

.rc-wrapper.v2:not(.dual-card) .columns.aside.small.reverse >:last-child {
  width: 65.34%;
}

.rc-wrapper.v2:not(.dual-card) .copy.flush.right-single {
  padding-right: 0;
}

.rc-wrapper.v2.dual-card .card-image.left {
  text-align: center;
}

.rc-wrapper.v2 span.nowrap {
  white-space: nowrap;
}


/* Range input styles for slider
   ========================================================================== */

.rc-wrapper.v2 .range-slider > input[type=range] {
  /*removes default webkit styles*/
  -webkit-appearance: none;
  /*fix for FF unable to apply focus style bug */
  border: 1px solid #f2f2f2;
  background: #f2f2f2;
  padding: 0;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-webkit-slider-runnable-track {
  height: 2px;
  background: #cacaca;
  border: none;
  border-radius: 2px;
  margin: 24px 0 20px 0;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #0079c1;
  margin-top: -14px;
}

.rc-wrapper.v2 .range-slider > input[type=range]:focus {
  outline: none;
}

.rc-wrapper.v2 .range-slider > input[type=range]:focus::-webkit-slider-runnable-track {
  background: #ccc;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-moz-range-track {
  height: 5px;
  background: #cacaca;
  border: none;
  border-radius: 2px;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-moz-range-thumb {
  border: none;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #0079c1;
}


/*hide the outline behind the border*/

.rc-wrapper.v2 .range-slider > input[type=range]:-moz-focusring {
  outline: 2px solid #f2f2f2;
  outline-offset: -1px;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-ms-track {
  height: 2px;
  /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
  background: transparent;
  /*leave room for the larger thumb to overflow with a transparent border */
  border-color: transparent;
  border-width: 20px 0;
  /*remove default tick marks*/
  color: transparent;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-ms-fill-lower {
  background: #777;
  border-radius: 2px;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-ms-fill-upper {
  background: #ddd;
  border-radius: 2px;
}

.rc-wrapper.v2 .range-slider > input[type=range]::-ms-thumb {
  border: none;
  height: 28px;
  width: 28px;
  border-radius: 50%;
  background: #0079c1;
}

.rc-wrapper.v2 .range-slider > input[type=range]:focus::-ms-fill-lower {
  background: #888;
}

.rc-wrapper.v2 .range-slider > input[type=range]:focus::-ms-fill-upper {
  background: #cacaca;
}

.rc-wrapper.v2 .range-slider > ul {
  margin: -7px 0px;
  padding: 0;
  list-style: none;
}

.rc-wrapper.v2 .range-slider > ul > li:first-child {
  float: left;
}

.rc-wrapper.v2 .range-slider > ul > li:first-child + li {
  float: right;
}

.rc-wrapper.v2 .range-slider > ul > li {
  font-weight: bold;
}

.rc-wrapper.v2 .range-slider > ul:after {
  display: table;
  content: " ";
  clear: both;
}

img.card.dualSwap {
  width: 85%;
  max-width: 230px;
}


/* Rewards Carousel
   ========================================================================== */

.rc-wrapper.v2 .calculatorRewardsContainer .tabs-selector > a.copy.small {
  padding: 10px;
}

.rc-wrapper.v2 .calculatorRewardsContainer .tabs-selector > a.copy.small:not(.active) {
  background: #fff;
}

.rc-wrapper.v2 .calculatorRewardsContainer .tabs-window {
  margin-top: 0;
  overflow: hidden;
}

.rc-wrapper.v2 .rewards-carousel .rewardsTabContent {
  position: relative;
  overflow: hidden;
  margin: 20px auto 0 auto;
}

.rc-wrapper.v2 .rewards-carousel .rewardsTabContent ul {
  position: relative;
  margin: 0;
  padding: 0;
  width: 300px;
  height: 225px;
}

.rc-wrapper.v2 .rewards-carousel .rewardsTabContent ul li {
  position: relative;
  display: block;
  float: left;
  margin: 0;
  padding: 0 13px;
  width: 120px;
  height: 225px;
  text-align: left;
  font-size: 0.9em;
}

.rc-wrapper.v2.fr .rewards-carousel .rewardsTabContent ul,
.rc-wrapper.v2.fr .rewards-carousel .rewardsTabContent ul li {
  height: 220px;
}

.rc-wrapper.v2 .rewards-carousel .control-prev,
.rc-wrapper.v2 .rewards-carousel .control-next {
  position: absolute;
  top: 40%;
  left: -15px;
  z-index: 19;
  display: block;
  padding: 4% 0;
  width: auto;
  height: auto;
  font-size: 3.5em !important;
  text-decoration: none;
}

.rc-wrapper.v2.fr .rewards-carousel .control-prev,
.rc-wrapper.v2.fr .rewards-carousel .control-next {
  top: 45%;
}

.rc-wrapper.v2 .rewards-carousel .control-next {
  right: -15px;
  left: inherit;
}

.rc-wrapper.v2 .control-prev.disabled,
.rc-wrapper.v2 .control-next.disabled {
  color: #cacaca;
  cursor: default;
}

.rc-wrapper.v2 .rewards-carousel img.rc_icon {
  max-width: 110px !important;
  display: block;
  margin: 0 auto 10px auto;
}

.rc-wrapper.v2 .rewards-carousel figure,
.rc-wrapper.v2 .rewards-carousel figcaption {
  margin: inherit;
  word-wrap: break-word;
}

.rc-wrapper.v2 .rewards-carousel figcaption {
  padding-left: 5px;
}

.rc-wrapper.v2 hr.summary-divider {
  margin: 20px 0;
}

.rc-wrapper.v2 .summary.columns div:not(.rewardsTabContent) > ul {
  padding-left: 1.2em;
}

@media (max-width: 1024px) {
  .rc-wrapper.v2 .copy {
    padding: 15px;
  }
  .rc-wrapper.v2 .columns.aside.small.reverse.copy {
    padding-bottom: 0;
  }
  .rc-wrapper.v2 .columns.two.copy {
    padding: 15px;
  }
  .rc-wrapper.v2 .summary > .copy.flush.top {
    padding-top: 0;
  }
  .rc-wrapper.v2:not(.dual) .card-info.copy.flush.top {
    padding-top: 0;
  }
  .rc-wrapper.v2 .rewards-carousel .rewardsTabContent {
    margin: 20px auto 0 auto;
  }
  .rc-wrapper.v2 .rewards-carousel .control-prev,
  .rc-wrapper.v2 .rewards-carousel .control-next {
    left: 0;
  }
  .rc-wrapper.v2 .rewards-carousel .control-next {
    right: -15px;
    left: inherit;
  }
  .rc-wrapper.v2 .rewards-carousel img.rc_icon {
    max-width: 115px !important;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  section#rewards-calculator-v2 {
    padding: 0 30px;
  }
  .rc-wrapper.v2 .rewards-carousel .rewardsTabContent ul li {
    padding: 0;
  }
  .rc-wrapper.v2 .tabs-selector > a {
    font-size: 0.75em;
  }
  .rc-wrapper.v2 .calculatorRewardsContainer .tabs-selector > a.copy.small {
    padding: 5px;
  }
  .rc-wrapper.v2 .rewards-carousel .control-prev,
  .rc-wrapper.v2 .rewards-carousel .control-next {
    top: 42%;
  }
}

@media (max-width: 767px) {
  section#rewards-calculator-v2 {
    padding: 0;
  }
  .rc-wrapper.v2 {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding-top: 30px;
  }
  .rc-wrapper.v2:not(.dual-card) .columns.aside.small.reverse > * {
    width: 100% !important;
    margin-top: 0;
  }
  .rc-wrapper.v2 .columns.two.copy {
    padding: 0 0 15px 0;
  }
  .rc-wrapper.v2:not(.dual-card) .copy.flush.left.right-single {
    padding-left: 0;
  }
  .rc-wrapper.v2 .rewards-carousel img.rc_icon {
    max-width: 110px !important;
  }
  .rc-wrapper.v2 .rewardsTabContent {
    margin-left: auto !important;
    margin-top: inherit !important;
  }
  .rc-wrapper.v2 .rewards-carousel .rewardsTabContent ul li {
    padding: 10px 0;
  }
  .rc-wrapper.v2 hr.desktop-hide {
    margin: 15px 0;
  }
  .rc-wrapper.v2 .single-cta.copy {
    padding-top: 0;
  }
}

@media (max-width: 370px) {
  .rc-wrapper.v2 .tabs-selector > a {
    font-size: 0.9em;
  }
  .rc-wrapper.v2.dual-card.fr .card-name {
    min-height: 180px;
  }
}


/* Dual Calculator Overrides
   ========================================================================== */

.rc-wrapper.v2.dual-card .columns.aside .monthly-spend {
  width: 70% !important;
  margin: auto;
  padding-bottom: 30px;
}

.rc-wrapper.v2.dual-card .monthly-spend p.heading {
  text-align: center;
}

.rc-wrapper.v2.dual-card .monthly-spend .rewards-field > * {
  width: 45% !important;
  float: right;
  padding: 0 5%;
}

.rc-wrapper.v2.dual-card .monthly-spend .rewards-field input[type="text"] {
  padding-left: 2%;
}

.rc-wrapper.v2.dual-card .columns.aside > *,
.rc-wrapper.v2.dual-card .columns.aside.small.reverse > *:last-child {
  width: 49%;
}

.rc-wrapper.v2.dual-card .summary.columns.two > * {
  width: 100%;
}

.rc-wrapper.v2.dual-card .rewards-carousel .rewardsTabContent ul li {
  padding: 0 13px;
}

.rc-wrapper.v2.dual-card .rewards-carousel .control-prev,
.rc-wrapper.v2.dual-card .rewards-carousel .control-next {
  top: 50%;
}

.rc-wrapper.v2.dual-card .rewards-carousel .control-next {
  right: 0;
}

.rc-wrapper.v2:not(.dual-card) .summary.columns.two > .columns.two > * {
  width: 100%;
}

.rc-wrapper.v2.dual-card .text-end {
  padding-top: 30px;
}

.rc-wrapper.v2.dual-card .card-image a.button.wrap {
  line-height: inherit;
  height: inherit;
  padding: 4px 20px;
}

@media (min-width: 1080px) {
  .rc-wrapper.v2.dual-card .card-name {
    min-height: 115px;
  }
  .rc-wrapper.v2.dual-card.fr .card-name {
    min-height: 120px;
  }
  .rc-wrapper.v2.dual-card .columns.aside.small.reverse.copy {
    padding-right: 0;
  }
  .rc-wrapper.v2.dual-card .card-image.left {
    text-align: center;
    width: 35%;
  }
  .rc-wrapper.v2.dual-card .card-info {
    width: 63%;
  }
}


/* Hide Non-Dual Card Elements */

.rc-wrapper.v2.dual-card .monthly-spend .earn-summary,
.rc-wrapper.v2.dual-card .single-cta,
.rc-wrapper.v2:not(.dual-card) .summary .card-image,
.rc-wrapper.v2:not(.dual-card) .card-info .card-name,
.rc-wrapper.v2.dual-card hr.single-only,
.rc-wrapper.v2:not(.dual-card) .summary hr.dual-only {
  display: none;
}

@media (min-width: 768px) and (max-width: 1024px) {
  .rc-wrapper.v2.dual-card .card-image.left {
    text-align: center;
    width: 35%;
  }
  .rc-wrapper.v2.dual-card .card-info {
    width: 63%;
  }
}

@media (max-width: 1024px) {
  .rc-wrapper.v2.dual-card .columns.aside.small.reverse.copy {
    padding: 15px 0 0 0;
  }
  .rc-wrapper.v2.dual-card .summary.columns.two > * {
    padding: 0;
  }
  .rc-wrapper.v2.dual-card .copy.flush.left {
    padding-left: 0;
  }
  .rc-wrapper.v2.dual-card .card-image.copy.flush.top {
    padding-top: 0;
  }
  .rc-wrapper.v2.dual-card .card-name {
    min-height: 155px;
  }
  .rc-wrapper.v2.dual-card .text-end {
    padding-top: 15px;
  }
  .rc-wrapper.v2.dual-card .columns.aside .monthly-spend {
    padding-bottom: 15px;
  }
}

@media (max-width: 767px) {
  .rc-wrapper.v2.dual-card .columns.aside.small.reverse > *:nth-child(3) {
    padding-right: 15px;
  }
  .rc-wrapper.v2.dual-card .columns.aside.small.reverse > *:last-child {
    padding-left: 15px;
  }
  .rc-wrapper.v2.dual-card .monthly-spend .rewards-field > * {
    width: 100% !important;
  }
  .rc-wrapper.v2.dual-card .summary-points {
    font-size: 34px;
  }
  .rc-wrapper.v2.dual-card .rewards-carousel .rewardsTabContent ul li {
    padding: 5px 0;
    width: 110px
  }
  .rc-wrapper.v2.dual-card .rewards-carousel img.rc_icon {
    max-width: 90px !important;
  }
  .rc-wrapper.v2.dual-card .rewards-carousel .control-prev {
    left: -10px;
  }
  .rc-wrapper.v2.dual-card .rewards-carousel .control-next {
    right: -10px;
  }
  .rc-wrapper.v2.dual-card hr {
    margin: 25px 0;
  }
  .rc-wrapper.v2.dual-card .copy.flush.top {
    padding-top: 0;
  }
  .rc-wrapper.v2.dual-card .copy.flush.bottom {
    padding-bottom: 0;
  }
  .rc-wrapper.v2.dual-card .copy.flush.left {
    padding-left: 0;
    padding-right: 0;
  }
  .rc-wrapper.v2.dual-card .card-name {
    min-height: 165px;
  }
  /* Hide Dual Carousel for mobile */
  .rc-wrapper.v2.dual-card .summary > div:last-child {
    display: none;
  }
}