#section_1_debt_reduction .figures {
    padding:31px 43px 36px 43px;
    -webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
    margin:0 28px;
    color:#60606d;
}

#section_1_debt_reduction h2 {
    font-size:30px;
    padding-bottom:7px;
    color:#404049;
}

#section_1_debt_reduction .figures .columns {
    font-size:18px;
    border-right:solid 1px #d4d9d6;
    margin-top:7px;
}

#section_1_debt_reduction .figures .columns.last {
    border-right:none;
}

#section_1_debt_reduction .figures h3 {
    font-size:34px;
    font-weight: 800;
}

#section_1_debt_reduction .figures h2 {
    font-size:30px;
    font-weight: 800;
    color:#404049;
}

#smartpay {
    padding:60px 31px 40px 31px;
}

#smartpay p, p.intro-text {
    font-size:19px;
    padding:0 30px;
}

#smartpay p.intro {
    font-size:19px;
    line-height:25px;
    margin:0;
    padding-bottom:25px;
}

#smartpay.smartpay2 {
    padding:60px 31px 40px 31px;
}

#smartpay .box-options {
    background:#f8feff;
    border:solid 1px #d4d9d6;
    padding:33px 5px 0px 45px;
    margin-bottom:30px;
}


#smartpay .wrapper-dropdown {
    width:125px;
    float:left;
    margin-left:25px;
}

#smartpay.dashboard .wrapper-dropdown {
    width:376px;
    float:left;
}

#smartpay .dropdown {
    text-align: center;
    width:100%;
}

#smartpay.dashboard .dropdown {
    width:300px;
    border:solid 1px #d4d9d6;
    background-color: #fff;
}

#smartpay .heading {
    font-size:20px;
    display: block;
    padding-bottom: 15px;
    text-transform: uppercase;
}

#smartpay.dashboard .heading {
    font-size:22px;
    display: block;
    padding-bottom: 15px;
    text-transform: none;
}

#smartpay .label-smart-pay {
    width:100%;
    display: block;
    font-weight: 800;
    margin:0px auto;
}

#smartpay .dropdown ul {
    margin:0 0 0 0;
    padding: 0;
    width:26%;
    position: relative;
    float:left;
}

#smartpay.dashboard .dropdown ul {
    margin:0 0 0 0;
    padding: 0;
    width:240px;
    position: relative;
    float:left;
}

#smartpay .dropdown .trigger-wrapper {
    float:right;
    position:relative;
    z-index:10;
}

#smartpay.dashboard .dropdown .trigger-wrapper {
    float:right;
    margin-right:65px;
}


#smartpay .dropdown ul ul {
    top:100px;
    left:0;
    z-index:2;
    display:none;
    position:absolute;
    border:solid 1px #d4d9d6;
    width:303px;
    margin:0 0 0 -21px;
    background: #fff;
    padding:0;
}

#smartpay .dropdown ul ul li {
    border-bottom:solid 1px #d4d9d6;
    padding:0 20px;
}

#smartpay .dropdown img {
    margin:22px 0 0 0;
    float:right;
}

#smartpay li {
    position:relative;
    display:block;
}

#smartpay li.default {
    display:block!important;
    text-align: right;
}

#smartpay .dropdown li h4, #smartpay .dropdown li h4 span {
    font-size:34px;
    display: block;
    font-weight: 800;
    line-height:100px;
    padding: 0 10px 0 0;
    margin:0;
    text-align: right;
}

#smartpay.dashboard .dropdown li h4 {
    width:107px;
    float:left;
    padding-left:27px;
}

#smartpay .dropdown li h4 span {
    padding-right:0;
}

#smartpay .dropdown li span {
    font-size:21px;
    display: block;
    line-height:100px;
    float:left;
}

#smartpay .dropdown li span.dashboard-payment {
    font-size:21px;
    display: inline-block;
    line-height:100px;
    float:left;
}

#smartpay .dropdown li a {
    color:#60606d;
}

#smartpay .dropdown i {
    font-style: normal;
}

#smartpay .wrapper-options {
    width:750px;
    float:right;
    font-size:20px;
    padding-bottom:29px;
}

#smartpay.dashboard .wrapper-options {
    width:550px;
    float:right;
    font-size:20px;
    padding-bottom:29px;
}

#smartpay .wrapper-options .sup {
    font-size:19px;
    position: absolute;
    color:#37d45c;
    top:-10px;
}

#smartpay .wrapper-options .col1 {
    width:34%;
    float:left;
    border-right:solid 1px #d4d9d6;
    text-align: center;
    padding:6px 0 0 0;
    margin-top:20px;
    position: relative;
}

#smartpay.dashboard .wrapper-options .col1 {
    width:220px;
    float:left;
    border-right:solid 1px #d4d9d6;
    text-align: left;
    padding:6px 0 0 0;
    margin-top:20px;
    position: relative;
}

#smartpay .wrapper-options .col2 {
    width:31%;
    float:right;
    text-align: center;
    padding:6px 0 0 0;
    margin-top:20px;
    position: relative;    
}

#smartpay.dashboard .wrapper-options .col2 {
    width:300px;
    float:left;
    padding:6px 0 0 0;
    margin-top:20px;
    position: relative;    
}

#smartpay .wrapper-options .col3 {
    width:32%;
    float:left;
    text-align: center;
    padding:6px 0 0 0;
    margin-top:20px;
    border-right:solid 1px #d4d9d6;
    border-left:solid 1px #d4d9d6;
    position: relative;
}

#smartpay.dashboard .wrapper-options .col3 {
    width:32%;
    float:left;
    text-align: center;
    padding:6px 0 0 0;
    margin-top:20px;
    border-right:solid 1px #d4d9d6;
    border-left:solid 1px #d4d9d6;
    position: relative;
}

#smartpay .green {
    color:#37d45c;
    font-size: 16px;
    font-weight: 600;
}

#smartpay .wrapper-options h2 {
    font-size:34px;
    font-weight: 800;
    color:#60606d;
    text-align: center;
    padding:0;
}

#smartpay.dashboard .wrapper-options h2 {
    font-size:38px;
    font-weight: 800;
    color:#37d45c;
    text-align: left;
    padding:0 0 0 8px;
}

#smartpay.dashboard .wrapper-options .col2 h2 {
    font-size:38px;
    font-weight: 800;
    color:#37d45c;
    text-align: center;
    padding:0;
}

#smartpay.dashboard .trigger-smartpay-1, #smartpay.dashboard .trigger-smartpay-2 {
    float:right;
}

#smartpay .trigger-smartpay-1 {
    display:block;
    width:46px;
    height:50px;
    background-image:url(../img/ddown-smartpay-arrows@2x.png);
    background-repeat:no-repeat;
    background-size: 38px;
    background-position: 0 31px;
}

#smartpay .trigger-smartpay-2 {
    display:block;
    width:46px;
    height:40px;
    background-image:url(../img/ddown-smartpay-arrows@2x.png);
    background-repeat:no-repeat;
    background-size: 38px;
    background-position: 0 -28px;
}

#section_1_debt_reduction .action-link {
	line-height: 60px;
	height:60px;
	margin: 0px auto;
	width:486px;
	z-index:2;
	padding:0 57px;
	color:#fff;
	font-size:21px;
	font-weight: 600;
	background-color: #00d9a1;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
    text-align: center;
    display: block;
    margin-top:55px;
}

#smartpay.dashboard .action-link {
	line-height: 60px;
	height:60px;
	margin: 0px auto;
	width:486px;
	z-index:2;
	padding:0 57px;
	color:#fff;
	font-size:21px;
	font-weight: 600;
	background-color: #00d9a1;
    border:solid 1px #00d9a1;
	border-radius: 32px;
	-moz-border-radius: 32px;
	-webkit-border-radius: 32px;
    text-align: center;
    display: block;
    margin-top:55px;
}

.red {
    color:#ff5252;
}

/* ---- isotope ---- */

.grid {
  
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .element-item ---- */
#smartpay .button-group {
    width:51.6%;
    float:left;
    padding-top:40px;
    padding-bottom:5px;
}

#smartpay .grid-options {
    width:30%;
    float:right;
    text-align: right;
    padding-top:40px;
    padding-bottom:5px;
}

#sorts button {
    background:#fff;
    border:solid 2px #05c9de;
    color:#616161;
    line-height:47px;
    color:#616161;
    font-size:18px;
    padding:0 57px;
    border-radius: 25px;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
    margin-right:15px;
}

#sorts .question {
    display:block;
    float:right;
    line-height: 24px;
    width:25px;
    background-image:url("../img/sprite-debt-reduction@2x.png");
    background-size:60px;
    background-position:center -170px;
}

#sorts button.is-checked {
    background:#05c9de;
    color:#fff;
}

#section_1_debt_reduction .action-link {
    border:solid 1px #ff8d3a;
    color:#fff;
    background:#ff8d3a;
    margin-top:0px;
    margin-bottom:45px;
}

.element-item {
    position: relative;
    display: block;
    clear:both;
    width:100%;
    height: auto;
    padding: 31px 20px 31px 31px;
    margin-bottom:10px;
    color: #616161;
    font-size: 15px;
    border:solid 1px #e7eae8;
    background: #fff;
  -webkit-box-shadow: 9px 10px 22px -8px rgba(0,0,0,0.18);
    -moz-box-shadow: 9px 10px 22px -8px rgba(0,0,0,0.18);
    box-shadow: 9px 10px 22px -8px rgba(0,0,0,0.18);
}

.element-item img {
    float:left;
    margin-right:2.6%;
}

.element-item .cc-info {
    float:left;
    width:27%;
}

.element-item ul {
    float:right;
    margin:0 0 0 0;
    padding:0 22px 0 0;
    width:44%;
}

.grid-footer-a {
    padding-top:30px;
    display: block;
}

.grid-footer-b {
    float:right;
    margin:0;
    width:75%!important;
    padding-top:30px!important;
    display: block;
}

.element-item ul li {
    float:left;
    width:34%;
    border-right:solid 1px #e1e6e3;
    text-align: center;
    font-size: 23px;
    line-height:23px;
    padding:15px 0;
}

.element-item .minpmt {
    font-size:16px;
    color:#a0a0a7;
}

.grid-footer-b li {
    float:left;
    width:18%;
    text-align: center;
    font-size: 23px;
    line-height:53px;
    padding:0;
    font-weight: 800;
}

.grid-footer-b li:first-child {
    width:41%;
}

.element-item ul li:last-child{
    width:2%;
    float:right;
    border:none;
}

.element-item ul li:nth-child(3n) {
    border:0;
    width:30%;
}

.element-item .ccName {
    font-size:24px;
    font-weight: 800;
}

.element-item .ccNum {
    color:#878787;
}

.element-item input[type=text] {
    border:solid 1px #e1e6e3;
    float:left;
    width:90px;
    line-height:49px;
    height:49px;
    padding:0 20px;
    margin:0;
    color:#60606d;
    font-size: 20px;
    box-shadow: inset 0 0 0 rgba(10, 10, 10, 0.1)
}

.element-item .hiddenorder {
    display:none;
}

.element-item .percentage {
    float:left;
    width:40px;
    line-height:49px;
    height:49px;
    padding:0;
    font-size: 20px;
    text-align: center;
}

.element-item .toggle {
    width:25px;
    height:15px;
    display: block;
    background: url('../img/arrow-toggle-sr@2x.png') no-repeat 0 0;
    background-size: cover;
    margin:0px auto;
    margin-top:5px;
}

.element-item .cc-detail {
    display: none;
    clear:both;
    width:100%;
    padding:3px 0 20px 8%;
    position: relative;
}

.element-item .cc-detail .detail-items {
    line-height:26px;
    font-size:15px!important;
}

.element-item .cc-detail .links {
    padding-top:44px;
    width:69%;
}

.element-item .cc-detail .links a {
    width:277px;
    color:#05c9de;
    font-size:19px;
    line-height: 34px;
    padding-left:52px;
    background:url('../img/sprite-debt-reduction@2x.png') no-repeat 0 0;
    background-size:60px;
}

.element-item .cc-detail .links .float-right {
    background-position:0 -51px;

}

.element-item > * {
  margin: 0;
  padding: 0;
}

.element-item .name {
  position: absolute;

  left: 10px;
  top: 60px;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
  font-weight: normal;
}

.element-item .symbol {
  position: absolute;
  left: 10px;
  top: 0px;
  font-size: 42px;
  font-weight: bold;
  color: white;
}

.element-item .number {
  position: absolute;
  right: 8px;
  top: 5px;
}

.element-item .weight {
  position: absolute;
  left: 10px;
  top: 76px;
  font-size: 12px;
}

.grid-footer-a {
    width:25%;
    float:left;
}

.grid-footer-a a {
    color:#05c9de;
    font-size:19px;
    line-height: 52px;
    display: block;
    padding-left:80px;
    background:url('../img/sprite-debt-reduction@2x.png') no-repeat 0 -101px;
    background-size:60px;
}

.grid-footer-b {
    float:right;
    width:45%;
    margin:0;
    padding:0;
}

.show-snowball {
    display:none;
}

/* Popups */
#comparison, #connect {
    display:none;
}

.border {
    border:solid 1px #cc0000;
}