/*******************************************************************************
 * general.layout.scss
 *
 * Styling of the "general" layout demonstrating the Compass grid extension Susy
 * and building mobile first layouts.
 ******************************************************************************/
/**
 * Site-wide colors
 */
/* Scott's Dope Mixins v0.3*/
/* A less configurable but more areodynamic transition mixin */
/* Removes margin and padding and list style from lists */
/* Lightens background color on hover */
/* Darkens background color on hover */
/* A re-useable font mixin for whatever fonts you are using, allows for an optional color argument */
/* Cross browser opacity */
/* REMS with a PX Fallback */
/* REQUIRES COMPASS */
/* Faster gradients, if a stop is not specified a -20 of the start
is assigned for you this may be adjustable in the near future */

.l-first-header:after,
.l-region--navigation:after,
.l-breadcrumb:after,
.l-main:after {
  content: " ";
  display: block;
  clear: both;
}
.months-prefix{
  font-weight: 300;
}

.l-container.general{
  width: 100%;
  margin: 0;
}

.l-main .feedbacklist,
.customer-reviews-wrapper{
  width: 100%;
  margin: 0 auto;
}

.l-main .feedbacklist,
.l-main .feedbacklist,
.l-main .{
  float: none;
}

.customer-reviews-wrapper:after{
  content: "";
  display: block;
  clear: both;
  padding-bottom: 50px;
}

.l-region--sidebar-second {
  margin: 1.5rem 0;
}

.l-content > h1{
  width: 100%;
  margin: 0;
}


.page-search-node .l-content > h1{
  margin-bottom: 0.67em;
  line-height: 1.5em;
}

.search-form.search-form{
  margin-bottom: 1rem;
}

.l-branding {
  width: 49.15254%;
  float: left;
  margin-right: 1.69492%;
}

.l-region--header {
  width: 49.15254%;

  float: right;

  margin-right: 0;

}

.custom-overlay {
  z-index: 100001;
}

.global-header{

  padding-left: 24px;

  padding-right: 0;

}

.credit-cards-wrapper .views-table .cc-row:first-child .cc-col.cc-desc.no-result{
  padding-top: 30px;
}

.credit-cards-wrapper.featured table.views-table {
  margin-top: 0px;
}

.disclaimer-hover-wrapper {
  position: relative;
  width: 197px;
  z-index: 7;
}

.disclaimer-hover {
  width: 197px;
  border-radius: 6px;
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 12px 18px;
  font-weight: 300;
  line-height: 18px;
  position: absolute;
  margin-left: -30px;
}

.disclaimer-hover:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #000;
  position: absolute;
  right: -5px;
  top: 47%;
}

.cc-information {
  position: absolute;
  top: 1px;
  right: 1px;
  text-align: right;
  z-index: 100;
  width: 83px;
  height: 20px;
  line-height: 18px;
  padding-right: 5px;
  background: #ffd47e;
  line-height: 18px;
}

.cc-information {
  color: #606060;
  font-weight: 500;
}

.feature-info-text {
  color: #606060;
}

.feature-info-text + i {
  top: 0px;
  margin-left: 4px;
  position: relative;
}

.feature-info-text {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -1px;
}

.icon-info-solid-circular-button:before {
  font-size: 10px;
  position: relative;
  top: 0.5px;
}

.credit-cards-wrapper.featured {
  position: relative;
  margin-top: 0;
}

.cc-information .disclaimer-hover-wrapper {
  text-align: left;
}

.offer-ends {
  font-size: 12px;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
  margin-top: 5px;
  font-weight: 300;
}

.credit-cards-bottom-content:nth-child(even) {
  background: #fff;
}

.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col {
  text-align: left;
  padding-left: 26%;
}

.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-featured-image {
  display: block;
  position: absolute;
  width: 25%;
  margin-top: 0;
  margin-left: 3px;
  padding-left: 0;
  top: 25px;
}

.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer,
.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate,
.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
  padding-left: 0;
  width: 33.3333%;
  padding-top: 10px;
}

.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer .cc-meta-header,
.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate .cc-meta-header,
.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee .cc-meta-header {
  text-align: center;
}

.cc-meta-header {
  font-size: 14px;
  font-weight: 300;
  color: #555;
  line-height: 16px;
  margin-bottom: 10px;
}

.rewards-card-wrapper .cc-meta-header {
  line-height: 16px;
}

.rewards-card-wrapper .balance-transfer  .cc-meta-header {
  margin-bottom: 10px;
}

.cc-meta-text,
.cc-meta,
.cc-meta p {
  color: #555;
  font-size: 14px;
  line-height: 16px;
}

.rewards-card-wrapper .cc-meta-text,
.rewards-card-wrapper .cc-meta,
.rewards-card-wrapper .cc-meta p {
  line-height: 16px;
}

.cc-meta-wrapper .months-num {
  font-size: 22px;
  font-weight: 500;
  color: #1c1c1c;
}

.featured .cc-body-description .credit-card-body {
  margin-top: 5px;
}

.cc-meta-wrapper {
  font-weight: 300;
}

.toggle-description {
  cursor: pointer;
  font-size: 13px;
  color: #ee245f;
}

.toggle-description:hover {
  color: #d50743;
  text-decoration: none;
}

.toggle-card-description {
  display: inline-block;
  width: 100%;
  text-align: left;
  margin-top: 0;
  margin-bottom: 15px;
}

.credit-cards-wrapper.featured .toggle-card-description {
  margin-bottom: 0;
  position: absolute;
  top: 130px;
}

.cc-filter-nav li.dropdown .dropdown-menu > li {
  font-size: 14px;
  color: #1c1c1c;
  font-weight: 400;
}
.cc-body-description {
  margin: 0;
}

.cc-filter-nav li a {
  text-decoration: none;
  color: #1c1c1c;
  font-weight: 400;
}

.cc-filter-nav li a.close-cc-nav {
  color: #fff;
}

.menu-action-wrapper {
  padding: 20px 10px;
  text-align: center;
}

.cc-filter-nav li a.cc-view-results {
  padding: 8px 17px;
  color: #fff;
  background: #ee245f;
  border: 0;
  border-radius: 3px;
}

.cc-body-description .credit-card-body {
  clear: both;
  margin-top: -3px;
  margin-bottom: 20px;
  font-size: 15px;
  font-weight: 300;
  line-height: 18px;
}

.featured .cc-body-description .credit-card-body {
  margin-top: 5px;
  margin-bottom: 25px;
  line-height: 16px;
}

.cc-body-description .credit-card-body {
  margin-bottom: 20px;
}

.cc-body-description .credit-card-body,
.cc-body-description .credit-card-body p {
  line-height: 16px;
  font-size: 14px;
  margin-top: 0;
  margin-bottom: 10px;
}

.cc-body-description .credit-card-body p:last-child {
  margin-bottom: 0px;
}

.featured .cc-list .cc-lines:last-child .cc-body-description .credit-card-body p:last-child {
  margin-bottom: 0;
}

.card-row {
  padding-bottom: 20px;
}

.card-row .image {
  width: 100%;
  margin-top: 15px;
  min-height: 95px;
}

.card-row .cc-image {
  min-height: 75px;
}

.featured .card-row .cc-image {
  margin-bottom: 0px;
}

.card-row .purchase-rate,
.card-row .balance-transfer {
  width: 50%;
  padding-bottom: 15px;
  text-align: center;
}

.toggle-card-description .cc-svg-icon {
  display: inline;

}

.toggle-card-description .cc-svg-icon svg {
  width: 12px;
  height: 14px;
  margin-left: 0px;
  position: relative;
  top: 10px;
}

.toggle-card-description .cc-svg-icon svg,
.toggle-card-description .cc-svg-icon svg path {
  fill: #ee245f;
}

.hidden-md {
  display: block;
}

.no-paddings {
  padding: 0;
}

.cc-list {
  margin-top: 25px;
  border-top: 1px solid #ddd;
}


.featured .cc-list {
  margin-top: 20px;
}

.cc-list ul {
  padding: 0;
}

.cc-list li {
  list-style-type: none;
}


.cc-list .credit-card-body li {
  padding-left: 18px;
  text-indent: -17px;
}

.cc-list .credit-card-body li:before {
  content: " ";
  display: inline-block;
  background: url('images/check-mark.svg') no-repeat scroll left center transparent;
  width: 10px;
  height: 10px;
  margin-right: 7px;
}

.cc-list > li {
  position: relative;
}

.card-row:after, 
.cc-list > li:after {
  display: block;
  content: "";
  clear: both;
}

.card-row li {
  float: left;
  position: relative;
}

.cc-apply-now i {
  position: absolute;
  top: 31px;
  right: 5px;
}

.card-row li.apply-now {
  position: absolute;
  right: 0;
  top: 0px;
}

.cc-title {
  margin-bottom: 7px;
}

.cc-title a {
  color: #1c1c1c;
  text-decoration: none;
  font-size: 17px;
}

.cc-title a:hover {
  color: #ee245f;
  text-decoration: none;
}

.cc-title,
.cc-title p {
  font-size: 18px;
  font-weight: 500;
}

.card-row {
  width: 100%;
}

.cc-list > li {
  border-bottom: 1px solid #ddd;
}

.cc-list > li:last-child {
  border-bottom: 0;
}

.credit-cards-wrapper .cc-list > li:last-child .toggle-card-description.mobile.more-info {
  margin-bottom: 0;
}

.af-ifd-mobile-wrapper {
  margin: 0 0 15px;
}

.af-ifd-mobile-wrapper .card-column {
  text-align: center;
  width: 50%;
}

.cc-months .months-num + .cc-meta-text {
  margin-left: 5px;
}

.single-cc .bottom-action .cc-apply-now i {
  display: none;
}

.cc-filter-nav li {
  list-style-type: none;
}

.cc-filter-nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10;
  margin: 0;
  padding: 0;
  list-style-type: none;
  z-index: 10002;
  overflow-y: scroll !important;
  opacity: 1;
  transition: all 0.5s;
}

.cc-filter-nav.ng-hide {
  top: -999px;
  opacity: 0;
}

.menu-list-header {
  background: #000;
  color: #fff;
  line-height: 52px;
  padding: 0 24px;
}

.cc-filter-nav .dropdown {
  padding: 0;
  text-indent: 24px;
  background: #f4f3f3;
}

.link-button {
  cursor: pointer;
}

.cc-filter-nav li .dropdown-toggle,
.link-button {
  text-decoration: none;
}

.cc-filter-nav li .dropdown-toggle {
  background: #f4f3f3;
}

.cc-filter-nav li.dropdown .dropdown-menu,
.cc-filter-nav .dropdown-menu {
  padding-left: 24px;
  background: #fff;
  padding-bottom: 10px;
}

.cc-filter-nav .menu-list-header {
  position: relative;
  width: 100%;
  height: 50px;
  left: 0;
  z-index: 3;
}

a.close-cc-nav {
  color: #fff;
  position: absolute;
  right: 24px;
  top: 0;
  text-decoration: none;
  cursor: pointer;
}

.no-scrolling-pls {
  overflow: hidden;
}


.savvy-checkbox-wrapper {
  position: relative;
  line-height: 40px;
  display: inline-block;
  width: 100%;
  padding-left: 20px;
  cursor: pointer;
  padding-right: 10px;
}

.l-container.general.blackbg {
  z-index: 20;
}

.l-container.general.blackbg:hover {
  z-index: 22;
}

.view-credit-cards.view-id-credit_cards {
  position: relative;
  z-index: 21;
}

.savvy-checkbox-wrapper:hover{
  background: #fff;
}

.savvy-checkbox {
  opacity: 0;
  width: 0px;
  height: 0;
  border: none;
}

.savvy-checkbox + .savvy-checkbox-box{
  top: 5px;
  content: "";
  display: inline-block;
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 3px;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  background-color: #fff;
  -webkit-transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
  -o-transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
  transition: border 0.15s ease-in-out,color 0.15s ease-in-out;
  overflow: hidden;
}

.savvy-checkbox:checked + .savvy-checkbox-box {
  border-color: #ee245f;
}

.savvy-checkbox:checked + .savvy-checkbox-box:after {

  font-family: "FontAwesome";
  content: "\f00c";
  position: absolute;
  left: -25px;
  top: -12px;
  background: #ee245f;
  color: #fff;
  width: 47px;
  text-align: center;
  height: 40px;
  border-radius: 3px;
}

.popup-bg {
  background: #000;
  opacity: 0.8;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 10001;
}

.filter-header {
  padding-top: 24px;
  position: relative;
  z-index: 3;
}

.cc-filter-nav li.dropdown .dropdown-menu {
  z-index: 22;
}

.mobile-cc-filter {
  margin: 16px 0;
}

.link-button{
  text-decoration: none;
  padding: 16px 27px 14px 17px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #fff;
  position: relative;
}

.link-button.mobile-filter {
  background: #f4f3f3;
  font-size: 14px;
}

.hidden-sm .inline-label {
  display :none;
}

.credit-cards-wrapper .filter-header .form-select{
  padding: 10px 15px 10px 15px;
  border: 1px solid #ddd;
  border-radius: 5px;
  height: 52px;
}

.credit-cards-wrapper .filter-header .form-select {
  appearance: none;
  -webkit-appearance: none;
  outline: none;
}

.credit-cards-wrapper .filter-header .form-select + span.dropdown-arrow {
  content: ' ';
  display: block;
  position: absolute;
  top: 24px;
  right: 30px;
  margin-top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.credit-cards-wrapper .filter-header .form-select:focus {
  outline: none;
}

.credit-cards-wrapper .filter-header .form-select:focus + span.dropdown-arrow {
  margin-top: 0;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}

.credit-cards-wrapper .filter-header .form-select::-ms-expand {
  display: none;
}

.sm-pull-right,
.sm-pull-left {
  clear: both;
}

.credit-cards-wrapper.featured .cc-list {
  border-top: 0;
}

.credit-cards-wrapper.featured .cc-desc {
  display: block;
  margin-top: 0;
}

a.cc-apply-now {
  font-weight: 300;
}

.featured a.cc-apply-now i {
  display: block;
}

.featured a.cc-apply-now .cc-link-text {
  display: none;
}

.inside-label {
  margin-right: 10px;
  display: none;
}

.cc-filter-nav.credit-card-type-sort li .dropdown-toggle.sort-by {
  width: 245px;
  display: inline-block;
  padding: 14px 45px 14px 20px;
}

.cc-filter-nav li .dropdown-toggle {
  font-size: 14px;
  color: #1c1c1c;
}

.empty-cc-column {
  font-weight: 900;
  font-size: 15px;
}

.filter-wrapper {
  position: relative;
  z-index: 2;
}

#filter-loading {
  position: relative;
  width: 100%;
  height: 250px;
  z-index: 20;
  background: url(/sites/all/themes/savvy/images/icons/282-1.gif) no-repeat scroll center 120px #fff;
  margin-top: 10px;
}

.cc-filter-nav-sort {
  padding-left: 0;
  margin: 3px 0 0;
  background: #f4f3f3;
}

.cc-filter-nav-sort,
.cc-filter-nav-sort li {
  list-style-type: none;
  position: relative;
}

.cc-filter-nav-sort a,
.cc-filter-nav-sort a: hover {
  text-decoration: none;
}

.cc-filter-nav-sort .dropdown-toggle {
  padding: 16px 35px 16px 20px;
  border: 1px solid #ddd;
  border-radius: 5px;
  position: relative;
  display: inline-block;
  text-decoration: none;
  width: 258px;
  height: 50px;
}


.mobile-filter:after,
.cc-filter-nav-sort li .dropdown-toggle:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 23px;
  right: 10px;
  margin-top: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}

.cc-filter-nav-sort li .dropdown-toggle.active:after {
  margin-top: 0;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}


.cc-filter-nav-sort .dropdown-menu{
  padding-left: 0px;
  position: absolute;
  background: #f4f3f3;
  border: 1px solid #ddd;
  border-radius: 5px;
  top: 52px;
  width: 100%;
  display: table;
  z-index: 22;
  padding-top: 0;
  padding-bottom: 9px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
  box-shadow: 0 6px 12px rgba(0,0,0,.175);
  -webkit-background-clip: padding-box;
}

.cc-filter-nav-sort .dropdown-menu .savvy-checkbox-wrapper {
  width: 100%;
}

.cc-filter-nav-sort .dropdown-menu .savvy-checkbox-wrapper:hover {
  background: #fff;
}

.cc-filter-nav-sort .dropdown-menu a {
  width: 100%;
  text-decoration: none;
  line-height: 40px;
}

.cc-filter-nav-sort .dropdown-toggle,
.cc-filter-nav-sort .dropdown-toggle a {
  font-size: 11px;
}

.cc-filter-nav-sort .dropdown-toggle {
  width: 160px;
  padding: 5px 5px 5px 15px;
  height: auto;
  text-align: left;
  font-size: 13px;
}

.cc-filter-nav-sort {
  text-align: right;
  background: #fff;
}

.cc-filter-nav-sort .dropdown-toggle {
  background: #f4f3f3;
}

.cc-filter-nav-sort .dropdown-menu {
  font-size: 13px;
  text-align: left;
  top: 38px;
}

.mobile-filter:after, 
.cc-filter-nav-sort li .dropdown-toggle:after {
  top: 14px;
}

.toggle-card-description.mobile {
  width: 100%;
  text-align: center;
}

.featured .card-row li,
.card-row li{
  min-height: 70px;
}

.featured .card-row li.empty-bt,
.caard-row li.empty-bt {
  min-height: 63px;
}

.card-row li {
  padding-bottom: 10px;
}


.featured .card-row li.annual-fee.empty-bt, 
.featured .card-row li.interest-free-days.empty-bt {
  margin-top: -5px;
}

.toggle-card-description.mobile.hide-description.empty-bt:before {
  content: "";
  display: block;
  clear: both;
}

#block-md-megamenu-1,
#darkness,
#mobile-menu-inner {
  z-index: 100010;
}

/** BOF Single credit card **/
.single-cc .l-main,
.single-cc article .node__content {
  width: 100%;
}

.single-cc .view-credit-cards.view-id-credit_cards {
  z-index: 0;
}

.single-cc .l-main > .l-content > .view {
  padding-top: 0;
  padding-bottom: 0;
}

.single-cc .cc-row-wrapper {
  padding-top: 50px;
  padding-bottom: 50px;
  width: 100%;
}

.single-cc .cc-row-wrapper.cc-content-table {
  padding-top: 3rem;
}

.single-cc .cc-row-wrapper.cc-content-table .cc-list {
  margin-top: 0;
  margin-bottom: 0;
}

.single-cc .cc-row-wrapper.cc-content-table .card-row .purchase-rate, 
.single-cc .cc-row-wrapper.cc-content-table .card-row .balance-transfer {
  padding-bottom: 0;
}

.single-cc .cc-description-content .justified_center{
  text-align: justify;
}

.single-cc .cc-description-content h2 {
  text-align: center;
}

.single-cc .inner-title h1,
.single-cc .inner-title h2,
.single-cc .inner-title h3,
.single-cc .inner-title h4,
.single-cc .inner-title h5,
.single-cc .inner-title h6 {
  margin-top: 0;
}

.single-cc .cc-row-wrapper ul {
  margin-left: 17px;
}

.single-cc .title-wrapper h2 {
  margin-top: 0;
  margin-bottom: 0;
}

.single-cc .bottom-action a.cc-apply-now {
  position: relative;
  float: none;
  margin: 0 auto;
  width: auto;
  padding-right: 45px;
  padding-left: 25px;
  display: inline-block;
  top: 0;
  right: auto;
  height: 50px;
}

.single-cc .cc-row-wrapper .credit-cards-wrapper ul {
  margin-left: 0;
}

.single-cc .cc-row-wrapper:nth-child(odd) {
  background: #f4f2f3;
}

.single-cc .cc-main .cc-row-wrapper .l-main {
  width: 1024px;
  margin: 0 auto;
}

.single-cc .l-region--table-of-content {
  border-top: 1px solid #ddd;
  display: none;
}

.single-cc .page-breadcrumb.general.blackbg {
  border-top: 0;
}

.single-cc .l-region.l-region--highlighted .block.banner-header {
  display: none;
}

.single-cc .l-container.general.blackbg {
  min-height: 63px;
  height: 63px;
  margin-bottom: 35px;
}

.single-cc .l-container.general.blackbg,
.single-cc .page-breadcrumb.general.blackbg, 
.single-cc .page-breadcrumb.general.blackbg .easy-breadcrumb-item, 
.single-cc .page-breadcrumb.general.blackbg .easy-breadcrumb-item .easy-breadcrumb_segment-separator, 
.single-cc .page-breadcrumb.general.blackbg .easy-breadcrumb-item span, 
.single-cc .page-breadcrumb.general.blackbg .easy-breadcrumb-item a, 
.single-cc .page-breadcrumb.general.blackbg .easy-breadcrumb-item a span,
.single-cc .page-breadcrumb.general.blackbg {
  background: #fff;
  color: #000;
}

.single-cc .cc-list {
  border-top: 0;
}

.single-cc .pros-cons-item {
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position-x: 0;
  background-position-y: 4px;
  background-color: transparent;
  background-size: 13px;
  font-weight: 300;
  margin-bottom: 15px;
  position: relative;
}

.single-cc .pros-item {
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAAA0klEQVRIx+3VwQ2CMBTG8b/EARgBN3AFz1wk8a4bOIIzuIHcuXruCDoCIziCl0dCCm2hLT31S0haEvpLynst5OSszG6rha/vSwXcZfps664H2G+EHQEFlPLqDBwAigQYQDUMigQYQB8dtGA/oIlaNA7s1NbddwJKVd1k+hqqKiamb6kCHvJ8ZKGomA5Wo3EJKBvqg+mgvoVG1BfTwUY+sKIh2KRKXYuN/rUXNtsWDpQQzNiHFpQQzNr4C9DVmPOkCS0Qr/twBvXGFp+lpss0JydJ/mKOdAWzJV4yAAAAAElFTkSuQmCC');*/
}

.single-cc .cons-item {
  /*background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAYAAAByDd+UAAAACXBIWXMAABYlAAAWJQFJUiTwAAABEElEQVRIx+WW0RGCMAyGv3IOAMcCjmBHcAQ3gBGcCDdwBEdgBFmgV0bwhXr1gEJaRe/sa5r/a3JJGvj2Mej8k1qZZzwYtAWsQVuDrhJAlad1N+jDCAhcAfeiHGhioINP42ntgZuzKy90O6NRl7QXIWzqFCVtnwGUtD3Qz1xcFekCrB8YLyk9B/SC0AXYi7YSOo7SK/VREa99CsQ8UEWmqHaplsBmgSuhSGFBYAI02EYqsdzFPave0NCiAZFt/Tn8Vko3LZpN2+KTjb9LHG0haGPQBEfbpsM7Bhbj6wOttxaIy33FB1w8G39YMfKUCTLcqWfMudvgllaM1fvMArSbWjGOQOdSIIVNQF0AHXDib84DQiadXAUkJZEAAAAASUVORK5CYII=');*/
}

.single-cc ul li {
  font-weight: 300;
}

.single-cc .similar-cc-label {
  width: 214px;
  float: left;
  min-height: 50px;
}

.single-cc .similar-cc {

}

.single-cc .similar-slide-wrapper {

}

.similiar-cc-wrapper {
  padding-top: 50px;
}

.single-cc .similiar-cc-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.single-cc #cc-tabs .resp-tabs-container {
  margin-top: 30px;
  background: transparent;
}

.single-cc #cc-tabs .resp-tabs-container .row {
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  margin-right: 0;
  margin-left: 0;
}

.single-cc #cc-tabs .resp-tabs-container .row:first-child {
  padding-top: 0;
}

.single-cc #cc-tabs .resp-tabs-container > div .row:last-child {
  border-bottom: 0;
}

.single-cc .resp-tabs-container p {
  margin-top: 0;
}

.single-cc .resp-tabs-container .row:last-child p {
  margin-bottom: 0;
}

.single-cc .similar-cc .resp-tabs-list li {
  font-weight: 300;
  font-size: 15px;
}

.single-cc .similar-cc > div {
  text-align: center;
}

.single-cc .similar-cc > div a {
  text-decoration: none;
}

.single-cc .similar-cc > div a.title-link {
  font-size: 1rem;
  font-weight: 500;
}

.single-cc .similar-cc .cc-meta-wrapper,
.single-cc .similar-cc .apply-wrapper,
.single-cc .similar-cc .title-wrapper {
  margin-top: 10px;
  min-height: auto;
}

.single-cc .title-wrapper {
  text-align: center;
}

.cc-reviews .title-wrapper {
  margin-bottom: 50px;
}

.cc-row-wrapper .content-wrapper {
  padding-top: 50px;
}

.cc-reviews .title-wrapper + p {
  margin-top: 0;
}

.single-cc .similar-slide-wrapper .similar-cc .title-wrapper {
  margin-bottom: 15px;
  height: 44px;
  overflow: hidden;
}

.pod-content-title h2 {
  overflow: hidden;
}

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

.single-cc .similar-cc .cc-meta-wrapper {
  margin-top: 50px;
}

.single-cc .similar-slide-wrapper .similar-cc .cc-meta-wrapper {
  margin-top: 0;
  font-size: 14px;
}

.single-cc .similar-slide-wrapper .similar-cc .cc-meta-wrapper .cc-meta,
.single-cc .similar-slide-wrapper .similar-cc .cc-meta-wrapper .cc-meta p,
.single-cc .similar-slide-wrapper .similar-cc .cc-meta-wrapper .cc-meta-text {
  font-size: 14px;
}

.single-cc .similar-slide-wrapper .similar-cc .cc-meta-wrapper .months-num {
  font-size: 14px;
  font-weight: 300;
  color: #555;
}
.single-cc .similar-slide-wrapper .similar-cc .owl-stage .owl-item {
  padding: 30px 15px;
}

.single-cc .similar-slide-wrapper .similar-cc .owl-stage .owl-item:nth-child(even) {
  background: #fff;
}

.single-cc .similar-slide-wrapper .similar-cc .owl-stage .owl-item:nth-child(odd) {
  background: #f4f2f3;
}

.single-cc .cc-row-wrapper:nth-child(odd) .similar-slide-wrapper .similar-cc .owl-stage .owl-item:nth-child(even) {
  background: #f4f2f3;
}

.single-cc .cc-row-wrapper:nth-child(odd) .similar-slide-wrapper .similar-cc .owl-stage .owl-item:nth-child(odd) {
  background: #fff;
}

.bottom-action {
  margin-top: 30px;
  height: 50px;
}

.similar-cc .image-wrapper {
  text-align: center;
}

.similar-cc .image-wrapper {
  min-height: 86px;
}

.similar-cc .owl-carousel .owl-item img {
  display: inline-block;
  width: auto;
}

.single-cc .similar-cc .cc-meta-wrapper .bt-wrapper,
.single-cc .similar-cc .cc-meta-wrapper .pr-wrapper{
  margin-bottom: 15px;
  min-height: 60px;
}


.single-cc .similar-cc .cc-meta-wrapper .annual-fee-wrapper {
  min-height: 90px;
}

.single-cc .similar-cc.similar-bt-cards .cc-meta-wrapper .bt-wrapper {
  min-height: 105px;
}

.single-cc .similar-cc.similar-bt-cards .cc-meta-wrapper .pr-wrapper {
  min-height: 65px;
}

.single-cc .similar-cc > div a:hover {
  text-decoration: underline;
}

.single-cc .similar-cc .apply-wrapper a {
  background: #000;
  color: #fff;
  padding: 12px 5px 15px;
  border-radius: 3px;
  display: block;
}

.single-cc .similar-cc .apply-wrapper a:hover {
  text-decoration: none;
  background: #111;
}

.single-cc .similar-cc.owl-carousel .apply-wrapper {
  margin-top: 25px;
}

.single-cc .similar-cc.owl-carousel .apply-wrapper a {
  padding: 0;
  top: 0;
  float: none;
  margin: 0 auto;
}

.single-cc .similar-cc.owl-carousel .apply-wrapper a .cc-link-text {
  left: -10px;
}

.single-cc .similar-cc.owl-carousel.owl-theme .owl-dots {
  margin-top: 20px;
}

.single-cc .similar-cc .apply-wrapper .bank {
  font-weight: 300;
}

.similar-cc-label {
  margin-top: 265px;
}

.cc-slider-label {
  margin-bottom: 80px;
  font-weight: 300;
}

.single-cc .similar-cc .resp-tabs-list {
  margin-left: 0;
}

.single-cc #cc-tabs .resp-tabs-list {
  display: table;
  width: 100%;
  margin-left: 0;
}

.single-cc #cc-tabs .resp-tabs-list:before {
  content: '';
  display: table-row;
}

.single-cc #cc-tabs .resp-tabs-list .resp-tabs-item {
  display: table-cell;
  background: #f4f2f3;
  border-right: 1px solid #ddd;
  margin-right: 0;
  float: none;
  text-align: center;
  font-weight: 400;
  font-size: 15px;
  vertical-align: middle;
}

.single-cc #cc-tabs .resp-tabs-list .resp-tabs-item.active,
.single-cc #cc-tabs .resp-tabs-list .resp-tabs-item:hover {
  color: #fff;
  background: #000;
  transition: .5s all;
  border-right: 1px solid #000;
}

.single-cc .cc-row-wrapper:nth-child(odd) #cc-tabs .resp-tabs-list .resp-tabs-item {
  background: #fff;
}

.single-cc .cc-row-wrapper:nth-child(odd) #cc-tabs .resp-tabs-list .resp-tabs-item.active,
.single-cc .cc-row-wrapper:nth-child(odd) #cc-tabs .resp-tabs-list .resp-tabs-item:hover {
  background: #000;
}

.single-cc .cc-link-text {
  display: inline-block;
  position: relative;
  left: 0px;
  line-height: 50px;
  text-indent: 0;
  width: 100%;
}

.single-cc .card-column.apply-now .cc-link-text {
  left: -9px;
}

.single-cc #cc-tabs .resp-tabs-list .resp-tabs-item:first-child {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.single-cc #cc-tabs .resp-tabs-list .resp-tabs-item:last-child {
  border-right: 0;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.pod-content-image {
  text-align: center;
}

.pod-content-image svg {
  width: 50px;
}

.pod-content-title h2 {
  font-size: 18px;    
  margin-top: 12px;
  font-size: 18px;
  text-align: center;
  font-weight: 500;
  text-align: center;
}

.single-cc .bottom-action a.cc-apply-now {
  border-radius: 3px;
}

.cc-title-info {
  margin-top: 120px;
}

.cc-title-info .l-main .l-content {
  width: 1024px;
  margin: 0 auto;
}

.cc-title-info .cc-title {
  margin-top: 0;
  margin-bottom: 0;
}

.cc-title-info .cc-title h1 {
  font-size: 2rem;
  line-height: 2.2rem;
  text-align: left;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
}

.cc-subtitle h2 {
  text-align: left;
  font-size: 1.1rem;
  line-height: 25px;
  margin-top: 20px;
  font-weight: 300;
  padding-bottom: 0;
  margin-bottom: 0;
}

.single-cc .filter-wrapper {
  padding: 20px 20px 0;
  background: #fffae5;
  border: 1px solid #ffd47e;
  border-radius: 3px;
}

.single-cc .card-row .image {
  margin-left: 0;
}

/** EOF Single credit card **/

.faq-savvy.ui-accordion .ui-accordion-header.ui-state-active{
  padding-left: 0;
}

.faq-savvy.ui-accordion .ui-accordion-header {
  line-height: 1.5rem;
}

@media(max-width: 960px) {

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }

  .featured a.cc-apply-now {
    width: 35px;
    height: 83px;
  }

  .featured a.cc-apply-now i {
    display: block;
    top: 33px;
  }

  .featured .cc-body-description .credit-card-body {
    margin-top: 0;
  }

  .featured .card-row .annual-fee {
    width: 120px;
  }
}

@media(max-width: 800px) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 135px;
  }
}

@media(max-width: 763px) {

  .view-credit-cards.view-id-credit_cards {
    position: relative;
    z-index: 7;
  }

  .filter-header {
    z-index: 10;
  }

  .cc-filter-nav {
    z-index: 100001;
  }
  .cc-body-description .credit-card-body {
    margin-bottom: 8px;
  }

  .savvy-checkbox:checked + .savvy-checkbox-box:after {
    left: -27px;
  }

  .credit-card-body {
    margin-bottom: 5px;
  }

  .cc-filter-nav.credit-card-type-nav .savvy-checkbox-wrapper {
    display: block;
    padding-left: 0;
  }

  .cc-filter-nav li .dropdown-toggle {
    display: block;
    width: 100%;
    padding: 15px 0;
  }

  .cc-filter-nav-sort {
    margin-top: 0;
  }

  .cc-filter-nav-sort .dropdown-menu a,
  .cc-filter-nav-sort .dropdown-toggle, 
  .cc-filter-nav-sort .dropdown-toggle a {
    font-size: 14px;
  }

  .cc-filter-nav-sort .dropdown-menu {
    top: 52px;
  }

  .cc-filter-nav-sort .dropdown-toggle {
    padding: 12px 35px 11px 20px;
    width: 185px;
    margin-top: 1px;
  }

  .mobile-filter:after, 
  .cc-filter-nav-sort li .dropdown-toggle:after {
    top: 23px;
  }

  .sm-pull-right {
    float: right;
  }

  .sm-pull-left {
    float: left;
  }

  .featured .card-row li.purchase-rate:after {
    content: "";
    display: block;
    clear: both;
  }

  .featured .card-row li {
    min-height: 110px;
  }

  .featured .card-row li.annual-fee,
  .featured .card-row li.interest-free-days {
    width: 150px;
    text-align: center;
  }

  .featured .cc-body-description .credit-card-body {
    margin-top: 5px;
  }

  .featured a.cc-apply-now {
    right: -21px;
  }

  .featured a.cc-apply-now .cc-link-text {
    display: none;
  }

  .featured .card-row li.annual-fee {
    margin-left: 180px;
  }
}

@media(max-width: 732px) {
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 175px;
  }

  .featured .card-row li {
    min-height: 126px;
  }

  .featured .card-row li.empty-bt,
  .card-row li.empty-bt {
    min-height: 63px;
  }

  .card-row li.empty-bt.signup-transfer-rate,
  .card-row li.signup-transfer-rate {
    min-height: 100px; 
  }
}

@media(max-width: 640px) {

  .featured.rewards-card-wrapper .card-row li.purchase-rate {
    margin-left: 0;
  }

  .featured .card-row li.empty-bt, .card-row li.empty-bt {
    min-height: 107px;
  }

  .featured .card-row li.purchase-rate:after {
    content: "";
    display: block;
    clear: both;
  }


  .featured .card-row li {
    min-height: 112px;
  }

  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 140px;
    min-height: 80px;
  }
  .featured .card-row li.purchase-rate {
    margin-right: 0;
  }

  .featured .card-row li.annual-fee {
    margin-left: 175px;
  }
}

@media(max-width: 600px) {
  .featured .card-row li {
    min-height: 112px;
  }

  .rewards-card-wrapper .card-row li.signup-transfer-rate,
  .rewards-card-wrapper .card-row li.balance-transfer {
    margin-top: 10px;
  }
}

@media screen and (max-device-width: 592px) and ( -webkit-min-device-pixe-ratio: 3.0) {
  .featured .card-row li.purchase-rate {
    margin-right: 70px;
  }
}

@media(max-width: 568px) {

  .featured .card-row li.annual-fee.empty-bt, 
  .featured .card-row li.interest-free-days.empty-bt {
    margin-top: -15px;
  }
}

@media(max-width: 533px) {

  .featured .card-row li.purchase-rate { 
    margin-right: 0;
  }

  .featured .card-row li.image {
    width: 175px;
  }
}

@media(max-width: 480px) {

  .card-column.apply-now .cc-icon.lock {
    display: block;
  }

  .cc-icon.lock svg {
    height: 35px;
    right: 11px;
  }

  .cc-list > li {
    padding-bottom: 55px;
  }

  .featured .card-row li.annual-fee.empty-bt, 
  .featured .card-row li.interest-free-days.empty-bt {
    margin-top: -5px;
  }

  .featured .card-row li.image {
    width: 200px;
    min-height: 95px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }

  .featured .cc-apply-now i {
    top: 40px;
  }

  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 50%;
  }

  .featured a.cc-apply-now {
    height: 83px;
  }

  .featured .card-row li {
    min-height: 95px;
  }

  .card-row li.empty-bt {
    min-height: auto;
    height: auto;
  }

  .featured.rewards-card-wrapper .card-row li {
    min-height: 93px;
  }

  .card-row li.empty-bt.signup-transfer-rate,
  .card-row li.signup-transfer-rate {
    min-height: 100px; 
  }

  .card-row li.empty-bt.signup-transfer-rate {
    min-height: auto;
  }

  .col-sxs-1 {
    width: 8.3333333333333333333333333333333%;
    float: left;
  }

  .col-sxs-2 {
    width: 4.1666666666666666666666666666667%;
    float: left;
  }

  .col-sxs-3 {
    width: 25%;
    float: left;
  }

  .col-sxs-4 {
    width: 33.333333333333333333333333333333%;
    float: left;
  }

  .col-sxs-5 {
    width: 41.666666666666666666666666666667%;
    float: left;
  }

  .col-sxs-6 {
    width: 50%;
  }

  .col-sxs-7 {
    width: 58.333333333333333333333333333333%;
    float: left;
  }

  .col-sxs-8 {
    width: 66.666666666666666666666666666667%;
    float: left;
  }

  .col-sxs-9 {
    width: 75%;
    float: left;
  }

  .col-sxs-10 {
    width: 83.333333333333333333333333333333%;
    float: left;
  }

  .col-sxs-11 {
    width: 91.666666666666666666666666666667%;
    float: left;
  }

  .col-sxs-12 {
    width: 100%;
    float: left;
  }

  .col-sxs-1:after,
  .col-sxs-2:after,
  .col-sxs-3:after,
  .col-sxs-4:after,
  .col-sxs-5:after,
  .col-sxs-6:after,
  .col-sxs-7:after,
  .col-sxs-8:after,
  .col-sxs-9:after,
  .col-sxs-10:after,
  .col-sxs-11:after,
  .col-sxs-12:after {
    content: "";
    display: block;
    clear: both;
  }
}

@media(max-width: 360px) {
}

@media(max-width: 320px) {

  .featured .card-row li {
    min-height: 115px;
  }

  .featured .card-row li:nth-child(4) {
    min-height: 85px;
  }

  .featured .card-row li:nth-child(5) {
    min-height: 85px;
  }

  .cc-filter-nav-sort .dropdown-toggle, .cc-filter-nav-sort .dropdown-toggle a {
    font-size: 13px;
  }

  .cc-filter-nav-sort .dropdown-toggle {
    padding: 5px 5px 5px 10px;
    margin-top: 3px;
  }

  .mobile-filter:after, 
  .cc-filter-nav-sort li .dropdown-toggle:after {
    top: 14px;
  }

  .cc-filter-nav-sort .dropdown-menu {
    padding-bottom: 2px;
  }

  .featured .cc-apply-now i {
    top: 40px;
  }

  .link-button.mobile-filter {
    width: 85px;
    margin: 3px auto 0;
    display: block;
    font-size: 13px;
    padding: 5px;
    text-align: left;
    background: #f4f3f3;
  }

  .credit-cards-wrapper .filter-header .form-select + span.dropdown-arrow {
    right: 65px;
  }

  .xs-center-margin {
    margin: 0 auto;
    text-align: center;
    float: none;
    clear: both;
  }

  .col-mxs-1 {
    width: 8.3333333333333333333333333333333%;
    float: left;
  }

  .col-mxs-2 {
    width: 4.1666666666666666666666666666667%;
    float: left;
  }

  .col-mxs-3 {
    width: 25%;
    float: left;
  }

  .col-mxs-4 {
    width: 33.333333333333333333333333333333%;
    float: left;
  }

  .col-mxs-5 {
    width: 41.666666666666666666666666666667%;
    float: left;
  }

  .col-mxs-6 {
    width: 50%;
  }

  .col-mxs-7 {
    width: 58.333333333333333333333333333333%;
    float: left;
  }

  .col-mxs-8 {
    width: 66.666666666666666666666666666667%;
    float: left;
  }

  .col-mxs-9 {
    width: 75%;
    float: left;
  }

  .col-mxs-10 {
    width: 83.333333333333333333333333333333%;
    float: left;
  }

  .col-mxs-11 {
    width: 91.666666666666666666666666666667%;
    float: left;
  }

  .col-mxs-12 {
    width: 100%;
    float: left;
  }

  .col-mxs-1:after,
  .col-mxs-2:after,
  .col-mxs-3:after,
  .col-mxs-4:after,
  .col-mxs-5:after,
  .col-mxs-6:after,
  .col-mxs-7:after,
  .col-mxs-8:after,
  .col-mxs-9:after,
  .col-mxs-10:after,
  .col-mxs-11:after,
  .col-mxs-12:after {
    content: "";
    display: block;
    clear: both;
  }
}

@media (min-width: 44em) {

  .l-branding {

    width: 32.20339%;

    float: left;

    margin-right: 1.69492%;

  }



  .l-region--header {

    width: 66.10169%;

    float: right;

    margin-right: 0;

  }



  .l-region--navigation {

    clear: both;

  }



  .has-sidebar-first .l-content,

  .has-sidebar-second .l-content,

  .has-two-sidebars .l-content {

    width: 65.21739%;

    float: left;

    margin-right: 4.34783%;

  }

  .has-sidebar-first .l-region--sidebar-first,

  .has-sidebar-first .l-region--sidebar-second,

  .has-sidebar-second .l-region--sidebar-first,

  .has-sidebar-second .l-region--sidebar-second,

  .has-two-sidebars .l-region--sidebar-first,

  .has-two-sidebars .l-region--sidebar-second {

    width: 30.43478%;

    float: right;

    margin-right: 0;

  }

  .has-sidebar-first .l-region--sidebar-second,

  .has-sidebar-second .l-region--sidebar-second,

  .has-two-sidebars .l-region--sidebar-second {

    clear: right;

  }

}

@media (min-width: 70em) {

  .l-branding {

    width: 48.3871%;

    float: left;

    margin-right: 3.22581%;

  }



  .l-region--header {

    width: 48.3871%;

    float: right;

    margin-right: 0;

  }



  .has-sidebar-second .l-content {

    width: 69.86301%;

    float: left;

    margin-right: 0.45662%;

  }

  .has-sidebar-second .l-region--sidebar-second {

    width: 24.65753%;

    float: right;

    margin-right: 0;

    clear: none;

  }

}

.send-us-bankstatement iframe {

  width: 100%;

  height: 30rem;

}



.block--block-17 {

  margin-bottom: 3rem;

}

.block--block-17 .block__content .our-offices:after {

  content: "";

  display: table;

  clear: both;

}

.block--block-17 .block__content .our-offices [class^="office-"] {

  display: inline-block;

  width: 258px;

  font-weight: 300;

}



.block--block-17 .block__content .our-offices .office-phone .number .icon {

  display: inline-block;

  padding-right: 0.5rem;

  width: 28px;

}



.block--block-28 {

  margin-top: 1.5rem;

  background-color: #F4F3F3;

  padding: 1rem;

}

.block--block-28 .block__title {

  font-size: 1.3rem;

  margin-top: 0;

}

.block--block-28 .block__content span.fa {

  float: left;

  display: inline-block;

  width: 40px;

  font-size: 2rem;

}

.block--block-28 .block__content span.content {

  margin-left: 40px;

  display: block;

  font-weight: 700;

}



.block--block-29 {

  margin-top: 1.5rem;

  background-color: #F4F3F3;

  padding: 1rem;

}

.block--block-29 .block__title {

  font-size: 1.3rem;

  margin-top: 0;

}

.block--block-29 .block__content div {

  margin: 0.5rem 0;

}

.block--block-29 .block__content div:after {

  content: "";

  display: table;

  clear: both;

}

.block--block-29 .block__content span.icon {

  float: left;

  display: inline-block;

  width: 40px;

  font-size: 2rem;

}

.block--block-29 .block__content span.content {

  margin-left: 40px;

  display: block;

  font-weight: 700;

}



.block--views-blog-posted-on-block .views-field-created {

  font-size: 0.8rem;

  color: gray;

  margin-top: -1rem;

  margin-bottom: 1rem;

}

.block--views-blog-posted-on-block .views-field-created .icon {

  display: inline-block;

  padding-right: 1rem;

}



article.node--blog--full img {

  width: 100%;

  height: auto;

}

article.node--blog--full .field--name-field-blog-rating {

  margin: 2rem 0;

}

article.node--blog--full .field--name-field-blog-rating .field__label {

  display: inline-block;

  padding-right: 0.5rem;

}

article.node--blog--full .field--name-field-blog-rating .field__items form.fivestar-custom-widget .form-type-select div.fivestar-widget, article.node--blog--full .field--name-field-blog-rating .field__items form.fivestar-custom-widget .form-type-select div.description {

  display: inline-block;

}

article.node--blog--full .field--name-field-blog-rating .field__items form.fivestar-custom-widget .form-type-select div.fivestar-widget {

  padding-right: 0.5rem;

}

article.node--blog--full ul.node__links {

  display: none;

}



.view-display-id-block_blog_tags {

  margin: 1.5rem 0;

}

.view-display-id-block_blog_tags .views-field-field-category,

.view-display-id-block_blog_tags .views-field-field-blog-tags {

  margin: 0.5rem 0;

}

.view-display-id-block_blog_tags .views-field-field-blog-tags .field-content {

  font-size: 0.75em;

}



.block--easy-social-easy-social-block-2 {

  border-top: 1px solid #E0E0E0;

}



.outside-calc {

  width: 100%;

  background-color: #F4F3F3;

  border-right: 1px solid #E0E0E0;

}

.outside-calc:last-child {

  border: none;

}

.outside-calc h2 {

  font-size: 1rem;

}

@media (min-width: 44em) {

  .outside-calc {

    width: 50%;

  }

  .outside-calc:nth-child(2) {

    border: none;

    border-bottom: 1px solid #E0E0E0;

  }

}

@media (min-width: 70em) {

  .outside-calc {

    width: 25%;

  }

}



.aaplybox {

  width: 100%;

  clear: both;

  background-color: none;

  color: #232323;

}

.aaplybox p {

  font-size: 3rem;

  padding: 10px 0;

  font-weight: 700;

}

.aaplybox .calcbtn {

  display: block;

  color: white;

  max-width: 250px;

  text-decoration: none;

  padding: 0.8rem;

  font-size: 18px;

  text-align: center;

  background-color: #EE245F;

  border-radius: 2px;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

  width: 250px;

  border: none;

  font-family: "Roboto", sans-serif !important;

  font-weight: bold !important;

}

.aaplybox .calcbtn .title {

  font-family: "Roboto", sans-serif;

  font-weight: 400;

}

.aaplybox .calcbtn:hover {

  background-color: #232323;

}



.blueselect {

  background: #ddd url(../../../images/icons/down.png) 100% center no-repeat;

  -webkit-appearance: none;

  -moz-appearance: none !important;

}



.careers-in-savvy .main-attractions {

  font-size: 1.2rem;

}

.careers-in-savvy .career-features h3 {

  padding: 1rem 0;

  cursor: pointer;

  margin-bottom: 0;

  outline: none;

  font-weight: 500;

}

.careers-in-savvy .career-features div.ui-accordion-content {

  border: 1px solid #E0E0E0;

  border-top: none;

  padding: 1rem 0;

}

.careers-in-savvy .career-features div.ui-accordion-content ul {

  margin: none;

}

.careers-in-savvy .ui-widget {

  font-family: "Roboto",sans-serif;

  font-size: 1.0rem;

}



.view-faq-page .view-content .views-row h4.views-field-title {

  margin-bottom: 0.5rem;

}

.view-faq-page .view-content .views-row .views-field-body {

  padding: 1px 1rem 0.5rem;

  background-color: #F4F3F3;

}

.view-faq-page .view-content .views-row .views-field-body p {

  margin: 0.5rem 0;

}



.block--views-our-lenders-block .block__content .view-our-lenders:after, .block--views-our-lenders-block-1 .block__content .view-our-lenders:after, .block--views-our-lenders-block-2 .block__content .view-our-lenders:after {

  content: "";

  display: table;

  clear: both;

}

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row {

  border-left: 1px dotted #E0E0E0;

  border-bottom: 1px dotted #E0E0E0;

  border-right: 0;

  padding: 2rem 1.5rem;

  background-color: #fff;

}

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content {

  background-color: white;

  height: 200px;

  white-space: nowrap;

  text-align: center;

}

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content .helper, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content .helper, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content .helper {

  display: inline-block;

  height: 100%;

  vertical-align: middle;

}

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content img, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content img, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row .views-field-field-image .field-content img {

  vertical-align: middle;

  max-width: 100%;

}

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-1, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-1, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-1 {

  border-top: 1px dotted #E0E0E0;

}



.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-2,

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-3,

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-4,

.block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-2,

.block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-3,

.block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-4,

.block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-2,

.block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-3,

.block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-4{

  border-top: 1px dotted #e0e0e0;

}



.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row:nth-child( 4n+4 ),

.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row.views-row-last,

.block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row:nth-child( 4n+4 ),

.block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row.views-row-last,

.block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row:nth-child( 4n+4 ),

.block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row.views-row-last{

  border-right: 1px dotted #e0e0e0;

}



@media (min-width: 44em) {

  /*.block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-odd, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-odd, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-odd {

    width: 50%;

    float: left;

  }

  .block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-even, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-even, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-even {

    width: 50%;

    float: right;

    margin-right: 0;

    border-left: none;

  }

  .block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row-2, .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row-2, .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row-2 {

    border-top: 1px solid #E0E0E0;

  }*/

  .block--views-our-lenders-block .block__content .view-our-lenders .view-content .views-row,

  .block--views-our-lenders-block-1 .block__content .view-our-lenders .view-content .views-row,

  .block--views-our-lenders-block-2 .block__content .view-our-lenders .view-content .views-row{

    width: 25%;

    float: left;

  }



}



.product-page-main-content .view-product-page .view-content .views-row .views-field-field-image img {

  width: 100%;

  height: auto;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content {

  background-color: #000;

  border-radius: 2px;

  padding: 0.8rem 1rem 0.6rem;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content:after {

  content: "";

  display: table;

  clear: both;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content span {

  display: block;

}



.field-content .call-to-action-block{

  float: left;

}



.field-content .call-to-action-block i{

  font-size: 2.5rem;

  margin-right: 6px;

  color: #fff;

  position: relative;

  top: 2px;

}



.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .offer {

  font-size: 1rem;

  line-height: 25px;

  width: 56.19718%;

  float: left;

  margin-right: 1.40845%;

  padding: 14px 0;

  text-align: left;

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a {

  width: 32.39437%;

  float: right;

  margin-right: 1px;

  position: relative;

  top: 1px;

}



.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content:after{

  content:"";

  display: table;

  clear: both;

}



@media (min-width: 44em) {

  .product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a {

    padding: 0.6rem 0;

  }

}

.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a:hover {

  border: 1px solid #bfc4c4;

  background-color: #d9dddd;

  background-image: -webkit-gradient(linear, left top, left bottom, left, right);

  background-image: -webkit-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: -moz-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: -ms-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: -o-linear-gradient(top, #d9dddd, #c6c3c3);

  background-image: linear-gradient(to bottom, #d9dddd, #c6c3c3);

  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d9dddd, endColorstr=#c6c3c3);

}

@media (min-width: 44em) {

  .product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a {

    max-width: 130px;

    border: 1px solid #fff;

    display: block;

    padding: 0.6rem 0;

    color: #000;

    background: #fff;

    border-radius: 2px;

    text-transform: none;

    font-weight: 300;

    font-size: 14px;

    text-align: center;

    text-decoration: none;

  }

}

@media (min-width: 44em) {

  .product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .offer {

    width: 56.19718%;

    float: left;

    margin-right: 1.40845%;

    padding: 14px 0;

    color: #fff;

    text-align: left;

  }

  .product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page {

    width: 32.39437%;

    float: right;

    margin-right: 0;

  }

  .product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a {

    margin-left: auto;

  }

}



.product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .target-page a:hover{

  background: #000;

  color: #fff;

}



@media (min-width: 70em) {

  .product-page-main-content .view-product-page .view-content .views-row .views-field-field-link .field-content .offer {

    font-size: 1rem;

  }

}



.block-views-page-states .view-content:after {

  content: "";

  display: table;

  clear: both;

}

.block-views-page-states div.views-row {

  border-left: 1px solid #E0E0E0;

  border-bottom: 1px solid #E0E0E0;

  border-right: 1px solid #E0E0E0;

  padding: 30px;

  overflow: hidden;

  position: relative;

  border-radius: 2px;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.block-views-page-states div.views-row:first-child {

  border-top: 0;

}



.block-views-page-states div.views-row {

  margin-bottom: 25px;

  background: #fff;

  border: 0;

}



.block-views-page-states div.views-row {

    text-align: center;

}



@media (min-width: 44em) {

  .block-views-page-states div.views-row {

    height: 440px;

  }

}

@media (min-width: 70em) {

  .block-views-page-states div.views-row {

    height: 390px;

  }

}

.block-views-page-states div.views-row:hover {

  /*background-color: #F4F3F3;*/

}

.block-views-page-states div.views-row div.views-field-title h3 {

  margin: 0;

  padding-bottom: 0;

  font-weight: 500;

  font-size: 18px;

  line-height: 1.5em;

  color: #000;

}

.block-views-page-states div.views-row div.views-field-title h3 a {

  text-decoration: none;

  color: #000;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

}

.block-views-page-states div.views-row div.views-field-title h3 a:hover {

  text-decoration: underline;

}

.block-views-page-states div.views-row div.views-field-field-link a {

  text-decoration: none;

  color: white;

  text-align: center;

  display: block;

  width: 160px;

  padding: 7px 0;

  border-radius: 2px;

  background-color: #232323;

  -webkit-transition: all 0.2s ease-out;

  -moz-transition: all 0.2s ease-out;

  -ms-transition: all 0.2s ease-out;

  -o-transition: all 0.2s ease-out;

  transition: all 0.2s ease-out;

  margin: 0 auto;

}



.block-views-page-states div.views-row div.views-field-field-link a i{

  font-size: 10px;

  margin-left: 5px;

}

.block-views-page-states div.views-row div.views-field-field-link a:hover {

  background-color: #1c1c1c;

}

@media (min-width: 44em) {

  .block-views-page-states div.views-row-1, .block-views-page-states div.views-row-3, .block-views-page-states div.views-row-5 {

    width: 50%;

    float: left;

  }

  .block-views-page-states div.views-row-2, .block-views-page-states div.views-row-4, .block-views-page-states div.views-row-6 {

    width: 50%;

    float: right;

    margin-right: 0;

    border-left: none;

  }

  .block-views-page-states div.views-row-2 {

    border-top: 0;

  }

  .block-views-page-states div.views-field-field-link {

    position: absolute;

    bottom: 30px;

    width: 100%;

    display: block;

    left: 0;

  }

}

@media (min-width: 70em) {

  .block-views-page-states div.views-row-1, .block-views-page-states div.views-row-4 {

    width: 31.33333%;

    float: left;

    border-left: 0;

    margin-right: 25px;

  }

  .block-views-page-states div.views-row-2, .block-views-page-states div.views-row-5 {

    width: 32.33333%;

    float: left;

    border-left: none;

    margin-right: 25px;

  }

  .block-views-page-states div.views-row-3, .block-views-page-states div.views-row-6 {

    width: 31.33333%;

    float: right;

    margin-right: 0;

    border-left: none;

    border-right: 0;

  }

  .block-views-page-states div.views-row-3 {

    border-top: 0;

  }

}



.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-image a {

  text-decoration: none;

  outline: none;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-image img {

  width: 100%;

  height: auto;

  outline: none;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-created {

  font-size: 0.8rem;

  color: gray;

  margin-top: -1rem;

  margin-bottom: 1rem;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-created .icon {

  display: inline-block;

  padding-right: 1rem;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info {

  margin: 1rem 0;

  padding: 1rem;

  background-color: #F4F3F3;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1 {

  padding-bottom: 0.5rem;

  border-bottom: 2px solid #E0E0E0;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1 .title {

  color: #060;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1 {

  padding-top: 0.5rem;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1 .title {

  color: #F00;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1:after, .block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1:after {

  content: "";

  display: table;

  clear: both;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1 > div, .block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1 > div {

  margin-left: 13rem;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1 > div .title, .block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1 > div .title {

  margin-left: -13rem;

  width: 12rem;

  float: left;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1 > div .title .icon, .block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1 > div .title .icon {

  display: inline-block;

  width: 3rem;

  font-size: 2rem;

}

.block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.name-1 > div .title .value, .block--views-reviews-page-block .view-reviews-page .views-row .views-field-field-info div.info-1 > div .title .value {

  display: inline-block;

  margin: 0.5rem 0;

  vertical-align: top;

}



article.node--reviews .galleryformatter {

  display: none;

}

@media (min-width: 44em) {

  article.node--reviews .galleryformatter {

    display: initial;

  }

}

article.node--reviews .galleryformatter div.gallery-slides {

  width: 100% !important;

  height: auto;

}

article.node--reviews .galleryformatter div.galley-thumbs {

  width: 100% !important;

}



.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-image2 a {

  text-decoration: none;

  outline: none;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-image2 img {

  width: 100%;

  height: auto;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text1, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text2, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text3, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text4, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text5 {

  margin: 1rem 0;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text1 .field-content, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text2 .field-content, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text3 .field-content, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text4 .field-content, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text5 .field-content {

  line-height: 2rem;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text1 .field-content span, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text2 .field-content span, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text3 .field-content span, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text4 .field-content span, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text5 .field-content span {

  vertical-align: top;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text1 span.icon, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text2 span.icon, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text3 span.icon, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text4 span.icon, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-text5 span.icon {

  display: inline-block;

  width: 3rem;

  font-size: 2rem;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-review-rating {

  border-top: 1px solid #E0E0E0;

  margin: 2rem 0;

  padding: 2rem 0;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-review-rating .views-label-field-review-rating {

  padding-right: 0.5rem;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-review-rating .field-content form {

  display: inline-block;

}

.block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-review-rating .field-content form .fivestar-widget, .block--views-reviews-page-block-1 .view-reviews-page .views-row .views-field-field-review-rating .field-content form .description {

  display: inline-block;

  padding-right: 0.5rem;

}



.block--easy-social-easy-social-block-1 {

  border-top: 1px solid #E0E0E0;

}



.view-testimonials-page .view-content .views-row {

  padding-bottom: 1rem;

  border-top: 1px solid #E0E0E0;

}

.view-testimonials-page .view-content .views-row:first-child {

  border: none;

}

.view-testimonials-page .view-content .views-row .views-field-body .field-content {

  background-color: #F4F3F3;

  padding: 1px 1rem 1px 2rem;

}

.view-testimonials-page .view-content .views-row .views-field-body .field-content .wrapper {

  position: relative;

  font-size: 2rem;

  color: #EE245F;

}

.view-testimonials-page .view-content .views-row .views-field-body .field-content .wrapper.left {

  left: -24px;

  top: 24px;

}

.view-testimonials-page .view-content .views-row .views-field-body .field-content .wrapper.right {

  right: -12px;

  bottom: 6px;

  display: block;

  text-align: right;

}

.view-testimonials-page .view-content .views-row .views-field-body .field-content p:first-of-type {

  margin-top: -6px;

}

.view-testimonials-page .view-content .views-row .views-field-body .field-content p:last-of-type {

  margin-bottom: 0rem;

}

.view-testimonials-page .view-content .views-row .views-field-field-human-name-1 {

  margin-top: 1rem;

}

.view-testimonials-page ul.pager {

  display: none;

}



form.webform-client-form-109 fieldset legend {

  margin: 0;

  text-align: center;

}



@-moz-document url-prefix() {

  form.webform-client-form-109 fieldset legend {

    display: block;

    width: 100%;

  }

}



form.webform-client-form-109 fieldset legend:after{

  content: "";

  display: block;

  clear: both;

}



form.webform-client-form-109 fieldset legend span {

  font-size: 20px;

  font-weight: 500;

}

form.webform-client-form-109 fieldset div.fieldset-wrapper {

  padding: 0;

  border: 0;

  margin-top: 1em;

}

form.webform-client-form-109 fieldset div.fieldset-wrapper div.form-item {

  margin: 0;

}

form.webform-client-form-109 fieldset div.fieldset-wrapper div.form-item:after {

  content: "";

  display: table;

  clear: both;

}

@media (min-width: 70em) {

  form.webform-client-form-109 fieldset div.fieldset-wrapper div.form-item {

    margin-left: 15em;

  }

}

form.webform-client-form-109 fieldset div.fieldset-wrapper label {

  width: 14em;

  margin-left: -15em;

  float: left;

  font-weight: normal;

  display: none;

}

@media (min-width: 70em) {

  form.webform-client-form-109 fieldset div.fieldset-wrapper label {

    display: block;

  }



  .has-sidebar-second .l-content {

    width: 66.40625%;

    float: left;

    margin-right: 0.45662%;

    margin-top: -145px;

    background: #fff;

  }



  .inner-pages.has-sidebar-second .l-content{

    margin-top: 50px;

  }



  .has-sidebar-second .l-region--sidebar-second {

    width: 30.6640625%;

    float: right;

    margin-right: 0;

    clear: none;

  }



}

form.webform-client-form-109 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-109 fieldset div.fieldset-wrapper select.form-select {

  padding: 0 16px;

  display: block;

  width: 100%;

  outline: none;

  font-weight: 300;

}



form.webform-client-form-109 fieldset div.fieldset-wrapper select.form-select {

  background: #fff url(../../../images/icons/down.png) 100% center no-repeat;

  -webkit-appearance: none;

  -moz-appearance: none !important;

}

form.webform-client-form-109 .form-actions .form-submit {

  color: white;

  width: 100%;

  padding: 0.8rem;

  height: 50px;

  font-size: 14px;

  text-align: center;

  background-color: #000;

  border: none;

  border-radius: 2px;

  text-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);

  text-shadow: none;

  font-weight: 300;

}

form.webform-client-form-109 .form-actions .form-submit:hover {

  background-color: #232323;

}



form.webform-client-form-86 fieldset, form.webform-client-form-156 fieldset {

  border: none;

  padding: 0;

  margin: 0 0 1rem 0;

}

form.webform-client-form-86 fieldset, form.webform-client-form-156 fieldset{

  margin: 30px 0;

  padding-left: 24px;

  padding-right: 24px;

}

form.webform-client-form-86 fieldset legend span, form.webform-client-form-156 fieldset legend span {

  font-size: 18px;

  font-weight: 500;

}

form.webform-client-form-86 fieldset div.fieldset-wrapper div.form-item:after, form.webform-client-form-156 fieldset div.fieldset-wrapper div.form-item:after {

  content: "";

  display: table;

  clear: both;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper label, form.webform-client-form-156 fieldset div.fieldset-wrapper label {

  float: left;

  font-weight: 300;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-86 fieldset div.fieldset-wrapper select.form-select, form.webform-client-form-156 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-156 fieldset div.fieldset-wrapper select.form-select {

  display: block;

  outline: none;

  height: 50px;

  border: 1px solid #000;

  font-size: 1rem;

  border-radius: 2px;

  color: #000;

  padding: 0px 15px;

  width: 250px;

}



form.webform-client-form-86 fieldset.webform-component--personal-information div.fieldset-wrapper input.form-text, form.webform-client-form-86 fieldset div.fieldset-wrapper select.form-select, form.webform-client-form-156 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-156 fieldset div.fieldset-wrapper select.form-select {

  width: 240px;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper input.form-text::-webkit-input-placeholder {

   color: #000;

   font-weight: 300;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper input.form-text:-moz-placeholder { /* Firefox 18- */

   color: #000;  

   font-weight: 300;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper input.form-text::-moz-placeholder {  /* Firefox 19+ */

   color: #000;  

   font-weight: 300;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper input.form-text:-ms-input-placeholder {  

   color: #000;  

   font-weight: 300;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper select.form-select, 

form.webform-client-form-86 .webform-component--loanTypeSelect .form-select,

form.webform-client-form-156 fieldset div.fieldset-wrapper select.form-select {

  background: #fff url(../../../images/icons/arrow-down.svg) 96% center no-repeat;

  -webkit-appearance: none;

  -moz-appearance: none !important;

  background-size: 1.5em;

  height: 50px;

  border-radius: 2px;

  border: 1px solid #000;

  font-size: 1rem;

  color: #000;

  padding: 0px 15px;

  outline: none;

  width: 250px;

  font-weight: 300;

}

@media (min-width: 70em) {

  form.webform-client-form-86 .form-actions, form.webform-client-form-156 .form-actions {

    clear: both;

  }



  .has-sidebar-second .l-content {

    width: 66.40625%;

    float: left;

    margin-right: 0.45662%;

    margin-top: -145px;

    background: #fff;

  }



  .inner-pages.has-sidebar-second .l-content{

    margin-top: 50px;

  }



  .has-sidebar-second .l-region--sidebar-second {

    width: 30.6640625%;

    float: right;

    margin-right: 0;

    clear: none;

  }



  .inner-pages.has-sidebar-second .l-region--sidebar-second{

    margin-top: 50px;

  }

}



.form-control.sa-error,

.form-select.sa-error,

.form-text.sa-error{

  border: 1px solid red !important;

}



form.webform-client-form-86 .form-actions .form-submit, form.webform-client-form-156 .form-actions .form-submit {

  color: white;

  width: 195px;

  height: 50px;

  padding: 0.15rem;

  font-size: 1rem;

  text-align: center;

  background-color: #000;

  border: none;

  border-radius: 2px;

  font-weight: 400;

}

form.webform-client-form-86 .form-actions .form-submit:hover, form.webform-client-form-156 .form-actions .form-submit:hover {

  background-color: #1c1c1c;

}



.page-node-86, .page-node-156 {

  background-color: #F4F3F3;

}

.page-node-86 header, .page-node-86 .l-footer-copyright, .page-node-156 header, .page-node-156 .l-footer-copyright {

  background-color: white;

}



.page-node-86 .l-footer-copyright{

  background: #000;

}



.page-node-372 .view-product-page .views-field-field-body p:last-child {

  display: none;

}

@media (min-width: 70em) {

  .page-node-372 .view-product-page .views-field-field-body p:last-child {

    display: block;

  }

}

.page-node-372 .webform-client-form-373 input.form-text {

  line-height: 2rem;

  background-color: #EFEFEF;

}

.page-node-372 .webform-client-form-373 input.form-submit {

  background-color: #EE245F;

  padding: 0.5rem 1rem;

  border: none;

}

.page-node-372 .webform-client-form-373 input.form-submit:hover {

  background-color: #232323;

}



.video-container {

  position: relative;

  padding-bottom: 56.25%;

  padding-top: 30px;

  height: 0;

  overflow: hidden;

  border: 1px solid #E0E0E0;

}



.video-container iframe,

.video-container object,

.video-container embed {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

}



a {

  color: #232323;

}



/**

 * New CSS

 */

#webform-client-form-86 .form-actions{

  text-align: center;

}



#custom-submit i{

  font-weight: 300;

  font-size: 10px;

  margin-left: 7px;

}



body.section-our-lenders #block-views-product-page-main-page .field-content p{

  text-align: center;

}



@media ( min-width: 736px ){

  body.section-our-lenders #block-views-product-page-main-page .field-content p{

    margin-bottom: 0;

    padding-bottom: 0;

  }





  .block--block-17 .block__content .our-offices .office-1 {

    width: 33%;

    float: left;

    margin-right: 0;

  }

  .block--block-17 .block__content .our-offices .office-2 {

    width: 33%;

    float: left;

    margin-right: 0;

  }

  .block--block-17 .block__content .our-offices .office-3 {

    width: 33%;

    float: right;

    margin-right: 0;

  }

  

}



.webform-client-form-109 .webform-component textarea{

  border: 1px solid #ddd;

  padding: 16px;

}



.webform-client-form-109 .webform-component--contact-information--phone:before{

  content: "";

  display: block;

  clear: both;

}



form.webform-client-form-109 fieldset div.fieldset-wrapper select.form-select{

  -webkit-appearance: none;

  -moz-appearance: none;

  background: url( "../../../images/icons/arrow-down.svg" ) no-repeat scroll  98.5% 11px #fff;

}



.webform-client-form-109 .form-item.webform-component input,

.webform-client-form-109 .form-item.webform-component select{

  border-top: 0;

}



.ffeedback-item .comment-count{

  width: auto;

  display: inline;

  padding: 2px 10px;

  color: #fff;

  background: #000;

  border-radius: 2px;

  position: relative;

}



.ffeedback-item .comment-count:after{

  display: block;

  position: absolute;

  content: '';

  width: 0;

  height: 0;

  left: 50%;

  margin-left: -4px;

  bottom: -7px;

  border-top: 2px solid transparent;

  border-bottom: 7px solid transparent;

  border-right: 7px solid #000;

}



.ffeedback-item .comment-body{

  margin-top: 20px;

}



.ffeedback-item .comment-body .comment-body{

  margin-top: 10px;

  font-size: 14px;

  font-weight: 300;

}



.ffeedback-item .comment-author .content-icon{

  margin-right: 10px;

}



.ffeedback-item .comment-author .author{

  font-weight: 500;

}



.ffeedback-item .comment-body-wrapper > .comment-body{

  padding: 15px 25px;

  position: relative;

  margin-bottom: 2px;

}



.ffeedback-item .comment-body-wrapper > .comment-body.vendor{

  background: #fff;

  border: 1px solid #989898;

}



.ffeedback-item .comment-body-wrapper > .comment-body.client{

  background: #fff;

  border: 1px solid #989898;

}



.ffeedback-item .comment-header:before{

  content: "";

  top: -20px;

  bottom: auto;

  left: 40px;

  right: auto;

  border-width: 0 20px 20px;

  position: absolute;

  border-style: solid;

  display: block;

  width: 0;

  border-color: #989898 transparent;

}



.ffeedback-item .comment-header:after{

  content: "";

  display: block;

  position: absolute;

  border-style: solid;

  border-color: #fff transparent;

  width: 0;

  top: -19px;

  bottom: auto;

  left: 41px;

  right: auto;

  border-width: 0 19px 19px;

}



.ffeedback-item .comment-body.more-entries{

  margin-top: 5px;

}



.ffeedback-item .comment-body.more-entries .comment-header:before,

.ffeedback-item .comment-body.more-entries .comment-header:after{

  display: none;

}



.ffeedback-item .comment-header .comment-author,

.ffeedback-item .comment-header .comment-date{

  width: 50%;

  float: left;

}



.ffeedback-item .comment-header .comment-date{

  float: right;

  text-align: right;

  font-weight: 300;

  font-size: 14px;

}



.ffeedback-item .comment-header:after{

  content: "";

  display: block;

  clear: both;

}



.inner-pages .l-main .block .view .view-content{

  width: 100%;

  margin: 0;

}



.inner-pages .l-main .view .view-content,

.inner-pages .l-main .block .block__content .view,

.inner-pages .l-main .block .block__content{

  width: 100%;

}



body.section-contact-us .l-content > h1,

.node-type-webform.section-quick-quote .l-content > h1{

  display: none;

}







body.section-contact-us .l-main,

body.node-type-webform.section-quick-quote .l-main,

body.section-customer-reviews .l-main{

  width: 100%;

}



.webform-component-textarea .grippie{

  display: none;

}



.node-type-webform .page-breadcrumb{

  background: #fff;

  color: #000;

  text-align: left;

}

  

form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button.ui-state-hover,

form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button.ui-state-hover .ui-button-text,

form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button.ui-state-hover.ui-state-active,

form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button.ui-state-hover.ui-state-active .ui-button-text{

  border: 0;

  background: #000;

  color: #fff;

}



form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button.ui-state-active,

form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button.ui-state-active .ui-button-text{

  border: 0;

  background: #ee245f;

  color: #fff;

}



.node-type-webform .easy-breadcrumb-list{

  color: #1c1c1c;

}



.node-type-webform.section-contact-us .page-breadcrumb,

body.section-customer-reviews .page-breadcrumb{

  background: #000;

  border-top: 1px solid #1c1c1c;

  color: #fff;

  padding: 20px 0;

  display: none;

}



body.section-customer-reviews .page-breadcrumb{

  padding-left: 15px;

  padding-right: 15px;

}



.node-type-webform.section-contact-us .easy-breadcrumb-list{

  color: #fff;

}



.customer-reviews-wrapper .graphpercentage,

#review-chart{

  min-width: 20px;

}



.graphpercentage .pie-value{



}



.views-field-field-feefo-xml-url{

  padding-left: 15px;

  padding-right: 15px;

}



body.section-customer-reviews .l-content h1{

  padding-left: 15px;

  padding-right: 15px;

}







.l-main .block.title-as-header .block__content > div,

.l-main .block.title-as-header h2.block__title,

.l-main .block.title-as-header > h3.subtitle{

  width: 100%;

  padding-left: 24px;

  padding-right: 24px;

}



.section-contact-us .l-main .block.title-as-header h2.block__title{

  text-align: left;

}



.l-main .block.title-as-header > h3.subtitle{

  margin-bottom: 60px;

}



.l-main .block.title-as-header .block__content .insideblock{

  padding-top: 60px;

}





form.webform-client-form-109 fieldset div.fieldset-wrapper select.form-select{

  background-size: 1.25rem;

}



.node-type-webform.section-quick-quote .node__content{

  background: #fff;

}



#webform-client-form-86 fieldset legend{

  float: left;

}



#webform-client-form-86 fieldset legend:after,

.fieldset-wrapper:before,

#webform-client-form-86 .form-item.webform-component--loanType:before{

  content: "";

  display: block;

  clear: both;

}



#webform-client-form-86 fieldset legend{

  margin-bottom: 1rem;

}



#webform-client-form-86 .form-actions{

  margin-bottom: 0;

}



#webform-client-form-86 .form-item.webform-component--introduction{

  text-align: center;

}



#webform-client-form-86 .form-item.webform-component--loanType label{

  font-weight: 300;

  display: block;

  border-bottom: 0;

}



#edit-submitted-loantype{

  display: block;

}





svg:not(:root){

  margin-bottom: 7px;

}



#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .car-4 svg g path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .bike-icon svg g path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .forklift svg g path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card svg g path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card svg g rect, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card svg g line{

  stroke: #ee245f !important;

}



#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .caravan-2 svg path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .truck-1 svg path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .boat-1 svg path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .jetski svg path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .air svg g path, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card svg path.dollar, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .house-2-1 svg g path{

  fill: #ee245f !important;

}



#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .car-4, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .bike-icon, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .forklift, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card,

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .caravan-2, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .truck-1, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .boat-1, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .jetski, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .air, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .credit-card, 

#webform-client-form-86 .form-item.webform-component--loanType label.option:hover .house-2-1{

  color: #ee245f;

}



#webform-client-form-86 .form-item.webform-component--loanType input[name="submitted[loanType]"]:checked + label::before{

  color: #ee245f;

  background-color: #ee245f;

  border: 5px solid #fff;

  box-shadow: 0 0 0 0.25em #000;

}



input[name="submitted[loanType]"]:checked + label .car-4 svg g path, 

input[name="submitted[loanType]"]:checked + label .bike-icon svg g path, 

input[name="submitted[loanType]"]:checked + label .forklift svg g path, 

input[name="submitted[loanType]"]:checked + label .credit-card svg g path, 

input[name="submitted[loanType]"]:checked + label .credit-card svg g rect, 

input[name="submitted[loanType]"]:checked + label .credit-card svg g line{

  stroke: #ee245f !important;

}



input[name="submitted[loanType]"]:checked + label .caravan-2 svg path, 

input[name="submitted[loanType]"]:checked + label .truck-1 svg path, 

input[name="submitted[loanType]"]:checked + label .boat-1 svg path, 

input[name="submitted[loanType]"]:checked + label .jetski svg path, 

input[name="submitted[loanType]"]:checked + label .air svg g path, 

input[name="submitted[loanType]"]:checked + label .credit-card svg path.dollar, 

input[name="submitted[loanType]"]:checked + label .house-2-1 svg g path{

  fill: #ee245f !important;

}



.l-main .block.title-as-header{

  width: 100%;

  background: #000;

  padding: 0;

  padding-top: 60px;

}



.l-main .block.title-as-header .block__content .insideblock,

.l-main .block.title-as-header .block__content .our-offices{

  background: #fff;

}



.l-main .block.title-as-header .block__content .our-offices{

  text-align: center;

}



.l-main .block.title-as-header h2,

.l-main .block.title-as-header h3{

  color: #fff;

}



.l-main .block.title-as-header .our-offices h3{

  color: #000;

}



.section-contact-us .l-main .block.title-as-header .block__content .insideblock h3.insideblock-subtitle{

  padding-bottom: 50px;

}



.insideblock-subtitle, .block__content h3.insideblock-subtitle{

  margin-bottom: 0;

}





#webform-client-form-86 .form-item.webform-component--introduction h2{

  font-size: 3rem;

  line-height: 3rem;

  width: 1024px;

  margin: 60px auto 1.5rem;

  font-weight: 600;

}



.node-type-webform.section-contact-us .page-breadcrumb, 

body.section-customer-reviews .page-breadcrumb{

  display: none;

}



form.webform-client-form-109 fieldset legend{

  width: 100%;

}



/**

 *  CSS for Angular Pagination

 */

.ng-isolate-scope{

  width: 100%;

}



.pagination.ng-scope{

  padding-left: 0;

  padding-right: 0;

  margin-left: 0;

  margin-right: 0;

  list-style-type: none;

}



.pagination.ng-scope:after{

  content: "";

  display: block;

  clear: both;

}



.pagination.ng-scope li.ng-scope{

  width: auto;

  float: left;

  border: 1px solid #000;

  border-left: 0;

  padding: 5px 0;

}



.pagination.ng-scope li.ng-scope.active a{

  background: #000;

  color: #fff;

}



.pagination.ng-scope li.ng-scope:first-child{

  border-top-left-radius: 2px;

  border-bottom-left-radius: 2px;

  border-left: 1px solid #000;

}



.pagination.ng-scope li.ng-scope:last-child{

  border-top-right-radius: 2px;

  border-bottom-right-radius: 2px;

}



.pagination.ng-scope li.ng-scope a{

  text-decoration: none;

  padding: 7px 20px;

  transition: all 0.2s;

}



.pagination.ng-scope li.ng-scope a:hover{

  background: #000;

  color: #fff;

}



.pagination.ng-scope li.ng-scope.active a:hover{

  background: #1c1c1c;

}


.block.block--block.normal > .block__content > h2,
.savvy-guides-wrapper .savvy-guide-item h3, .l-content .block .views-field .field-content .savvy-guide-item h3 {
  font-size: 18px;
  color: #000;
}

.block.block--block.normal h3.subtitle, 
.block.block--views h3.subtitle {
  padding-bottom: 0;
  line-height: 1.5rem;
}

/**

 * Start Base theme for mobile here

 */



.block.block--block.banner-header > .block__title{

  color: #fff;

  margin-top: 60px;

  font-size: 3rem;

  line-height: 3rem;

}



h2.header-banner-list{

  font-weight: 300;

  font-size: 1.1rem;

  margin-bottom: 60px;

}


.section-credit-cards h2.header-banner-list{
  margin-bottom: 30px;
}


.sort-icon{

  text-decoration: none;

  display: block;

  text-align: center;

  min-height: 150px;

}



.cc-sort-icon{

  font-size: 4rem;

  display: block;

}



.sort-icon .cc-sort-text{

  display: block;

  margin-top: 20px;

}



.cc-meta-text{

  font-weight: 300;

}

.single-cc .credit-cards-info-meta-wrapper.rewards-card .cc-meta-text {
  margin-bottom: 2px;
}

.single-cc .credit-cards-info-meta-wrapper.rewards-card .cc-meta-text.signup-transfer-rate {
  padding-top: 10px;
  margin-top: 10px;
  border-top: 1px dotted #ddd;
}

.credit-cards-wrapper .views-table thead,

.credit-cards-wrapper .views-table tbody,

.credit-cards-wrapper .views-table thead tr td,

.credit-cards-wrapper .views-table thead tr,

.credit-cards-wrapper .views-table .cc-col,

.credit-cards-wrapper .views-table .cc-row,

.credit-cards-wrapper .views-table{

  display: block;

  position: relative;

}



.credit-cards-wrapper .views-table thead th{

  background-color: #f9f9f9;

  padding: 10px;

}



.credit-cards-wrapper .views-table thead th.cc-header.right{

  display: none;

}



.credit-cards-wrapper .views-table thead .cc-header.right{

  display: block;

  width: 100%;

}



.credit-cards-wrapper table thead th a span.icon-arrow-59, .credit-cards-wrapper table thead th a span.icon-arrow-60{

  font-size: 8px;

  color: #444;

  padding-left: 3px;

}



.credit-cards-wrapper .views-table thead th,

.credit-cards-wrapper .views-table thead th a{

  font-weight: 300;

  text-decoration: none;

  position: relative;

}



.credit-cards-wrapper .views-table thead th a .icon{

  position: absolute;

  right: -20px;

  margin-top: 2px;

  z-index: 7;

}



.credit-cards-wrapper .views-table thead th:last-child{

  display: none;

}



.credit-cards-wrapper .views-table thead th:nth-child(2),

.credit-cards-wrapper .views-table thead th:nth-child(3),

.credit-cards-wrapper .views-table thead th:nth-child(4){

  width: 33.333333%;

  display: block;

  float: left;

}



.credit-cards-wrapper .views-table tbody{

  width: 100%;

}



.credit-cards-wrapper .cc-desc{

  display: none;

  position: relative;

}

.credit-cards-wrapper.rewards-card-wrapper .cc-desc{
  position: relative;
  top: -10px;
}



.cc-col .cc-title-wrapper{

  width: 72%;

  float: right;

  font-weight: 500;

  padding-left: 10px;

  margin-right: 3%;

}

.featured .cc-col .cc-title-wrapper {
  width: 100%;
  float: none;
  text-align: left;
}

.cc-col .cc-title-wrapper p{

  font-weight: 500;

}


.cc-featured-image:before,
.cc-featured-image:after {
  content: "";
  display: block;
  clear: both;
}


.cc-col .cc-desc-wrapper{

  width: 25%;

  float: left;

}



.cc-col .cc-desc-wrapper .cc-image{

  margin-top: 1em;

  height: auto;

}



.credit-cards-wrapper .cc-col.cc-apply-now:before,

.credit-cards-wrapper .cc-col.cc-annual-fee:after,

.credit-cards-wrapper .cc-desc:after{

  content: "";

  display: block;

  clear: both;

}



.credit-cards-wrapper .cc-col.cc-balance-transfer,

.credit-cards-wrapper .cc-col.cc-purchase-rate,

.credit-cards-wrapper .cc-col.cc-annual-fee{

  width: 30%;

  float: left;

}



.credit-cards-wrapper .cc-col.cc-balance-transfer{

  width: 34%;

}



a.cc-apply-now{
  display: block;
  margin-top: 20px;
  height: 110px;
  width: 100%;
  color: #fff;
  text-align: center;
  background: #000;
  line-height: 130px;
  margin-bottom: 30px;
  margin-top: 40px;
  position: absolute;
  width: 50px;
  right: -24px;
  top: -125px;
}



.cc-link-text{

  display: none;

}



.cc-icons-filter .form-group{

  margin-bottom: 5px;

}

.cc-interest-free-days .cc-meta-wrapper {
  font-weight: 300;
}



.cc-meta-wrapper p{

  margin-top: 0;

}



.credit-cards-wrapper .views-table .cc-row:last-child a.cc-apply-now{

  margin-bottom: 0;

}



.cc-meta-wrapper{

  text-align: center;

}



.credit-cards-wrapper .views-table thead th:nth-child(2),

.credit-cards-wrapper .views-table thead th:nth-child(3),

.credit-cards-wrapper .views-table thead th:nth-child(4){

  min-height: 70px;

  text-align: center;

}



.sort-icon,

.animate-repeat.ng-move,

.animate-repeat.ng-enter,

.animate-repeat.ng-leave {

  transition:all linear 0.65s;

}



.animate-repeat.ng-leave.ng-leave-active,

.animate-repeat.ng-move,

.animate-repeat.ng-enter {

  opacity:0;

  max-height:0;

}



.animate-repeat.ng-leave,

.animate-repeat.ng-move.ng-move-active,

.animate-repeat.ng-enter.ng-enter-active {

  opacity:1;

  max-height:30px;

}



.load-more-wrapper{

  width: 100%;

  text-align: center;

}



.load-more{

  background: #000;

  color: #fff;

  height: 50px;

  width: 160px;

  border: 0;

  border-radius: 2px;

}



.sort-icon.active .cc-sort-icon,

.sort-icon.active .cc-sort-text{

  color: #ee245f;

}



.credit-cards-wrapper .views-table thead th, 

.credit-cards-wrapper .views-table thead th a{

  font-size: 14px;

}



.credit-cards-wrapper .views-table thead th a .icon{

  font-size: 9px;

  top: 19px;

  right: -15px;

}





.credit-cards-wrapper .views-table .cc-row .cc-col.cc-desc{

  padding-top: 15px;

}



.credit-cards-wrapper .views-table .cc-row .cc-col.cc-apply-now{

  padding-top: 0;

  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;

}

.credit-cards-wrapper .views-table .cc-row:last-child .cc-col.cc-apply-now{
  border-bottom: 0;
}


.credit-cards-wrapper .views-table .cc-row:first-child .cc-col{

  padding-top: 0;

}



.credit-cards-wrapper .views-table .cc-row:first-child .cc-col .cc-desc-wrapper .cc-image,

.credit-cards-wrapper .views-table .cc-row:first-child .cc-col .cc-title-wrapper p {

  margin-top: 30px;

}

.credit-cards-wrapper.featured +.credit-cards-wrapper .views-table .cc-row:first-child .cc-col .cc-title-wrapper p {
  margin-top: 20px;
}



.cc-col .cc-title-wrapper{

  padding-right: 20px; 

}



a.cc-apply-now{

  top: 5px;

  width: 30px;

  height: 80px;

}



.credit-cards-wrapper{

  margin-top: 30px;

}

.credit-cards-wrapper.featured + .credit-cards-wrapper{
  margin-bottom: -31px;
  background: #fffae5;
  border: 1px solid #ffd47e;
  /* margin-top: 40px; */
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 3px;
}

.credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines {
  padding-bottom: 28px;
}

.credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines:last-child {
  padding-bottom: 20px;
}

.credit-cards-wrapper.featured + .credit-cards-wrapper .views-table .cc-row {
  padding: 25px 4px 0;
  border-top: 0;
}

.credit-cards-wrapper + .credit-cards-wrapper .cc-desc {
  width: 100%;
}

.credit-cards-wrapper + .credit-cards-wrapper .cc-desc.featured {
  position: relative;
  top: 15px;
}

.credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines:last-child .cc-desc.featured {
  top: 15px;
}

.view-credit-cards .attachment{
  position: relative;
  z-index: 1;
}

.view-credit-cards .attachment + .view-content {
  position: relative;
  z-index: 0;
}

.credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col .cc-title-wrapper p {
  font-size: 18px;
  margin-bottom: 0;
  line-height: 25px;
  margin-top: 0;
}


.cc-featured-image {
  width: 100%;
  float: left;
  text-align: center;
  padding: 20px 0;
  margin: 20px 0 10px;
}

.credit-cards-wrapper.featured .views-table .cc-row:after {
  content: "";
  display: block;
  clear: both;
}

.credit-cards-wrapper.featured .bank-link {
  width: 100%;
  display: block;
  border-top: 0;
}

.credit-cards-wrapper.featured tbody tr {
  border-top: 0;
}

.credit-cards-wrapper.featured .bank-link td {
  width: 100%;
  display: block;
}



.cc-icon.lock svg {
  display: block;
  position: absolute;
  width: 13px;
  height: 50px;
  fill: #fff;
  right: 19px;
  top: 0;
}

#cc-bg-popup {
  position: fixed;
  z-index: 99998;
  background: #000;
  opacity: 0.8;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cc-reminder-popup {
  position: fixed;
  z-index: 99999;
  width: 96%;
  height: 96%;
  left: 2%;
  margin-left: 0;
  background: #fff;
  top: 2%;
  margin-top: 0;
  overflow-x: scroll;
}

.cc-reminder-wrapper {
  padding: 10px 15px 20px;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem {
  float: left;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image,
.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description {
  width: 100%;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image {
  display: none;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image img {
  max-width: 126px;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper:after {
  content: '';
  display: block;
  clear: both;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
  margin: 5px 0;
  font-size: 1.3rem;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description p {
  margin-top: 0;
  font-size: 14px;
  line-height: 16px;
}

.cc-list .cc-reminder-body-wrapper .cc-body-reminder {
  margin-top: 15px;
}

.cc-reminder-wrapper .cc-disclaimer-reminder {
  color: #999;
  font-size: 12px;
  line-height: 14px;
  text-align: justify;
  margin-top: 15px;
  font-weight: 300;
}

.cc-reminder-wrapper .cc-list .credit-card-body li {
  font-weight: 300;
  font-size: 13px;
  line-height: 18px;
}

.cc-reminder-btn.btn {
  display: inline-block;
  font-weight: 500;
  color: #fff;
  background: #000;
  border-radius: 3px;
  text-align: center;
  padding: 10px 20px;

  margin-right: 10px;
}

.cc-reminder-btn.btn.secondary {
  color: #111;
  background: #fff;
  border: 2px solid #ccc;
}

.cc-reminder-btn.btn:last-child {
  margin-right: 0;
}

.cc-reminder-wrapper .cc-action-reminder {
  margin: 10px 0;
}

.cc-reminder-btn.btn {
  width: 100%;
  margin-bottom: 10px;
}

.cc-reminder-btn.btn:last-child {
  margin-bottom: 0;
}

.cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image {
  display: none;
}

/**

 * Start of media queries here

 */



@media ( min-width: 360px ){

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    padding-top: 30px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    width: 35.33%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    width: 29.33%;
  }

  #cc-reminder-popup {
    height: 475px;
    top: 50%;
    margin-top: -237.5px;
  }

}



@media ( min-width: 375px ){

  a.cc-apply-now{

    top: 0;
    right: 0;

  }

  #cc-reminder-popup {
    height: 480px;
    top: 50%;
    margin-top: -230px;
  }

}





@media ( min-width: 376px ){

  a.cc-apply-now{

    width: 35px;

  }

}



@media ( min-width: 412px ){

  .credit-cards-wrapper .views-table thead th a.cc-sort.annual-fee .icon{

    top: -5px;

  }

  .cc-apply-now i {
    right: 7px;
  }

  #cc-reminder-popup {
    height: 415px;
    top: 50%;
    margin-top: -207.5px;
  }

}



@media ( min-width: 412px ) and ( -webkit-min-device-pixel-ratio: 2.6 ) and ( orientation: landscape ){



  .block--block-17 .block__content .our-offices [class^="office-"]{

    width: 100%;

  }



  .l-main .block.title-as-header .block__content .our-offices{

    display: table-row;

  }



  .block--block-17 .block__content .our-offices .office-1,

  .block--block-17 .block__content .our-offices .office-2,

  .block--block-17 .block__content .our-offices .office-3{

    display: table-cell;

    text-align: center;

    width: 33%;

    padding: 0 10px;

  }



  .block--block-17 .block__content .our-offices .office-1{

    padding-left: 0;

  }

  

  .block--block-17 .block__content .our-offices .office-3{

    padding-right: 0;

  }

  .block--block-17 .block__content .our-offices .office-1 [class^="office-"],

  .block--block-17 .block__content .our-offices .office-2 [class^="office-"],

  .block--block-17 .block__content .our-offices .office-3 [class^="office-"]{

    width: 100%;

  }

}

@media(min-width: 414px) {
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    padding-top: 46px;
  }
}


@media ( min-width: 450px ){



  

}



@media ( min-width: 480px ){


  #cc-reminder-popup {
    height: 96%;
    top: 2%;
    margin-top: 0;
    overflow-y: scroll;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image {
    width: 130px;
    text-align: left;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description {
    width: 100%;
    text-align: left;
    margin-left: 0px;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    margin-bottom: 0;
    font-size: 1.3rem;
    line-height: 1.5rem;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description p {
    font-size: 14px;
    line-height: 18px;
  }

  .cc-reminder-wrapper .cc-list {
    margin-top: 10px;
  }

  .cc-reminder-wrapper .cc-list .credit-card-body li {
    font-size: 14px;
    line-height: 16px;
  }

  .cc-meta-text,
  .cc-meta,
  .cc-meta p {
    font-size: 14px;
    line-height: 16px;
  }

  .cc-body-description .credit-card-body, 
  .cc-body-description .credit-card-body p {
    font-size: 14px;
    line-height: 16px;
  }

  .cc-image img {
    min-height: 73px;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper .cc-image img {
    max-width: max-content;
  }

  .credit-cards-wrapper .views-table thead th:nth-child(2),

  .credit-cards-wrapper .views-table thead th:nth-child(3),

  .credit-cards-wrapper .views-table thead th:nth-child(4){

    min-height: auto;

  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    padding-top: 0px;
    width: 33.33%;
    margin-top: 55px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    margin-left: 0;
  }



  .credit-cards-wrapper .views-table thead th a .icon{

    right: -17px;

    z-index: 7;

    top: -5px;

  }

}

@media ( min-width: 490px ){

  .cc-col .cc-title-wrapper{

    padding-right: 0;

  }



  .credit-cards-wrapper .views-table .cc-row .cc-col.cc-desc{

    position: relative;

    width: 100%;

  }

  .credit-cards-wrapper.featured .views-table .cc-row .cc-col.cc-desc {
    margin-bottom: 10px;
  }



  .credit-cards-wrapper .cc-col.cc-balance-transfer{

    width: 26%;

    margin-left: 105px;

    margin-top: -45px;

  } 



  .credit-cards-wrapper .cc-col.cc-purchase-rate{

    width: 23%;

    margin-top: -45px;

  }



  .credit-cards-wrapper .cc-col.cc-annual-fee{

    width: 20%;

    margin-top: -45px;

  }



  .cc-col .cc-desc-wrapper{

    width: 115px;

  }



  .credit-cards-wrapper.featured .cc-col.cc-balance-transfer {
    margin-top: 85px;
    width: 39%;
  }

  .credit-cards-wrapper.featured .cc-col.cc-purchase-rate {
    margin-top: 85px;
    width: 34%;
  }

  .credit-cards-wrapper.featured .cc-col.cc-annual-fee {
    margin-top: 85px;
  }
}



@media ( min-width: 500px ){

  .credit-cards-wrapper .cc-col.cc-balance-transfer{

    margin-left: 120px;

  }


  .credit-cards-wrapper.featured .cc-col.cc-balance-transfer{
    margin-left: 10px;
  }


  .card-row .image {
    width: 180px;
  }

  .af-ifd-mobile-wrapper .card-column,
  .card-row .purchase-rate, 
  .card-row .balance-transfer {
    width: 125px;
  }

  .card-row .purchase-rate, 
  .card-row .balance-transfer {
    margin-top: 10px;
  }

  .af-ifd-mobile-wrapper .card-row {
    padding-left: 180px;
  }

  .filter-header {
    width: 325px;
    margin: 0 auto;
    padding-left: 20px;
  }

}

@media ( min-width: 568px ){

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description {
    width: 100%;
  }

  .credit-cards-wrapper .cc-desc.empty-bt {
    position: relative;
    width: 100%;
    top: -15px;
  }

  .toggle-card-description.mobile.empty-bt {
    display: inline-block;
  }

  .toggle-card-description.mobile.hide-description.empty-bt {
    display: block;
    margin-top: -20px;
  }

  .toggle-card-description.mobile.hide-description.empty-bt .toggle-description {
    width: 100%;
    display: block;
  }

  .cc-meta-wrapper {
    min-height: 50px;
  }

  .featured .card-row li.empty-bt, .card-row li.empty-bt .cc-meta-wrapper {
    min-height: 35px;
  }

  .credit-cards-wrapper .cc-col.cc-balance-transfer .cc-meta-wrapper:before {
    content: " ";
    display: block;
    width: 100%;
  }

  .cc-col .cc-title-wrapper{

    width: 73%;

  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    margin-left: 145px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    padding-top: 0px;
    width: 23%;
    margin-top: 0;
  }

}


@media(min-width: 598px) {
  .featured .card-row li.annual-fee {
    margin-left: 0;
  }
}

@media ( min-width: 600px ){
  #cc-reminder-popup {
    height: 340px;
    top: 50%;
    margin-top: -170px;
  }

  .cc-col .cc-title-wrapper{

    width: 75%;

  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    margin-left: 160px;
  }

  .af-ifd-mobile-wrapper .card-column,
  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 150px;
    margin-top: 15px;
  }

  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    margin-top: 0;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee {
    margin-top: 15px;
  }

  .af-ifd-mobile-wrapper .card-column {
    margin-top: 0;
  }
  .featured .card-row li.annual-fee{
    margin-left: 180px;
  }

}


@media(min-width: 640px) {

  .featured .card-row li {
    min-height: 100px;
    padding-bottom: 10px;
  }

  .featured .card-row li.empty-bt,
  .card-row li.empty-bt {
    min-height: 63px;
  }

  .featured .card-row li.empty-bt.balance-transfer,
  .featured .card-row li.empty-bt.purchase-rate {
    min-height: 107px;
  }

}

@media ( min-width: 640px ) and ( -webkit-min-device-pixel-ratio: 3.0 ){


  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, .card-row .balance-transfer {
    width: 150px;
  }

  .l-main .block.title-as-header .block__content .our-offices{

    display: table-row;

  }

  .featured .card-row li.purchase-rate {
    margin-right: 0;
  }



  .block--block-17 .block__content .our-offices .office-1,

  .block--block-17 .block__content .our-offices .office-2,

  .block--block-17 .block__content .our-offices .office-3{

    display: table-cell;

    text-align: center;

    width: 33%;

    padding: 0 10px;

  }



  .block--block-17 .block__content .our-offices .office-1{

    padding-left: 0;

  }



  .block--block-17 .block__content .our-offices .office-3{

    padding-right: 0;

  }

  .block--block-17 .block__content .our-offices .office-1 [class^="office-"],

  .block--block-17 .block__content .our-offices .office-2 [class^="office-"],

  .block--block-17 .block__content .our-offices .office-3 [class^="office-"]{

    width: 100%;

  }

}

@media(min-width: 667px) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer {
    width: 175px;
  }

  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 185px;
  }
}

@media(min-width: 732px) {
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    margin-left: 180px;
  }
  .featured .card-row li {
    min-height: 97px;
    padding-bottom: 10px;
    width: 175px;
  }

  .featured .card-row li.signup-transfer-rate {
    min-height: 125px;
  }

  .featured .card-row li.empty-bt,
  .card-row li.empty-bt {
    min-height: 63px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 180px;
  }

  .featured .card-row li.annual-fee.empty-bt {
    margin-left: 0;
  }

  .af-ifd-mobile-wrapper .card-row {
    padding-left: 220px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }
}

@media ( min-width: 736px ){

  .af-ifd-mobile-wrapper .card-row {
    padding-left: 220px;
  }
  .feature-info-text {
    display: inline-block;
    position: relative;
    margin-right: 10px;
  }

  .cc-information {
    padding-right: 9px;
  }

  .feature-info-text + i {
    top: -19px;
    left: 3px;
  }

  .credit-cards-wrapper .cc-col.cc-purchase-rate{

    width: 26%;

  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-featured-image {
    width: 115px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    margin-left: 120px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    width: 25%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col {
    padding-left: 21.25%;
  }


  .cc-col .cc-title-wrapper{

    width: 78%;

  }



  .l-container.general.blackbg{

    min-height: 340px;

    height: 340px;

    background: #000;

  }



  .credit-cards-wrapper .cc-col.cc-balance-transfer{

    margin-left: 105px;

  }



  .l-container.general.blackbg .block__content h2.header-banner-list,

  .l-container.general.blackbg .block.block--block.banner-header > .block__title{

    color: #fff;

  }

  

  .node-type-webform.section-contact-us .page-breadcrumb, body.section-customer-reviews .page-breadcrumb{

    display: block;

  }



  .customer-reviews-wrapper .graphpercentage{

    position: absolute;

    top: -88px;

  }



  .credit-cards-wrapper .cc-col.cc-annual-fee{

    width: 25%;

  }



  .title-as-header h2.block__title,

  .title-as-header .subtitle,

  .l-main .block.title-as-header > h3.subtitle{

    width: 100%;

    color: #fff;

    background: #000;

    text-align: left;

    margin: 0 auto;

    padding-top: 0;



  }



  .l-main .block.title-as-header > h3.subtitle{

    margin-bottom: 60px;

  }



  .l-main .block.title-as-header h2.block__title{

    width: 100%;

    font-size: 2.2rem;

    line-height: 2rem;

    margin: 0px auto 35px;

    padding-top: 0px;

  }



  .webform-client-form-109 .webform-component--contact-information--name,

  .webform-client-form-109 .webform-component--contact-information--last-name{

    width: 50%;

    float: left;

  }



  .webform-client-form-109 .webform-component--contact-information--last-name{

    margin-left: -2px;

  }



  .node-type-webform.section-contact-us .page-breadcrumb,

  body.section-customer-reviews .page-breadcrumb{

    padding: 20px 24px;

    display: none;

  }



  .customer-reviews-wrapper .ntp-right-col{

    width: 15%;

  }



  .l-main .block.block--webform > h2.block__title{

    font-size: 1.5rem;

    margin-bottom: 20px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper label, form.webform-client-form-156 fieldset div.fieldset-wrapper label,

  .webform-component.webform-component-radios.webform-component--loanType > label{

    display: block;

    font-size: 1rem;

    line-height: 50px;

    width: 250px;

  }



  #webform-client-form-86 .form-actions{

    margin-top: 3rem;

  }



  #webform-client-form-86 fieldset{

    padding-top: 3rem;

    border-top: 1px solid #ddd;

    margin-top: 3rem;

  }

}


/**
 * Tablets
 */
@media ( min-width: 768px ){

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description p {
    font-size: 16px;
    line-height: 1.5rem;
  }
  .cc-reminder-wrapper {
    padding: 20px 25px;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    font-size: 1.5em;
    line-height: 1.5rem;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image { 
    display: block;
  }

  #cc-reminder-popup {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    overflow: hidden;
    height: 420px;
    margin-top: -200px;
    top: 50%;
  }

  .cc-reminder-wrapper .cc-action-reminder {
    margin: 20px 0 0;
  }

  .cc-reminder-wrapper .cc-disclaimer-reminder {
    margin-top: 5px;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    margin: -2px 0 5px;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description {
    width: 400px;
    margin-left: 10px;
  }

  .cc-reminder-wrapper .cc-list {
    margin-top: 25px;
  }

  .cc-reminder-wrapper .cc-list .credit-card-body li {
    font-size: 16px;
    line-height: 20px;
  }

  .cc-reminder-btn.btn {
    width: auto;
  }

  .card-row li {
    padding-bottom: 0;
  }

  .toggle-description {
    margin-left: 24px;
  }

  .featured .cc-body-description .credit-card-body {
    margin-bottom: 10px;
  }

  .featured .cc-list li:last-child .cc-body-description .credit-card-body {
    margin-bottom: 0;
  }

  .featured .card-row li.annual-fee.empty-bt, 
  .featured .card-row li.interest-free-days.empty-bt {
    margin-top: 10px;
  }

  .credit-cards-wrapper .cc-desc.empty-bt {
    top: 0;
  }

  .featured .card-row li {
    width: 145px;
  }

  .featured .card-row li.card-column.image {
    width: 135px;
  }

  .filter-header {
    padding-left: 0;
  }

  #credit-card-type-menu {
    width: 185px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }

  .cc-information {
    padding-right: 9px;
  }

  .feature-info-text {
    top: -1px;
  }

  .feature-info-text + i {
    top: -19px;
    left: 3px;
  }

  .inside-label {
    display: inline-block;
  }

  .cc-filter-nav-sort .dropdown-menu {
    font-size: 14px;
    text-align: left;
    top: 58px;
  }

  .featured .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 105px;
    margin-top: 10px;
  }

  .cc-filter-nav-sort {
    text-align: left;
  }

  .mobile-filter:after,
  .cc-filter-nav-sort li .dropdown-toggle:after {
    top: 23px;
  }

  .cc-filter-nav-sort .dropdown-toggle {
    padding: 13px 35px 10px 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    text-decoration: none;
    width: 258px;
  }

  .cc-filter-nav-sort .dropdown-toggle,
  .cc-filter-nav-sort .dropdown-toggle a {
    font-size: 14px;
  }

  section.l-container{

    display: none;

  }

  .cc-filter-nav li.dropdown .dropdown-menu,
  .cc-filter-nav li .dropdown-toggle {
    background: #f4f3f3;
  }

  .filter-header {
    width: 100%;
    padding-top: 0;
  }

  .mobile-cc-filter {
    margin: 0;
  }

  .card-row .image {
    width: 185px;
  }

  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days {
    width: 115px;
    text-align: center;
    margin-top: 10px;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee {
    margin-top: 10px;
  }

  .cc-filter-nav .menu-list-header { 
    position: relative;
  }

  .cc-filter-nav .dropdown-menu {
    padding-bottom: 0;
  }

  .savvy-checkbox:checked + .savvy-checkbox-box:after {
    left: -16px;
  }

  section.l-container.blackbg{

    display: block;

  }

  /**
   * AngularJS cc-nav for tablet landscape to desktop
   */

  .cc-filter-nav > li {
    margin-top: 17px;
  }

  .cc-filter-nav .dropdown {
    background: #fff;
    text-indent: 0;
  }

  .cc-filter-nav .dropdown:last-child {
    margin-right: 0;
  }

  .cc-filter-nav.credit-card-type-sort .dropdown {
    margin-top: 3px;
  }

  .hidden-md {
    display: none;
  }

  .cc-filter-nav {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    position: relative;
    margin-top: 3px;
    margin-bottom: 0;
    z-index: 3;
    overflow-y: unset !important;
  }

  .cc-filter-nav > li {
    float: left;
    margin-right: 8px;
    position: relative;
  }

  .cc-filter-nav > li.menu-list-header {
    width: auto;
    margin-right: 0;
    font-weight: 300;
    padding-left: 0;
    background: #fff;
    color: #000;
    margin-top: 0;
  }

  .menu-list-header {
    display: none;
  }

  .link-button, 
  .cc-filter-nav li .dropdown-toggle {
    text-decoration: none;
    padding: 16px 31px 14px 17px;
    border: 1px solid #ddd;
    border-radius: 5px;
    position: relative;
  }

  .hidden-sm .inline-label {
    display: inline-block;
  }

  .cc-filter-nav li .dropdown-toggle:after {
    content: ' ';
    display: block;
    position: absolute;
    top: 23px;
    right: 10px;
    margin-top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #808080 transparent transparent transparent;
  }

  .cc-filter-nav li.dropdown .dropdown-menu {
    padding-left: 0px;
    position: absolute;
    background: #f4f3f3;
    border: 1px solid #ddd;
    border-radius: 5px;
    top: 38px;
    width: 100%;
    display: table;
    z-index: 22;
    padding-top: 3px;
    padding-bottom: 9px;

    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -webkit-background-clip: padding-box;
  }

  .cc-filter-nav.credit-card-type-sort li.dropdown .dropdown-menu {
    top: 53px;
  }

  .cc-filter-nav li.dropdown #annual-fee-menu.dropdown-menu {
    width: 215px;
  }

  .cc-filter-nav li.dropdown #provider-menu.dropdown-menu {
    width: 220px;
    padding-top: 0;
  }


  .cc-filter-nav li.dropdown .dropdown-menu > li {
    padding: 0;
  }

  .cc-filter-nav li.dropdown .dropdown-menu > li:first-child {
    border-bottom: 1px solid #ddd;
    padding-bottom: 0;
    margin-bottom: 7px;  
    padding-top: 0;
  }

  .cc-filter-nav li .dropdown-toggle.active:after {
    margin-top: 0;
    border-width: 0 5px 5px 5px;
    border-color: transparent transparent #808080 transparent;
  }

  .cc-filter-nav:after {
    display: block;
    clear: both;
  }

  .inline-label.select {
    font-weight: 300;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: 1px solid #ddd;
    border-right: 0;
    background: #fff;
    padding: 16px 11px 16px 12px;
    margin-top: 0;
    margin-bottom: 0;
    margin-right: -9px;
    height: 52px;
  }
  
  .credit-cards-wrapper .filter-header .form-select{
    padding: 16px 15px 10px 0px;
    border-left: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .view-credit-cards .attachment + .view-content{
    margin-top: 3.0rem;
  }
  /**
   * cc-nav for tablet landscape to desktop ends
   */

}



@media ( min-width: 800px ){

  .cc-reminder-wrapper .cc-action-reminder {
    margin: 20px 0 10px;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    margin: 5px 0;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description p {
    font-size: 15px;
    line-height: 25px;
  }

  .cc-reminder-wrapper .cc-disclaimer-reminder {
    margin-top: 15px;
  }

  #cc-reminder-popup {
    height: 415px;
    margin-top: -210px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }

  .cc-col .cc-title-wrapper{

    width: 79%;

  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col {
    padding-left: 18%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer {
    margin-left: 125px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-featured-image {
    width: 115px;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    width: 26%;
  }
}

@media ( min-width: 800px ) and (-webkit-device-pixel-ratio: 3) {
  #cc-reminder-popup {
    height: 360px;
    margin-top: -180px;
  }

  #cc-reminder-popup {
    overflow-y: scroll;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.image {
    display: none;
  }

  .cc-reminder-wrapper .cc-action-reminder {
    margin: 20px 0 10px;
  }
}

@media(min-width: 860px) {
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 135px;
  }

  #cc-reminder-popup {
    overflow: hidden;
  }
}

@media ( min-width: 900px ){

  .cc-col .cc-title-wrapper{

    width: 80%;

  }

  .cc-reminder-wrapper .cc-action-reminder {
    margin: 20px 0 20px;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description h2 {
    margin: 5px 0;
  }

  .cc-reminder-wrapper .cc-reminder-body-wrapper .reminder-elem.description p {
    font-size: 15px;
    line-height: 25px;
  }

  .cc-reminder-wrapper .cc-disclaimer-reminder {
    margin-top: 15px;
  }

  #cc-reminder-popup {
    height: 400px;
    margin-top: -210px;
  }


}

@media(min-width: 960px) {

  .featured .card-row li.annual-fee.empty-bt, 
  .featured .card-row li.interest-free-days.empty-bt {
    margin-top: 0;
  }

  .filter-header {
    padding-left: 0;
  }

  .featured .card-row li {
    width: 158px;
  }

  .featured a.cc-apply-now .cc-link-text,
  .cc-link-text{
    display: block;
    text-indent: -20px;
  }

  .featured a.cc-apply-now i,
  .cc-icon{
    display: none;
  }

  .cc-icons-filter .form-group{
    margin-bottom: 30px;
  }
 
  a.cc-apply-now{
    display: block;
    margin-top: 20px;
    height: 50px;
    width: 135px;
    color: #fff;
    text-align: center;
    background: #000;
    line-height: 50px;
    margin-bottom: 0px;
    margin-top: 0;
    position: relative;
    top: 18px;
    right: auto;
    text-indent: 0;
    border-radius: 3px;
  }

  .cc-apply-now i {
    display: none;
  }

  .card-row li {
    text-align: center;
    width: 145px;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: -7px;
  }

  .cc-title p {
    margin: 10px 0 15px;
  }

  .featured .cc-title .cc-lines:first-child p {
    margin-top: 0;
  }

  .card-row .image {
    text-align: left;
    width: 195px;
    padding-left: 0;
    margin-top: 0;
    margin-left: 20px;
  }

  .featured .card-row .image {
    margin-left: 0;
  }

  .toggle-description {
    margin-left: 24px;
  }

  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 135px;
    margin-top: 0;
  }

  .card-row li.apply-now {
    position: relative;
    width: 150px;
  }

  .featured .card-row li.apply-now {
    width: 135px;
  }

  .single-cc .card-row li.apply-now {
    width: 135px;
  }

  .featured a.cc-apply-now {
    min-width: 130px;
    height: 50px;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee ,
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    margin-top: 0;
  }
  
  .featured .card-row li.annual-fee {
    margin-left: 0;
  }

  .featured .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 126px;
  }
}

@media( min-width: 1007px ){


  /**

   * Start of responsiveness tweaks

   */
  .featured .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 135px;
  }

  .cc-filter-nav-sort .dropdown-toggle {
    padding: 14px 35px 14px 20px;
  }

  .featured .card-row li.apply-now {
    width: 130px;
    margin-left: 20px;
  }

  .featured a.cc-apply-now {
    min-width: 135px;
  }

  .featured .card-row li.apply-now {

  }

  .cc-col {
    padding-bottom: 10px;
  }

  .credit-cards-wrapper .views-table .cc-row .cc-col.cc-desc{

    position: relative;

    width: 15%;
    padding-top: 70px;

  }



  .credit-cards-wrapper{

    margin-top: 0px;

  }



  .credit-cards-wrapper .views-table .cc-row:first-child .cc-col .cc-desc-wrapper .cc-image{

    margin-top: 0;

  }


  .credit-cards-wrapper.featured + .credit-cards-wrapper .views-table .cc-row .cc-col.cc-apply-now,
  .credit-cards-wrapper.featured + .credit-cards-wrapper .views-table .cc-row:first-child .cc-col {
    padding-top: 50px;
    padding-left: 0;
    padding-bottom: 15px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper .views-table .cc-row .cc-col.cc-apply-now {
    border-bottom: 0;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper .cc-desc-wrapper .cc-desc p {
    margin-bottom: 25px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper .cc-col {
    padding-bottom: 0;
  }

  .credit-cards-wrapper .views-table .cc-row:first-child .cc-col{

    padding-top: 80px;

  }

  .credit-cards-wrapper .views-table .cc-row:first-child .cc-col .cc-title-wrapper{
    margin-top: -75px;
  }

  .credit-cards-wrapper .views-table .cc-row:first-child .cc-col.cc-desc.no-result{
    padding-top: 30px;
  }



  .credit-cards-wrapper .views-table .cc-row .cc-col.cc-apply-now{

    padding-top: 75px;

  }


  .credit-cards-wrapper .views-table thead th a .icon{

    right: -18px;

    z-index: 7;

    top: -3px;

  }

  .credit-cards-wrapper .views-table thead th a .icon.interest-free-days{
    right: -44px;
    top: 5px;
  }



  .credit-cards-wrapper .views-table thead th.cc-header.right{

    display: table-cell;

  }



  .credit-cards-wrapper .views-table thead th.cc-header.right{

    display: table-cell;

    width: auto;

  }



  .credit-cards-wrapper .views-table thead th:nth-child(2), 

  .credit-cards-wrapper .views-table thead th:nth-child(3), 

  .credit-cards-wrapper .views-table thead th:nth-child(4),

  .credit-cards-wrapper .views-table thead th:last-child{

    display: table-cell;

    float: none;

    width: 14%;

  }



  .credit-cards-wrapper .views-table thead,

  .credit-cards-wrapper .views-table tbody{

    display: table-row-group;

  }



  .sort-icon{

    text-decoration: none;

    display: block;

    text-align: center;

    min-height: 105px;

  }



  .credit-cards-wrapper .views-table{

    display: table;

  }



  .credit-cards-wrapper .views-table thead tr,

  .credit-cards-wrapper .views-table .cc-row{

    display: table-row;



  }



  .credit-cards-wrapper .views-table thead tr{

    width: 100%;

  }



  .credit-cards-wrapper .views-table thead tr td,

  .credit-cards-wrapper .views-table .cc-col{

    display: table-cell;

  }



  .credit-cards-wrapper .cc-desc{

    display: block;

    width: 100%;

    padding-top: 0px;

    padding-left: 0;

  }



  .cc-col .cc-desc-wrapper,

  .cc-col .cc-title-wrapper{

    width: 100%;

    float: none;

    padding-left: 0;

  }

  .cc-title-wrapper {
    position: absolute;
    width: 500% !important;
    margin-top: -60px;
  }



  .cc-col .cc-desc-wrapper .cc-image{

    margin-top: 0;

    height: auto;

  }

  .credit-cards-wrapper .cc-col {
    padding-top: 70px;
  }


  .credit-cards-wrapper .cc-col.cc-balance-transfer{

    width: 14.5%;

    float: none;

    padding-right: 0;

  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper .cc-col.cc-balance-transfer{
    width: 11.5%;
  }



  .credit-cards-wrapper .cc-col.cc-purchase-rate{

    width: 14.5%;

    float: none;

  }



  .credit-cards-wrapper .cc-col.cc-annual-fee{

    width: 11.3%;

    float: none;

  }

  .credit-cards-wrapper .cc-col.cc-interest-free-days{

    width: 11.3%;

    float: none;

  }

  .credit-cards-wrapper.featured table.views-table {
    width: 100%;
  }

  .featured .cc-col .cc-title-wrapper {
    width: 100%;
    text-align: left;
    padding-left: 20px;
    position: absolute;
  }

  .featured .cc-col .cc-desc-wrapper {
    padding-top: 50px;
    width: 100%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-balance-transfer, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate, 
  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    padding-top: 80px;
    width: 17%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-purchase-rate {
    width: 15%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-annual-fee {
    width: 12%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-featured-image {
    width: 38%;
    padding-top: 60px;
    float: none;
    position: relative;
    display: table-cell;
    text-align: right;
    padding-right: 20px;
  }

  .credit-cards-wrapper.featured tbody tr.bank-link {
    display: table-row;
  }

  .credit-cards-wrapper.featured .bank-link td {
    width: 100%;
    display: table-cell;
  }

  .featured a.cc-apply-now {
    float: none;
  }

  /**

   * EOF of Responsiveness Tweaks

   */



  .page-breadcrumb.general.blackbg,

  .page-breadcrumb.general.blackbg .easy-breadcrumb-item,

  .page-breadcrumb.general.blackbg .easy-breadcrumb-item .easy-breadcrumb_segment-separator,

  .page-breadcrumb.general.blackbg .easy-breadcrumb-item span,

  .page-breadcrumb.general.blackbg .easy-breadcrumb-item a,

  .page-breadcrumb.general.blackbg .easy-breadcrumb-item a span{

    background: #000;

    color: #606060;

  }



  .page-breadcrumb.general.blackbg .easy-breadcrumb-item a,

  .page-breadcrumb.general.blackbg .easy-breadcrumb-item a span{



  }



  .page-breadcrumb.general.blackbg .easy-breadcrumb-item a:hover > span{

    text-decoration: underline;

  }



  .block.black-banner-header.banner-header .banner-wrapper{

    width: 100%;

  }



  .block.black-banner-header.banner-header .banner-wrapper .left-section-banner{

    width: 63.4765625%;

    float: left;

  }



  .block.black-banner-header.banner-header .banner-wrapper .right-section-banner{

    width: 36.5234375%;

    float: left;

    margin-top: -90px;

  }



  .block.black-banner-header.banner-header .banner-wrapper .right-section-banner .cc-bg-image{

    background: url("../../../images/banner/credit-card.svg" ) no-repeat scroll center right transparent;

    width: 260px;

    height: 179px;

    float: right;

    background-size: 220px;

  }



  .block.black-banner-header.banner-header .banner-wrapper:after{

    content: "";

    display: block;

    clear: both;

  }



  .page-breadcrumb.general.blackbg{

    position: absolute;

    width: 100%;

    top: 63px;

    border-top: 1px solid #1c1c1c;

  }



  .global-header{

    padding-right: 24px;

  }



  .block--block-17 .block__content .our-offices [class^="office-"]{

    width: 100%;

  }



  .block--block-17 .block__content .our-offices .office-1 {

    width: 33%;

    float: left;

    margin-right: 0;

  }

  .block--block-17 .block__content .our-offices .office-2 {

    width: 33%;

    float: left;

    margin-right: 0;

  }

  .block--block-17 .block__content .our-offices .office-3 {

    width: 33%;

    float: right;

    margin-right: 0;

  }



  section.l-container,

  .node-type-webform.section-contact-us .page-breadcrumb, 

  body.section-customer-reviews .page-breadcrumb{

    display: block;

  }

  

  form.webform-client-form-109 fieldset div.fieldset-wrapper {

    padding: 1em 2em;

    border: 1px solid #E0E0E0;

  }



  .l-main .block.title-as-header .block__content .our-offices{

    text-align: center;

  }



  .ui-button-text.loan-icon{

    padding-bottom: 10px;

    padding: 0.5em;

  }



  #webform-client-form-86 .form-item.form-type-radio.form-item-submitted-loanType label:before{

    content: "\2022";

    background-color: #fff;

    border: 2px solid #fff;

    color: #fff;

    /* padding: 0.01rem 0.175rem; */

    height: 20px;

    width: 20px;

    border-radius: 50%;

    font-size: 7px;

    font-weight: 200;

    bottom: -20px;

    position: absolute;

    left: 37%;

    transition: 0.5s ease all;

    -webkit-transition: 0.5s ease all;

    box-shadow: 0 0 0 0.25em #000;

    -webkit-box-shadow: 0 0 0 0.25em #000;

    border: 5px solid #fff;

  }



  #webform-client-form-86 .form-item.form-type-radio.form-item-submitted-loanType{

    width: 83px;

    text-align: center;

    padding: 0;

    margin: 0 5px;

    display: inline-block;

  }



  .option-button-wrapper .form-radios.ui-buttonset{

    width: 39%;

    float: left;

  }



  #webform-client-form-86 .option-button-wrapper .form-radios.ui-buttonset .form-item{

    width: 42%;

    float: left;

  }



  #webform-client-form-86 .option-button-wrapper .form-radios.ui-buttonset .form-item:first-child label.option.ui-button{

    border-top-left-radius: 2px; 

    border-bottom-left-radius: 2px;

  }



  #webform-client-form-86 .option-button-wrapper .form-radios.ui-buttonset .form-item:last-child label.option.ui-button{

    border-top-right-radius: 2px;

    border-bottom-right-radius: 2px;

  }



  #webform-client-form-86 > div{

    padding: 0 0 50px;

  }



  #webform-client-form-86 .form-item:not(.webform-component--introduction){

    margin-top: -1px;

  }



  #webform-client-form-86 .form-item.webform-component-radios.webform-component--loanType{

    padding-left: 24px;

    padding-right: 24px;

    margin-left: 0;

    margin-right: 0;

  }



  #webform-client-form-86 .form-item:not(.webform-component--introduction):before{

    content: "";

    display: block;

    clear: both;

  }



  #webform-client-form-86 .form-item.webform-component--finance-details--vehicleMake,

  #webform-client-form-86 .form-item.webform-component--finance-details--employment{

    margin-top: 20px;

  }



  #webform-client-form-86 .form-item.webform-component--finance-details--propertyOwner,

  #webform-client-form-86 .form-item.webform-component--finance-details--financeBefore,

  #webform-client-form-86 .form-item.webform-component--finance-details--creditHistory{

    margin-top: 20px;

  }



  #webform-client-form-86 .form-item.webform-component--personal-information--fName{

    width: 506px;

    float: left;

  }



  #edit-submitted-finance-details-financeamount,

  #edit-submitted-finance-details-vehiclemake,

  #edit-submitted-personal-information-fname{

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

  }



  #edit-submitted-finance-details-loanterm,

  #edit-submitted-finance-details-buildyear,

  #edit-submitted-personal-information-email{

    border-top-left-radius: 0;

    border-top-right-radius: 0;

    border-top: 0;

  }



  #edit-submitted-finance-details-vehiclemodel,

  #edit-submitted-finance-details-vehiclemodel,

  #edit-submitted-personal-information-phone,

  #edit-submitted-personal-information-postalcode,

  #edit-submitted-finance-details-loantype{

    border-radius: 0;

    border-top: 0;

  }



  #edit-submitted-personal-information-fname{

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

  }



  #edit-submitted-personal-information-lname{

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

  }



  #webform-client-form-86 .form-item.webform-component--personal-information--middle-name,

  #webform-client-form-86 .form-item.webform-component--personal-information--lName{

    width: 234px;

    float: left;

    margin-left: -1px;

  }



  #webform-client-form-86 .form-item.webform-component--personal-information--middle-name .form-text,

  #webform-client-form-86 .form-item.webform-component--personal-information--lName .form-text{

    width: 176px;

    border-bottom-right-radius: 0;

  }



  #edit-submitted-finance-details-credithistory{

    width: 690px;

    float: left;

    margin: 0;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button,

  #webform-client-form-86 .form-radios.ui-buttonset .form-item.form-item-submitted-finance-details-creditHistory{

    width: 162px;

    float: left;

    height: 50px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button{

    border: 1px solid #000;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory{

    margin-left: -1px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:first-child{

    margin-left: 0px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:first-child label.option.ui-button,

  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:first-child label.option.ui-button.ui-state-active,

  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:first-child label.option.ui-button.ui-state-active .ui-button-text{

    border-top-left-radius: 2px;

    border-bottom-left-radius: 2px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:last-child label.option.ui-button,

  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:last-child label.option.ui-button.ui-state-active,

  form.webform-client-form-86 fieldset div.fieldset-wrapper #edit-submitted-finance-details-credithistory .form-item.form-item-submitted-finance-details-creditHistory:last-child label.option.ui-button.ui-state-active .ui-button-text{

    border-top-right-radius: 2px;

    border-bottom-right-radius: 2px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button .ui-button-text{

    padding: .9em 1em;

    height: 50px;

  }



  .section-contact-us #savvy-breadcrumb.easy-breadcrumb-list,

  body.section-customer-reviews #savvy-breadcrumb.easy-breadcrumb-list{

    margin-bottom: 0.5em;

  }



  body.section-customer-reviews #savvy-breadcrumb.easy-breadcrumb-list{

    margin-top: 10px;

  }



  .node-type-webform .easy-breadcrumb-list li > a, 

  .node-type-webform .easy-breadcrumb-list li > a span, 

  .node-type-webform .savvy .page-breadcrumb .block--easy-breadcrumb-easy-breadcrumb .easy-breadcrumb a, 

  .node-type-webform .savvy .page-breadcrumb .block--easy-breadcrumb-easy-breadcrumb .easy-breadcrumb a span{

    color: #fff;

    border-bottom: 1px solid #eee;

    margin: 29px 0 0.5em;

  }



  .node-type-webform.section-contact-us .easy-breadcrumb-list li > a, 

  .node-type-webform.section-contact-us .easy-breadcrumb-list li > a span, 

  .node-type-webform.section-contact-us .savvy .page-breadcrumb .block--easy-breadcrumb-easy-breadcrumb .easy-breadcrumb a, 

  .node-type-webform.section-contact-us .savvy .page-breadcrumb .block--easy-breadcrumb-easy-breadcrumb .easy-breadcrumb a span{

    color: #fff;

  }



  #webform-client-form-86 .form-item.webform-component--introduction h2{

    font-size: 3rem;

    line-height: 3rem;

    width: 1024px;

    margin: 0px auto 35px;

  }



  #webform-client-form-86 .form-item.webform-component--introduction h3{

    padding: 0;

    margin: 0;

    font-size: 16px;

    font-weight: 300;

    line-height: 40px;

    width: 1024px;

    margin: 0 auto;

  }



  #webform-client-form-86 .form-item{

    margin-bottom: 0;

  }



  #webform-client-form-86 .form-item.webform-component--introduction h3{

    padding: 0;

    margin: 0;

    font-size: 1.1rem;

    font-weight: 300;

    line-height: 1.8rem;

    width: 1024px;

    margin: 0 auto;

  }



  .node-type-webform .page-breadcrumb{

    padding: 1px 24px 20px;

  }



  #webform-client-form-86 .form-item.webform-component--introduction{

    background: #fff;

    color: #000;

    padding-bottom: 3rem;

    margin-bottom: 0;

    padding-left: 15px;

    padding-right: 15px;

  }



  .md-arrow-left, .md-arrow-right{

    top: 66%;

  }



  .l-main{

    width: 100%;

    margin: 0 auto;

  }



  .dark-banner .l-main{

    width: 100%;

  }



  .l-region--sidebar-second .block--webform .form-item.webform-component{

    margin-bottom: 0;

    margin-top: -1px;

  }



  .l-region--sidebar-second .block--webform .webform-component.vertical-padded{

    margin-top: 15px;

    margin-bottom: 15px;

  }



  .block--webform .form-actions{

    position: relative;

  }



  .block--webform .form-actions:after{

    font-family: "button-icons" !important;

    content: "\405";

    font-size: 10px;

    position: absolute;

    right: 20%;

    top: 16px;

    color: #fff;

  }



  .block--webform .form-actions .webform-submit{

    border: 1px solid #000;

    line-height: 48px;

    border-radius: 2px;

  }



  .l-region--sidebar-second .block--webform input[type="text"],

  .l-region--sidebar-second .block--webform input[type="email"],

  .l-region--sidebar-second .block--webform input[type="password"],

  .l-region--sidebar-second .block--webform input[type="submit"],

  .l-region--sidebar-second .block--webform button,

  .l-region--sidebar-second .block--webform select{

    width: 100%;

  }



  .social-share{

    margin-bottom: 10px;

  }

  .l-main .block.title-as-header{

    width: 100%;

    background: #000;

    padding: 0;

  }



  .title-as-header h2.block__title{

    font-size: 2.2rem;

    line-height: 2rem;

  }



  .l-main .block.title-as-header > h3.subtitle{

    font-size: 16px;

    line-height: 40px;

    padding-bottom: 50px;

    padding-top: 0;

  }



  .l-main .block.title-as-header .block__content{

    margin: 0 auto;

    background: #fff;

    padding-top: 50px;

    padding-bottom: 50px;

    width: 100%;

  }



  .title-as-header h2.block__title{

    margin-top: 0;

    padding-top: 0;

  }



  .contact.email .icon.svg-embed{

    height: 40px;

    overflow: hidden;

  }



  .webform-client-form-109 .form-item.webform-component.webform-component--contact-information--message{

    margin-bottom: 20px;

    margin-top: 20px;

  }



  .social-media .share.icon{

    font-size: 2.5rem;

    position: relative;

    top: 16px;

    margin-right: 10px;

  }



  .l-main .l-region.l-region--sidebar-second .block{

    padding: 15px 25px 25px;

    margin: 0 0 30px;

    background: #F4F3F3;

  }



  .l-main .l-region.l-region--sidebar-second .block{

    padding: 15px 25px 25px;

    margin: 0 0 30px;

    background: #F4F3F3;

  }



  .l-main .l-region.l-region--sidebar-second .block:last-child{

    margin-bottom: 0;

  }



  .webform-component .form-text, 

  .webform-component .form-select{

    height: 38px;

  }



  .webform-client-form-109 .webform-component .form-text, 

  .webform-client-form-109 .webform-component .form-select{

    height: 50px;

  }



  .block--webform .one-line-wrapper .webform-component{

    width: 50%;

    float: left;

  }



  .block--webform .one-line-wrapper .webform-component:last-child{

    margin-left: 0;

  }



  .block--webform .one-line-wrapper:after{

    content: "";

    display: block;

    clear: both;

  }



  .block--webform .one-line-wrapper{

    margin-bottom: 0px;

  }



  .l-region--sidebar-second .block--webform .webform-container-inline input[type="text"],

  .l-region--sidebar-second .block--webform .webform-container-inline select{

    display: inline-block;

    max-width: 52%;

    margin-left: 1px;

  }



  .l-region--sidebar-second .block--webform .form-item.webform-component.webform-component--input-range{

    height: 30px;

  }



  .l-region--sidebar-second .block--webform h2.block__title{

    margin-bottom: 20px;

  }



  .l-region--sidebar-second .block{

    margin-bottom: 30px;

  }

  .credit-cards-wrapper.featured .views-table .cc-row .cc-col.cc-desc {
    width: 33%;
    padding-left: 0;
    padding-top: 30px;
    position: relative;
  }

  .featured .cc-desc-wrapper .cc-desc{
    width: 100%;
  }

  .credit-cards-wrapper.featured .cc-col.cc-balance-transfer {
    width: 15%;
  }

  .credit-cards-wrapper.featured .cc-col.cc-purchase-rate {
    width: 16%;
  }

  .credit-cards-wrapper.featured .cc-col.cc-annual-fee {
      width: 12%;
  }

  .credit-cards-wrapper.featured .views-table .cc-row:first-child .cc-col.cc-featured-image {
    margin-top: 0;
    padding-top: 60px;
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .credit-cards-wrapper.featured tbody tr.bank-link {
    border-top: 0;
    padding-bottom: 30px;
  }

  .credit-cards-wrapper.featured tbody tr.bank-link:after {
    content: "";
    display: block;
    clear: both;
  }

  .feature-info-text {
    display: block;
    margin-right: 5px;
    width: 127px;
    display: inline;
  }

  .feature-info-text + i {
    position: relative;
    display: inline;
  }

  .feature-info-text + i:hover {
    cursor: help;
  }

  .cc-information {
    z-index: 7;
  }

  .disclaimer-hover {
    margin-left: -138px;
  }


  .attachment .featured .cc-col .cc-desc-wrapper .cc-desc{

    width: 100%;

  }

  .card-row .image {
    width: 185px;
    padding: 0;
    margin-top: 0;
    text-align: left;
  } 

  .card-row  .balance-transfer {
    width: 152px;
  }

  .card-row .purchase-rate {
    width: 141px;
  }

  .card-row .annual-fee {
    width: 135px;
  }

  .card-row .interest-free-days {
    width: 155px;
    max-width: 100%;
  }

  .card-row .apply-now {
    width: 150px;
    padding: 0;
    margin-left: 20px;
    position: relative;
    top: 0;
    right: auto;
  }

  .card-row {
    padding-bottom: 0;

  }


  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days{
    margin-top: 0px;
  }

  .cc-filter-nav > li {
    margin-right: 20px;
  }


  .link-button,
  .cc-filter-nav li .dropdown-toggle {
    padding: 16px 45px 16px 20px;
  }


  .inline-label.select {
    padding: 17px 15px 14px 20px;
    height: 52px;
  }

  .filter-header .cc-sort {
    margin-top: 2px;
  }

  .menu-list-header {
    display: block;
  }

  .cc-information {
    padding-right: 14px;
  }

  .feature-info-text + i {
    top: -20px;
    left: 8px;
  }

  .featured .card-row li {
    width: 150px;
  }

  /**
   * 1007px ENDS */

}

/**
 * Laptops / Tablet landscape
 */

@media(min-width: 1024px) {
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 137px;
  }

  .featured .card-row li.annual-fee.empty-bt, 
  .featured .card-row li.interest-free-days.empty-bt {
    margin-top: 0;
  }

  .featured .card-row li.card-column.image {
    width: 185px;
  }

  .filter-header {
    z-index: 4;
  }
}

@media(min-width: 1024px) and (-webkit-min-device-pixel-ratio: 2.0) {

  .featured .card-row li {
    width: 160px;
  }
}

@media ( min-width: 1024px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .social-media .icon.share{

    margin-right: 5px;

  }

}



@media ( min-width: 1050px ){

  
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 150px;
  }

  #webform-client-form-86 .form-item.webform-component--personal-information--lName .form-text{

    width: 230px;

  }



  body.section-customer-reviews .l-content h1{

    padding-left: 24px;

    padding-right: 24px;

  }



  #webform-client-form-86 .form-item.webform-component--personal-information--phone .form-text,

  #webform-client-form-86 .form-item.webform-component--personal-information--postalCode .form-text,

  #webform-client-form-86 .form-item.webform-component--personal-information--email .form-text{

    width: 469px;

  }



  .views-field-field-feefo-xml-url{

    padding-left: 0;

    padding-right: 0;

  }



  .customer-reviews-wrapper .graphpercentage{

    top: -107px;

  }


  .card-row  .balance-transfer {
    width: 152px;
  }

  .card-row .purchase-rate {
    width: 151px;
  }

  .card-row .annual-fee {
    width: 145px;
  }


}

@media(min-width: 1080px) {

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 165px;
  }

  .featured .card-row li {
    width: 160px;
  }
  .cc-filter-nav-sort .dropdown-menu {
    top: 54px;
  }

  .card-row  .balance-transfer {
    width: 172px;
  }

  .featured .card-row  .balance-transfer {
    width: 190px;
  }

  .card-row .annual-fee {
    width: 155px;
  }

  .featured .card-row .annual-fee {
    width: 135px;
  }
}

@media ( min-width: 1200px ){


  .featured .card-row  .balance-transfer {
    width: 160px;
  }

  body.section-customer-reviews #savvy-breadcrumb.easy-breadcrumb-list{

    width: 1024px;

    margin: 10px auto; 0

  }

  .l-main > .l-content > .view.view-credit-cards {
    padding-left: 0;
    padding-right: 0;
  }

  .cc-col .cc-desc-wrapper .cc-image{

    width: 100%;

  }

}





@media ( min-width: 1260px ){



  #webform-client-form-86 .option-button-wrapper .form-radios.ui-buttonset .form-item{

    width: 40%;

  }



  .send-us-bankstatement iframe{

    height: 33rem;

  }



  .section-contact-us .l-main .block.title-as-header .block__content .insideblock h3.insideblock-subtitle{

    padding-bottom: 0;

  }



  #webform-client-form-86 .form-item.form-type-radio.form-item-submitted-loanType{

    width: 91px;

  }



  #webform-client-form-86 .form-item.webform-component-radios.webform-component--loanType{

    width: 1024px;

    margin: 0 auto;

    padding-left: 0;

    padding-right: 0;

  }

  

  .block--block-17 .block__content .our-offices [class^="office-"]{

    width: 33%;

  }



  .block--block-17 .block__content .our-offices .office-1 [class^="office-"],

  .block--block-17 .block__content .our-offices .office-2 [class^="office-"],

  .block--block-17 .block__content .our-offices .office-3 [class^="office-"]{

    width: 100%;

  }



  #webform-client-form-86 .form-item.webform-component--loanType{

    width: 1024px;

    margin: 0 auto;

    float: none;

  }



  #webform-client-form-86 .form-item.webform-component--loanType:after{

    display: block;

    content: "";

    clear: both;

  }



  .title-as-header h2.block__title,

  .title-as-header .subtitle,

  .l-main .block.title-as-header > h3.subtitle{

    width: 1024px;

    color: #fff;

    background: none;

    text-align: left;

    margin: 0 auto;

  }



  .l-main .block.title-as-header h2.block__title{

    width: 1024px;

    font-size: 3rem;

    line-height: 3rem;

    margin: 0px auto 35px;

    padding-top: 0px;

    font-weight: 600;

  }



  .l-main .block.title-as-header h2.block__title,

  .l-main .block.title-as-header > h3.subtitle{

    padding-left: 0;

    padding-right: 0;

  }



  .l-main .block.title-as-header .block__content > div{

    width: 1024px;

    margin: 0 auto;

    padding-left: 0;

    padding-right: 0;

  }



  .customer-reviews-wrapper .graphpercentage{

    width: auto;

  }



  .node-type-webform.section-contact-us .page-breadcrumb,

  body.section-customer-reviews .page-breadcrumb{

    padding: 20px 0;

  }



  body.section-customer-reviews #savvy-breadcrumb.easy-breadcrumb-list,

  .l-main > .l-content > .view.view-testimonial-new,

  .l-main .block .block__content, 

  .l-submain .view .view-content, 

  .l-submain .block .block__content, 

  .l-breadcrumb .block .block__content, 

  .search-form, 

  .l-content > h2, 

  .search-result, 

  .l-content > ul,

  .l-content > h1.

  .l-main .feedbacklist,

  .customer-reviews-wrapper{

    width: 1024px;

    margin: 0 auto;

    padding-left: 0;

    padding-right: 0;

  }



  .views-field-field-feefo-xml-url,

  body.section-customer-reviews .l-content h1,

  body.section-customer-reviews .page-breadcrumb{

    padding-left: 0;

    padding-right: 0;

  }



  .customer-reviews-wrapper .ntp-right-col{

    width: 50%;

  }



  #edit-submitted-personal-information-fname{

    width: 240px;

  }



  #webform-client-form-86 .form-item.webform-component--introduction,

  form.webform-client-form-86 fieldset, form.webform-client-form-156 fieldset{

    padding-left: 0;

    padding-right: 0;

  }



  form.webform-client-form-86 fieldset.webform-component--personal-information div.fieldset-wrapper input.form-text, form.webform-client-form-86 fieldset div.fieldset-wrapper select.form-select, form.webform-client-form-156 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-156 fieldset div.fieldset-wrapper select.form-select {

    width: 350px;

  }



  #webform-client-form-86 .form-item.webform-component--personal-information--fName{

    width: 506px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-86 fieldset div.fieldset-wrapper select.form-select, form.webform-client-form-156 fieldset div.fieldset-wrapper input.form-text, form.webform-client-form-156 fieldset div.fieldset-wrapper select.form-select {

    display: block;

    outline: none;

    height: 50px;

    border: 1px solid #000;

    font-size: 1rem;

    border-radius: 2px;

    color: #000;

    padding: 0px 15px;

    width: 350px;

  }



  #edit-submitted-finance-details-loanterm,

  #edit-submitted-finance-details-buildyear,

  #edit-submitted-personal-information-email,

  #edit-submitted-finance-details-vehiclemodel,

  #edit-submitted-finance-details-vehiclemodel,

  #edit-submitted-personal-information-phone,

  #edit-submitted-personal-information-postalcode,

  #edit-submitted-personal-information-middle-name,

  #edit-submitted-finance-details-loantype{

    border-top: 1px solid #000;

  }



  #webform-client-form-86 .form-actions,

  #webform-client-form-86 fieldset{

    width: 1024px;

    margin-left: auto;

    margin-right: auto;

  }



  .fieldset-wrapper{

    border: 0;

    padding: 0;

    background: none;

  }



  #webform-client-form-86 .form-item{

    margin-bottom: 0;

    margin-top: -1px;

    width: 100%;

    float: left;

  }



  #webform-client-form-86 .form-item:after{

    content: "";

    display: block;

    clear: both;

  }



}


/**
 * Desktops
 */
@media ( min-width: 1280px ) and (-ms-high-contrast: none), (-ms-high-contrast: active) {

  .social-media .icon.share{

    margin-right: 10px;

  }

}



@media ( min-width: 1200px ){



  .l-content > h1{

    width: 1024px;

    margin: 0 auto;

  }



  #edit-submitted-finance-details-credithistory{

    width: 758px;

    float: left;

    margin: 0;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper label.option.ui-button,

  #webform-client-form-86 .form-radios.ui-buttonset .form-item.form-item-submitted-finance-details-creditHistory{

    width: 189px;

    float: left;

    height: 50px;

  }



  form.webform-client-form-86 fieldset div.fieldset-wrapper .option-button-wrapper label.option.ui-button{

    width: 179px;

  }





  .l-main{

    width: 1024px;

    margin: 0 auto;

  }



  .page-faq .l-main{

    width: 100%;

  }



  .page-node-818 .l-main{

    width: 100%;

  }



  .node-type-webform .page-breadcrumb{

    padding: 1px 0 20px;

  }



  .page-node-86.node-type-webform .page-breadcrumb{

    padding-bottom: 50px;

  }



  .md-arrow-left, .md-arrow-right{

    top: 50%;

  }



  .l-main .l-region.l-region--sidebar-second .block:last-child{

    margin-bottom: 0;

  }



  .l-main .l-region--sidebar-second .block .block__content .view, 

  .l-main .l-region--sidebar-second .block > h2.block__title, 

  .l-main .l-region--sidebar-second .block > h3.subtitle{

    width: 100%;

    text-align: center;

  }



  .l-main .l-region--sidebar-second .block.block--views-trending-tags-block > h2.block__title{

    margin-bottom: 10px;

    text-align: center;

  }



  .l-region--sidebar-second .block--webform input[type="text"],

  .l-region--sidebar-second .block--webform input[type="email"],

  .l-region--sidebar-second .block--webform input[type="password"],

  .l-region--sidebar-second .block--webform input[type="submit"],

  .l-region--sidebar-second .block--webform button,

  .l-region--sidebar-second .block--webform select{

    width: 100%;

  }

}



@media ( min-width: 1900px ){



  .customer-reviews-wrapper .graphpercentage{

    top: -93px;

  }

}

/** Tablet **/
@media(max-width: 1439px) {

}

/** Mobile **/

.mobile-tab-header {
  display: none;
  width: 100%;
  position: relative;
  text-align: center;
  background: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  padding: 13px 15px;
  font-size: 15px;
  margin-bottom: 15px;
  padding-left: 35px;
  padding-right: 35px;
}

.mobile-tab-header .svg-arrows {
  display: none;
  position: absolute;
  right: 2px;
  top: 1px;
  right: 20px;
}

.mobile-tab-header .svg-arrows svg {
  fill: #fff;
  width: 13px;
  height: 45px;
}

.mobile-tab-header .svg-arrows.arrow-down {
  display: inline-block;
}

.mobile-tab-header.active .svg-arrows.arrow-down {
  display: none;
}

.mobile-tab-header.active .svg-arrows.arrow-up {
  display: inline-block;
}

.single-cc .cc-row-wrapper.cc-content-table .card-row a.cc-apply-now {
  right: 0;
}

.single-cc .cc-title, 
.single-cc .cc-title p {
  margin-top: 0;
}

.mobile-tab-header:hover {
  color: #fff;
  text-decoration: none;
}

.mobile-tab-header:active {
  color: #fff;
  text-decoration: none;
}

.pros-cons-icon {
  position: absolute;
  left: 0;
}

.pros-cons-icon svg{
  width: 13px;
  height: 13px;
  margin-bottom: 0;
}

.pros-cons-icon.pros-icon {
  fill: #6bba61;
}

.pros-cons-icon.cons-icon {
  fill: #ed0031;
}

.cc-meta .months-num {
  font-size: 14px;
  font-weight: 500;
  color: #1c1c1c;
  line-height: 16px;
}

.single-cc .cc-meta .months-num {
  font-size: 1rem;
}

.rewards-card-wrapper .cc-meta .months-num {
  line-height: 16px;
}

.single-cc .cc-meta-item .cc-meta-header,
.single-cc .cc-meta-item .cc-meta-text, 
.single-cc .cc-meta-item .cc-meta, 
.single-cc .cc-meta-item .cc-meta p {
  font-size: 1rem;
}

.single-cc .cc-meta-header {
  margin-bottom: 12px;
}

.single-cc .similar-cc .cc-meta-header {
  margin-bottom: 5px;
}

.single-cc .cc-meta-item.cc-bt .cc-meta-header {
  margin-bottom: 15px;
}

.single-cc .cc-meta {
  font-size: 16px;
  line-height: 18px;
}

.single-cc .cc-meta-item {
  border-right: 1px solid #ddd;
  min-height: 105px;
}

.single-cc .credit-cards-info-meta-wrapper.rewards-card .cc-meta-item {
  min-height: 105px;
}

.credit-cards-info-meta-wrapper .cc-meta-wrapper {
  min-height: auto;
}

.credit-cards-info-meta-wrapper .cc-link-text {
  left: -10px;
}

@media(max-width: 1024px) {
  .cc-title-info {
    margin-top: 0;
  }

  .single-cc .cc-link-text {
    display: block;
  }

  .single-cc .card-column.apply-now .cc-link-text, 
  .single-cc .card-column.apply-now .cc-icon.lock {
      display: block;
      top: 0;
  }
}

@media(max-width: 1023px) {

  .cc-action a.cc-apply-now {
    margin-top: 5px;
  }

  .single-cc .cc-meta-item .cc-meta-header,
  .single-cc .cc-meta-item .cc-meta-text, 
  .single-cc .cc-meta-item .cc-meta, 
  .single-cc .cc-meta-item .cc-meta p {
    font-size: 15px;
  }

  .single-cc .cc-meta-header {
    margin-bottom: 3px;
  }

  .single-cc .cc-meta {
    font-size: 15px;
    line-height: 17px;
  }

  .cc-title-info .l-content {
    display: table;
  }

  .cc-title-info .cc-main-info-wrapper {
    display: table-row;
  }

  .cc-title-info .image-title-wrapper,
  .cc-title-info .page-title-wrapper {
    display: table-cell;
    vertical-align: middle;
  }

  .cc-title-info .page-title-wrapper {
    padding-left: 20px;
    vertical-align: middle;
  }

  .single-cc .cc-apply-now i {
    display: none;
  }

  .single-cc .cc-action .cc-link-text,
  .single-cc .cc-action .cc-icon.lock {
    display: block;
  }

  .card-column.apply-now .cc-icon.lock,
  .single-cc .rewards-card-wrapper.featured  .cc-icon.log,
  .single-cc .rewards-card-wrapper .cc-action .cc-icon.lock {
    display: none;
  }

  .single-cc .cc-action a.cc-apply-now {
    position: relative;
    margin-right: 0;
    height: 50px;
    width: 135px;
    border-radius: 3px;
    display: inline-block;
    margin-bottom: 0;
    margin-top: 50px;
  }

  .cc-column {
    margin-bottom: 20px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 45%;
  }

  .single-cc .cc-column.cc-action,
  .single-cc .cc-column.cc-action {
    width: 100%;
  }

  .single-cc .cc-column.cc-action {
    text-align: center;
  }

  .cc-column:after {
    content: '';
    display: block;
    clear: both;
  }

  .cc-meta-item {
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
  }

  .cc-column:first-child .cc-meta-item:first-child {
    padding-left: 0;
  }
  .cc-column.cc-interest-fees,
  .cc-column.cc-action {
    margin-bottom: 0;
  }

  .cc-column.cc-action {
    width: 10%;
  }

  .cc-column.cc-interest-fees .cc-meta-item:last-child {
    border-right: 0;
  }

}

@media(max-width: 800px) {

  .single-cc .card-row .image {
    width: 280px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 140px;
  }
  .featured .card-row li {
    width: 160px;
  }
}

@media(max-width: 768px) {
  .featured .card-row li {
    width: 178px;
  }
}

@media(max-width: 767px) {

  .card-row li.card-column.empty-bt {
    min-height: auto;
  }

  .rewards-card-wrapper .cc-desc.cc-body-description.on-mobile .card-row li {
    margin-top: 10px;
  }

  .rewards-card-wrapper .card-row li.signup-transfer-rate {
    margin-top: 15px;
  }

  .card-row a.cc-apply-now .cc-link-text {
    height: 35px;
    line-height: 35px;
    text-indent: -14px;
  }

  .card-column.apply-now .cc-icon.lock, 
  .rewards-card-wrapper .cc-action .cc-icon.lock {
    display: block;
  }

  .card-column.apply-now .cc-icon.lock svg, 
  .rewards-card-wrapper .cc-action .cc-icon.lock  svg{
    height: 35px;
    right: 10px;
  }

  .card-row li.card-column.apply-now {
    z-index: 2;
  }

  .credit-cards-wrapper .toggle-card-description.mobile.more-info {
    padding-left: 0;
    position: relative;
    top: -10px;
    padding-left: 145px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines:last-child {
    padding-bottom: 10px;
  }

  .credit-cards-wrapper .toggle-card-description.mobile.more-info.empty-bt {
    top: -20px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines:last-child .cc-desc.featured {
    top: 3px;
  }

  .cc-list > li {
    padding-bottom: 7px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines {
    padding-bottom: 22px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines {
    padding-bottom: 25px;
  }

  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    min-height: 76px;
    max-height: 76px;
  }

  .credit-cards-wrapper.featured .toggle-card-description {
    position: relative;
    top: 3px;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper {
    padding-bottom: 0;
  }

  .credit-cards-wrapper + .credit-cards-wrapper .cc-desc.featured {
    top: 0;
  }

  .featured .cc-body-description.featured .credit-card-body {
    margin-bottom: 10px;
  }

  .credit-cards-wrapper.featured .toggle-card-description {
    text-align: center;
  }

  .credit-cards-wrapper.featured .toggle-card-description.more-info-wrapper {
    padding-left: 145px;
    top: -15px;
  }

  .af-ifd-mobile-wrapper .card-row li.annual-fee,
  .af-ifd-mobile-wrapper .card-row li.card-column.interest-free-days {
    min-height: 70px;
    max-height: 70px;
  }

  .af-ifd-mobile-wrapper .card-row li.card-column.interest-free-days .cc-meta.cc-meta-wrapper {
    width: 100px
    margin: 0 auto;
  }

  .cc-list .credit-card-body ul {
    margin-top: 15px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 180px;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee {
    margin-left: 0px;
  }

  .featured.rewards-card-wrapper .card-row li.purchase-rate {
    margin-left: 0;
  }


  .featured .card-row li {
    min-height: 107px;
    max-height: 107px;
  }

  .featured .card-row li.auto {
    min-height: auto;
    max-height: auto;
  }

  .card-row a.cc-apply-now {
    right: 0;
    width: 125px;
    height: 35px;
    margin-bottom: 0;
    border-radius: 3px;
  }

  .featured a.cc-apply-now {
    right: 0;
    left: auto;
    width: 124px;
    height: 35px;
    border-radius: 3px;
  }

  .card-row a.cc-apply-now .cc-link-text {
    display: block;
    height: 35px;
    line-height: 35px;
    font-size: 13px;
  }

  .featured .card-row a.cc-apply-now .cc-link-text {
    display: block;
    height: 35px;
    line-height: 35px;
  }

  .featured a.cc-apply-now i,
  .card-row a.cc-apply-now i {
    display: none;
  }

  .cc-action a.cc-apply-now {
    margin-top: 15px;
    right: -5px;
  }

  .image-title-wrapper {
    text-align: center;
  }

  .page-title-wrapper {
    margin-top: 20px;
  }

  .cc-title-info .cc-title h1,
  .cc-subtitle h2 {
    text-align: center
  }


  .filter-header {
    padding-top: 45px;
  }

  .cc-title-info .l-main .l-content {
    padding-left: 24px;
    padding-right: 24px;
  }

  .cc-title-info .page-title-wrapper {
    padding-left: 0;
  }

  .single-cc .cc-title, 
  .single-cc .cc-title p {
    margin-top: 0;
  }

  .card-row li {
    min-height: 95px;
    height: 95px;
  }

  .card-row .annual-fee,
  .card-row .interest-free-days {
    padding-bottom: 0px;
  }

  .card-row .cc-image {
    text-align: left;
  }

  .single-cc .cc-row-wrapper.cc-content-table .card-row .cc-link-text{
    display: none;
  }

  .single-cc .cc-row-wrapper.cc-content-table .card-row .cc-icon.lock {
    display: block; 
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer {
    height: auto;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days {
    width: 175px;
    text-align: center;
  }

  .single-cc .card-row .image {
    height: 175px;
  }

  .single-cc .cc-content-table .l-main > .l-content > .view {
    padding-left: 0;
    padding-right: 0;
  }

  .pod-content p,
  .cc-meta-header,
  .cc-meta {
    text-align: center;
  }

  .cc-meta-item {
    margin-bottom: 0;
  }

  .single-cc .bottom-action .cc-link-text {
    top: 0px;
  }

  .single-cc .bottom-action .cc-apply-now i {
    top: 16px;
    right: 14px;
  }

  .credit-cards-wrapper {
    margin-top: 0;
  }

  .cc-title-info {
    margin-top: -35px;
    border-top: 1px solid #ddd;
    padding-top: 50px;
  }

  .cc-title-info .l-main .l-content {
    width: 100%;
  }

  .single-cc .cc-main .cc-row-wrapper .l-main {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .single-cc .similar-cc a.cc-apply-now {
    position: relative;
    right: auto;
    width: 135px;
    height: 50px;
  }

  .single-cc .similar-cc .apply-wrapper a.cc-apply-now .cc-link-text{
    position: absolute;
  }

  .single-cc .similar-cc a.cc-apply-now i {
    display: none;
  }

  .single-cc .similar-cc .cc-icon.lock {
    display: block;
  }

  .single-cc .similar-cc .cc-icon.lock svg {
    display: block;
    position: absolute;
    width: 13px;
    height: 50px;
    fill: #fff;
    right: 19px;
    top: 0;
  }

  .single-cc .cc-row-wrapper ul {
    padding-left: 0;
  }

  .single-cc #cc-tabs .resp-tabs-container .row {
    padding-bottom: 5px;
  }

  .cc-pod-content .row > div {
    padding-bottom: 30px;
  }

  .cc-pod-content .row > div:last-child {
    padding-bottom: 0;
  }

  .cc-title-info .image-title-wrapper, 
  .cc-title-info .page-title-wrapper,
  .single-cc .cc-column {
    display: block;
  }

  .cc-column {
    width: 100%;
  }

  .single-cc .cc-meta-item:last-child {
    border-right: 0;
  }

  .featured .card-row li {
    width: 32%;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.purchase-rate,
  .rewards-card-wrapper.featured .card-row li.card-column.interest-free-days {
    margin-top: -5px;
    margin-bottom: 10px;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.annual-fee,
  .featured.rewards-card-wrapper .card-row li.card-column.balance-transfer,
  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate,
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    width: 34%;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate {
    margin-left: 145px;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate,
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    min-height: auto;
    margin-bottom: 0;
  }


  .featured.rewards-card-wrapper .card-row li.card-column.apply-now {
    top: 110px;
  }

  .card-row li.apply-now {
    right: auto;
    left: 0;
    top: 105px;
  }

  .featured a.cc-apply-now,
  .card-row a.cc-apply-now {
    left: 0;
  }

}

@media(max-width: 736px) {
  .featured .card-row li {
    width: 29%;
  }
}

@media(max-width: 732px) {
  .featured .card-row li.card-column.apply-now  {
    right: auto;
    top: 100px;
  }

  .featured a.cc-apply-now {
    right: auto;
    left: 0;
  }

  .featured.rewards-card-wrapper .card-row li.purchase-rate {
    margin-left: 180px;
  }

}

@media(max-width: 720px) {
  .single-cc .card-row .image {
    width: 235px;
  }
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 170px;
  }
}

@media(max-width: 667px ) {

  .featured .card-row li.card-column.apply-now {
    right: auto;
    left: 0;
    top: 100px;
  }

  .featured .card-row li {
    width: 31%;
  }

  .mobile-tab-header { 
    display: block;
  }

  .single-cc #cc-tabs .resp-tabs-list {
    display:  none;
  }

  .single-cc #cc-tabs .resp-tabs-container {
    margin-top: 0;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 190px;
  }
}

@media(max-width: 640px) {

  .featured .card-row li.card-column.apply-now  {
    top: 100px;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate {
    margin-left: 0;
  }

  .card-row li.card-column.apply-now {
    right: auto;
    top: 100px;
    left: 0;
  }

  .card-row a.cc-apply-now {
    left: 0;
    right: auto;
  }

  .featured a.cc-apply-now,
  .card-row a.cc-apply-now {
    left: 0;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 170px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 172px;
  }


  .single-cc .card-row .image {
    width: 190px;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.annual-fee {
    min-height: 90px;
    margin-top: 10px;
  }

  .featured .card-row li {
    width: 32%;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.balance-transfer {
    margin-top: 10px;
  }
}

@media(max-width: 600px) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 150px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate,
  .card-row .balance-transfer, 
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 155px;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.annual-fee, 
  .featured.rewards-card-wrapper .card-row li.card-column.balance-transfer, 
  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate, 
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    width: 34%;
  }

  .rewards-card-wrapper .card-row li.signup-transfer-rate,
  .rewards-card-wrapper .card-row li.balance-transfer {
    margin-top: 10px;
  }
}

@media(max-width: 598px ) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 155px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 150px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }
}

@media(max-width: 568px) {



  .featured.rewards-card-wrapper .card-row li.card-column.annual-fee, 
  .featured.rewards-card-wrapper .card-row li.card-column.balance-transfer, 
  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate, 
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    width: 34%;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days {
    width: 140px;
    text-align: center;
  }

  .single-cc .card-row .image {
    width: 180px;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.purchase-rate,
  .rewards-card-wrapper.featured .card-row li.card-column.interest-free-days {
    margin-top: -25px;
    min-height: auto;
  }

  .featured.rewards-card-wrapper .card-row li.purchase-rate {
    margin-left: 0;
  }
}

@media(max-width: 533px) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days {
    width: 115px;
    text-align: center;
  }

  .featured .card-row li,
  .featured.rewards-card-wrapper .card-row li.card-column.annual-fee, 
  .featured.rewards-card-wrapper .card-row li.card-column.balance-transfer, 
  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate, 
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    width: 30%;
  }

  .featured .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 115px;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.purchase-rate {
    width: 120px;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 140px;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.purchase-rate,
  .rewards-card-wrapper.featured .card-row li.card-column.interest-free-days {
    margin-top: -30px;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee {
    width: 145px;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.annual-fee {
    min-height: auto;
    margin-top: 10px;
  }
}

@media(max-width: 480px) {

  .credit-cards-wrapper .toggle-card-description.mobile.more-info.empty-bt {
    top: -5px;
  }

  .rewards-card-wrapper.featured .card-row li.image {
    width: 100%;
  }

  .featured .card-row li {
    width: 49%;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.purchase-rate, 
  .featured.rewards-card-wrapper .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 48%;
    margin-right: 4%;
  }

  .cc-list > li:last-child .card-row li.card-column.apply-now {
    bottom: 0;
  }

  .cc-list > li {
    padding-bottom: 52px;
  }

  .credit-cards-wrapper.featured .toggle-card-description.more-info-wrapper,
  .credit-cards-wrapper .toggle-card-description.mobile.more-info {
    top: -3px;
  }

  .af-ifd-mobile-wrapper .card-row li.annual-fee, 
  .af-ifd-mobile-wrapper .card-row li.card-column.interest-free-days {
    margin-top: 13px;
    margin-bottom: 0;
  }

  .credit-cards-wrapper .toggle-card-description.mobile.more-info,
  .credit-cards-wrapper.featured .toggle-card-description.more-info-wrapper {
    padding-left: 0;
  }

  .cc-meta .months-num {
    font-size: 14px;
    line-height: 16px;
  }

  .cc-lines .cc-title {
    position: absolute;
    width: 100%;
    margin-left: 135px;
    z-index: 5;
    padding-right: 135px;
  }

  .credit-cards-wrapper.featured .cc-list {
    margin-bottom: 0;
  }

  .credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines,
  .credit-cards-wrapper.featured + .credit-cards-wrapper ul li.cc-lines:last-child {
    padding-bottom: 67px;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.annual-fee, 
  .featured.rewards-card-wrapper .card-row li.card-column.balance-transfer, 
  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate, 
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    width: 47%;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.annual-fee {
    margin-right: 3%;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate, 
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    width: 49%;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.purchase-rate {
    margin-right: 1%;
  }

  .featured .card-row li.interest-free-days,
  .featured.rewards-card-wrapper .card-row li.card-column.interest-free-days {
    margin-right: 0;
  }

  .featured .card-row li.card-column.apply-now  {
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 43px;
    margin-top: 0;
    padding-bottom: 0;
    min-height: 58px;
  }

  .card-row li.card-column.apply-now {
    right: auto;
    top: auto;
    left: auto;
    bottom: 10px;
    width: 100%;
    height: 50px;
    min-height: 50px;
  }

  .featured a.cc-apply-now,
  .card-row a.cc-apply-now {
    left: 0;
    height: 35px;
  }

  .featured.rewards-card-wrapper .card-row li.card-column.apply-now {
    top: auto;
    bottom: 0;
    width: 100%;
    text-align: center;
    height: 43px;
    margin-top: 0;
    padding-bottom: 0;
    min-height: 58px;
  }

  .section-credit-cards h2.header-banner-list {
    margin-bottom: 0;
  }
  
  .featured a.cc-apply-now, .card-row a.cc-apply-now {
    left: 50%;
    right: auto;
    margin: -3px auto 0;
    margin-left: -62px;
  }

  .featured .card-row li.annual-fee {
    margin-left: 0;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.purchase-rate,
  .rewards-card-wrapper.featured .card-row li.card-column.interest-free-days {
    margin-top: 10px;
  }

  .featured.rewards-card-wrapper .card-row li.purchase-rate {
    margin-left: 0;
  }

  .featured.rewards-card-wrapper .card-row li.annual-fee {
    width: 49%;
    margin-top: 0;
  }

  .rewards-card-wrapper.featured .card-row li.card-column.annual-fee,
  .rewards-card-wrapper.featured .card-row li.card-column.balance-transfer {
    margin-top: 0;
  }

  .rewards-card-wrapper .cc-desc.cc-body-description.on.mobile .card-row li.card-column {
    margin-top: 15px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days,
  .featured .card-row li.annual-fee, .featured .card-row li.interest-free-days {
    width: 49%;
  }

  .single-cc .bottom-action a.cc-apply-now {
    display: block;
  }

  .single-cc .card-row .image {
    height: 95px;
  }

  .single-cc .cc-row-wrapper.cc-content-table .card-row .purchase-rate, 
  .single-cc .cc-row-wrapper.cc-content-table .card-row .balance-transfer {
    height: 90px;
  }

  .single-cc .cc-row-wrapper.cc-content-table .card-row li {
    width: 50%;
    text-align: center
  }
  .single-cc .cc-row-wrapper.cc-content-table .card-row li.image {
    width: 100%;
    text-align: right;
  }

  .single-cc .cc-row-wrapper.cc-content-table .cc-title, 
  .single-cc .cc-row-wrapper.cc-content-table .cc-title p {
    margin-top: 0;
  }

  .single-cc .filter-wrapper {
    padding: 20px;
  }

  .rewards-card-wrapper .card-row .balance-transfer,
  .rewards-card-wrapper .card-row li {
    min-height: auto;
    height: auto;
    padding-bottom: 5px;
  }

  .featured.rewards-card-wrapper .card-row li,
  .rewards-card-wrapper.featured .card-row li.card-column.annual-fee {
    min-height: 80px;
    height: 80px;
    width;: 49%;
  }

  .rewards-card-wrapper .card-row li.image {
    min-height: 105px;
  }

  .rewards-card-wrapper.featured .card-row li.image {
    min-height: 105px;
  }

  .featured.rewards-card-wrapper .card-row li.balance-transfer,
  .featured.rewards-card-wrapper .card-row li.purchase-rate {
    margin-top: 0;
  }
}

@media(max-width: 400px) {
  .cc-meta-item {
    width: 48%;
  }

  .cc-meta-item:first-child {
    padding-left: 0;
  }
}

@media(max-width: 375px) {

  .featured.rewards-card-wrapper .card-row li,
  .rewards-card-wrapper.featured .card-row li.card-column.annual-fee {
    min-height: 80px;
  }

  .rewards-card-wrapper .card-row li.image {
    min-height: 105px;
  }

  .rewards-card-wrapper.featured .card-row li.image {
    min-height: 95px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days {
    width: 49%;
    text-align: center;
  }

  .single-cc .cc-action a.cc-apply-now {
    right: auto;
  }

  .card-row .balance-transfer .cc-meta-header,
  .card-row .purchase-rate .cc-meta-header {
    margin-bottom: 10px;
  }
}

@media(max-width: 350px) {

  .featured.rewards-card-wrapper .card-row li,
  .rewards-card-wrapper.featured .card-row li.card-column.annual-fee {
    min-height: 115px;
  }
}

@media(max-width: 320px) and (-webkit-device-pixel-ratio: 2) {
  .featured a.cc-apply-now {
    width: 92px;
  }
}

@media(min-width: 732px) {
  .cc-title-info {
    padding-top: 50px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 170px;
    height: 95px;
  }

  .card-row .annual-fee, 
  .card-row .interest-free-days {
    height: 80px;
  }



  .card-row .signup-transfer-rate.annual-fee, 
  .card-row .signup-transfer-rate.interest-free-days {
    height: 150px;
  }

  .card-row .empty-bt.signup-transfer-rate.annual-fee, 
  .card-row .empty-bt.signup-transfer-rate.balance-transfer {
    height: auto;
  }

  .card-row .image {
    width: 220px;
  }

}

@media(min-width: 768px) {

  .card-row .signup-transfer-rate.annual-fee
  .cc-filter-nav .dropdown:last-child {
    margin-right: 0;
  }

  .card-row .signup-transfer-rate.annual-fee {
    height: 125px;
  }

  .single-cc .filter-wrapper {
    padding: 20px 20px 10px;
  }

  .single-cc .similar-cc.owl-carousel .apply-wrapper a {
    padding: 0;
    top: 0;
    float: none;
    margin: 0 auto;
    position: relative;
    right: auto;
    width: 135px;
    height: 50px;    
  }

  .single-cc .similar-cc .apply-wrapper a.cc-apply-now .cc-link-text {
    position: absolute;
    left: -10px;
    top: 0;
  }

  .single-cc .similar-cc .apply-wrapper a.cc-apply-now i {
    display: none;
  }

  .single-cc .cc-row-wrapper.cc-content-table .credit-cards-wrapper {
    margin-top: 0;
  }

  .single-cc .similar-cc .cc-icon.lock svg {
    display: block;
    position: absolute;
    width: 13px;
    height: 50px;
    fill: #fff;
    right: 14px;
    top: 0;    
  }

  .cc-title-info {
    margin-top: -35px;
    border-top: 1px solid #ddd;
    padding-top: 50px;
  }

  .card-row .image {
    width: 165px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 130px;
  }

  .cc-apply-now i {
    top: 33px;
  }

  .single-cc .card-column.apply-now .cc-link-text,
  .single-cc .card-column.apply-now .cc-icon.lock {
    display: none;
  }

  .single-cc #cc-tabs .resp-tabs-container .row {
    padding-bottom: 5px;
  }

  .single-cc .apply-now-wrapper .cc-link-text {
    top: 0px;
  }

  .single-cc .cc-main .cc-row-wrapper .l-main,
  .cc-title-info .l-main .l-content {
    width: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }

  .col-sm-1 {
    width: 8.3333333333333333333333333333333%;
    float: left;
  }

  .col-sm-2 { 
    width: 16.666666666666666666666666666667%;
    float: left;
  }

  .col-sm-3 {
    width: 25%;
    float: left;
  }

  .col-sm-4 {
    width: 33.333333333333333333333333333333%;
    float: left;
  }

  .col-sm-5 {
    width: 41.666666666666666666666666666667%;
    float: left;
  }

  .col-sm-6 {
    width: 50%;
  }

  .col-sm-7 {
    width: 58.333333333333333333333333333333%;
    float: left;
  }

  .col-sm-8 {
    width: 66.666666666666666666666666666667%;
    float: left;
  }

  .col-sm-9 {
    width: 75%;
    float: left;
  }

  .col-sm-10 {
    width: 83.333333333333333333333333333333%;
    float: left;
  }

  .col-sm-11 {
    width: 91.666666666666666666666666666667%;
    float: left;
  }

  .col-sm-12 {
    width: 100%;
    float: left;
  }

  .cc-column {
    width: 49.5%;
  }

  .single-cc .cc-action a.cc-apply-now {
    margin-top: 10px;
  }
}



@media(min-width: 800px) {

  .single-cc .card-row .image {
    width: 280px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 140px;
  }
}

@media(min-width: 900px) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 135px;
  }
}

@media(min-width: 1024px) {

  .single-cc .cc-meta-item .cc-meta-header,
  .single-cc .cc-meta-item .cc-meta-text, 
  .single-cc .cc-meta-item .cc-meta, 
  .single-cc .cc-meta-item .cc-meta p {
    font-size: 1rem;
  }

  .single-cc .cc-meta {
    font-size: 16px;
    line-height: 18px;
  }

  .cc-icon.lock {
    display: block;
  }

  .cc-title-info {
    padding-top: 70px;
  }

  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, .card-row .interest-free-days {
      width: 145px;
  }

  .single-cc .card-column.apply-now .cc-link-text, 
  .single-cc .card-column.apply-now .cc-icon.lock {
    display: block;
  }

  .single-cc .card-row .image {
    width: 165px;
  }

  .single-cc .filter-wrapper {
    padding-bottom: 0;
  }

  .single-cc .cc-link-text {
    top: 0;
  }

  .cc-title-info {
    margin-top: 0;
  }

  .single-cc .card-row li.apply-now {
    margin-left: 2px;
    top: -10px;
  }

  .cc-main-info-wrapper:after {
    content: '';
    display: block;
    clear: both;
  }

  .cc-title-info .cc-main-info-wrapper {
    display: table-row;
  }

  .image-title-wrapper {
    width: 235px;
    display: table-cell;
    vertical-align: middle;
  }

  .page-title-wrapper {
    display: table-cell;
    padding-left: 25px;
    vertical-align: middle;
  }

  .cc-table {
    display: table;
    width: 100%;
  }

  .cc-row {
    display: table-row;
  }

  .cc-column {
    display: table-cell;
    vertical-align: top;
    text-align: center;
  }

  .cc-column:after {
    content: '';
    display: block;
    clear: both;
  }

  .cc-column .cc-meta-item {
    width: 50%;
    padding: 0 15px;
    float: left;
  }

  .cc-column {
    width: 419px;
  }
  .cc-column.cc-action {
    width: 186px;
  }
}

@media(min-width: 1050px) {
  .single-cc .cc-main .cc-row-wrapper .l-main,
  .cc-title-info .l-main .l-content {
    width: 1024px;
    margin: 0 auto;
    padding-left: 0;
    padding-right: 0;
  }

  .single-cc .card-row li.apply-now {
    margin-left: 30px;
  }
}

@media(min-width: 1080px) {
  .af-ifd-mobile-wrapper .card-column, 
  .card-row .purchase-rate, 
  .card-row .balance-transfer, 
  .card-row .annual-fee, 
  .card-row .interest-free-days {
    width: 165px;
  }
}

@media(min-width: 1200px) {

  .single-cc .card-row .image {
    width: 152px;
  }

  .card-row .purchase-rate {
    width: 160px;
  }

  .card-row .balance-transfer,
  .card-row .annual-fee,
  .card-row .interest-free-days {
    width: 160px;
  }

  .single-cc .card-row li.apply-now {
    margin-left: 40px;
  }

  .featured .card-row li.annual-fee, 
  .featured .card-row li.interest-free-days {
    width: 160px;
  }

  .card-row .image {
    width: 170px;
  }

}