.calculator-loan { position: relative;}
.calculator-loan label {
   color: #6b6e7d;
    display: block;
    font-weight: bold;
    text-align: left;
    text-transform: uppercase;

}
.calculator-loan input[type=text] {

    font-family: "Open Sans",Arial,Helvetica,sans-serif;
    font-size: 140%;
    font-weight: 200;
    padding: 10px 15px;
}
.calculator-loan button,
.calculator-loan input[type=submit],
.calculator-loan .btn,
.calculator-loan a.btn,
.calculator-loan .grey a.btn,
.calculator-loan .blue a.btn,
.calculator-loan .blue-dark a.btn,
.calculator-loan .gold a.btn {
    display: block;
    box-sizing: border-box;
    width: 100%;
    padding: 10px 20px;
    font-size: 1.5em;
    border: 0;
    background: white;
    cursor: pointer;
    margin: 0 10px 5px 0;
    color: #5f626f;
    text-decoration: none;
    border: 0;
    opacity: .9;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-weight: 200
}
.calculator-loan button.wide,
.calculator-loan input[type=submit].wide,
.calculator-loan .btn.wide,
.calculator-loan a.btn.wide,
.calculator-loan .grey a.btn.wide,
.calculator-loan .blue a.btn.wide,
.calculator-loan .blue-dark a.btn.wide,
.calculator-loan .gold a.btn.wide {
    width: 100%
}
.calculator-loan button.blue,
.calculator-loan button.gold,
.calculator-loan button.grey,
.calculator-loan button.blue-dark,
.calculator-loan input[type=submit].blue,
.calculator-loan input[type=submit].gold,
.calculator-loan input[type=submit].grey,
.calculator-loan input[type=submit].blue-dark,
.calculator-loan .btn.blue,
.calculator-loan .btn.gold,
.calculator-loan .btn.grey,
.calculator-loan .btn.blue-dark,
.calculator-loan a.btn.blue,
.calculator-loan a.btn.gold,
.calculator-loan a.btn.grey,
.calculator-loan a.btn.blue-dark,
.calculator-loan .grey a.btn.blue,
.calculator-loan .grey a.btn.gold,
.calculator-loan .grey a.btn.grey,
.calculator-loan .grey a.btn.blue-dark,
.calculator-loan .blue a.btn.blue,
.calculator-loan .blue a.btn.gold,
.calculator-loan .blue a.btn.grey,
.calculator-loan .blue a.btn.blue-dark,
.calculator-loan .blue-dark a.btn.blue,
.calculator-loan .blue-dark a.btn.gold,
.calculator-loan .blue-dark a.btn.grey,
.calculator-loan .blue-dark a.btn.blue-dark,
.calculator-loan .gold a.btn.blue,
.calculator-loan .gold a.btn.gold,
.calculator-loan .gold a.btn.grey,
.calculator-loan .gold a.btn.blue-dark {
    color: white
}
.calculator-loan button.blue,
.calculator-loan input[type=submit].blue,
.calculator-loan .btn.blue,
.calculator-loan a.btn.blue,
.calculator-loan .grey a.btn.blue,
.calculator-loan .blue a.btn.blue,
.calculator-loan .blue-dark a.btn.blue,
.calculator-loan .gold a.btn.blue {
    background: #2db9ee
}
.calculator-loan button.blue-dark,
.calculator-loan input[type=submit].blue-dark,
.calculator-loan .btn.blue-dark,
.calculator-loan a.btn.blue-dark,
.calculator-loan .grey a.btn.blue-dark,
.calculator-loan .blue a.btn.blue-dark,
.calculator-loan .blue-dark a.btn.blue-dark,
.calculator-loan .gold a.btn.blue-dark {
    background: #0e7da7
}
.calculator-loan button:hover,
.calculator-loan input[type=submit]:hover,
.calculator-loan .btn:hover,
.calculator-loan a.btn:hover,
.calculator-loan .grey a.btn:hover,
.calculator-loan .blue a.btn:hover,
.calculator-loan .blue-dark a.btn:hover,
.calculator-loan .gold a.btn:hover {
    opacity: 1
}
.calculator-loan code {
    padding: 5px;
    margin: 0 5px;
    background: #c9cbd1
}
.calculator-loan .gist {
    font-size: .8em;
    line-height: 1.3em
}
.calculator-loan dt {
    padding: 10px 0 0 0;
    margin: 0;
    font-weight: 600;
    font-size: 1.2em
}
.calculator-loan dt code {
    background: transparent
}
.calculator-loan dd {
    margin-bottom: 20px
}
.calculator-loan .wrap {
    max-width: 1220px;
    margin: 0 auto
}

.calculator-loan .buttons {
    padding: 20px 0 0
}
.calculator-loan .buttons a {
    border: 0
}
.calculator-loan .block {
    padding: 20px 20px 60px 20px
}
.calculator-loan .top-link {
    display: block;
    text-align: center
}
.calculator-loan .grey,
.calculator-loan .blue,
.calculator-loan .gold,
.calculator-loan .blue-dark {
    color: white
}
.calculator-loan .grey a,
.calculator-loan .blue a,
.calculator-loan .gold a,
.calculator-loan .blue-dark a {
    color: white;
    border-color: white
}
.calculator-loan .grey {
    background: #5f626f;
    color: white
}
.calculator-loan .grey-light {
    background: #e5e5e8;
    color: #474a54
}
.calculator-loan .grey-lighter {
    background: #f2f3f4;
    color: #474a54
}
.calculator-loan .blue {
    background: #2db9ee;
    color: white
}
.calculator-loan .blue-dark {
    background: #0e7da7;
    color: white
}
.calculator-loan .gold {
    background: #ee9430;
    color: white
}
.calculator-loan .results {
    background: white none repeat scroll 0 0;
    margin-top: -5px;
    overflow: auto;
    padding: 10px 20px;
    font-size: 15px;
}
.calculator-loan .results p {
    margin: 30px 0;
}
.calculator-loan .results table {
    min-width: 100%
}
.calculator-loan .results table th {
    white-space: nowrap;
    padding: 2px 10px
}
.calculator-loan .results table td {
    padding: 2px;
    text-align: center
}
.calculator-loan .pad {
    padding: 10px 20px
}
.calculator-loan .clear {
    clear: both
}
.calculator-loan .non-phone-only {
    display: none
}

.calculator-loan .error {
    color: #e55;
    left: 0;
    position: absolute;
    top: 0;
}

@media only screen and (min-width: 500px) {
    .phone-only {
        display: none
    }
    .non-phone-only {
        display: block
    }

    .top-link {
        float: right
    }

    button,
    input[type=submit],
    .btn,
    a.btn,
    .grey a.btn,
    .blue a.btn,
    .blue-dark a.btn,
    .gold a.btn {
        width: auto;
        display: inline-block
    }
    .pad {
        padding: 10px 30px
    }
}
@media only screen and (min-width: 768px) {


    .thirty,
    .fourty,
    .fifty,
    .sixty,
    .seventy {
        float: left;
        padding: 10px 3% 10px 0
    }
    .thirty {
        width: 27%
    }
    .fourty {
        width: 37%
    }
    .fifty {
        width: 47%
    }
    .sixty {
        width: 57%
    }
    .seventy {
        width: 67%
    }
    .pad {
        padding: 10px 60px
    }
}
@media only screen and (min-width: 1024px) {

}