body
{
    font-size: .97rem;;
}

.btn {
    padding: .675rem .75rem .4rem .75rem;
    line-height: 1.25;
    font-family: "Helvetica LT Std Condensed", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

.h1, h1 {
    font-size: 2.25rem;
}

.h3, h3 {
    font-size: 1.77rem;
}

.h5, h5 {
    font-size: 1.1rem;
}

footer {
    background: #333333;
    color: #ffffff;
    font-size: .77em;
}

footer a {
    color: #ffffff;
}

footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

footer div {
    padding-top: 10px;
}

footer section {
    padding-top: 20px;
    padding-bottom: 10px;
}

footer .divider {
    border-bottom: solid 1px rgb(255,255,255);
    border-bottom: solid 1px rgba(255,255,255, .8);
}

footer p, #footer-text, .footer-section span {
    opacity: .8;
    line-height: 1.4;
    margin-top: 2px;
}

.footer-section span {
    display: block;
}

#footer-text, .footer-section span {
    margin-bottom: 1rem;
}

#page-header .btn-secondary {
    padding-left: 2rem;
    padding-right: 2em;
}

#home-hero { 
    background-image: linear-gradient(rgba(0,0,0,.5), rgba(0,0,0,.5)), url(/application/themes/thd/images/thd-kitchen-hero-img.jpg);
    background-size: cover;
    background-position: center;
    height: 277px;
    display: flex;
}

#home-hero .btn-secondary {
    line-height: 1.5em;
    border-bottom: 3px solid #000;
    height: 53px;
    font-size: 1.02rem;
}

#home-hero .btn-primary {
    line-height: 1.15em;
    border-bottom: 3px solid #c14c00;
    height: 53px;
    padding-top: .575rem;
}

#home-hero-2 { 
    background-image: url(/application/themes/thd/images/thd-bathroom-img.jpg);
    background-size: cover;
    background-position: center center;
    height: 300px;
    display: flex;
}

#loan-benefits h5 {
    margin-top: .6rem;
    margin-bottom: .1rem;
    line-height: 1.4;
    font-weight: bold;
    font-family: "fontffo       fsafsdfasfffsodnfdfalskdffon    asdfasdfasdf", "Helvetica Neue",Helvetica,Arial,sans-serif
}

#loan-benefits .table td, #loan-benefits  .table th {
    border-top: 1px solid #333333;
}

#loan-benefits .lb-checkmark {
     width: 62px;
}

#loan-benefits .lb-checkmark img {
     padding-top: 2px;
     margin-bottom: 20px;
}

#payment-examples h5 {
    font-family: "Helvetica LT Std Roman", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
}
#payment-examples .table tbody td:first-child { 
    color: #ffffff;
    background-color : #a1a1a5;
    border-top: 1px solid #fffffe;
    width: 50%;
    padding-bottom: .45em;
    padding-top: .70em;
    line-height: 1.5em;
    font-weight: bold;
}

#payment-examples .table tbody td:last-child { 
    color: #333333;
    background-color : #ffffff;
    border: solid 1px #a1a1a5;
    width: 50%;
    padding-bottom: .45em;
    padding-top: .70em;
    line-height: 1.5em;
    font-weight: bold;
}

#payment-examples .table thead th {
    border-bottom: 1px solid #a1a1a5;
    line-height: 1.1em;
    font-size: .9rem;
    font-weight: bold;
    font-family: "Helvetica LT Std Condensed", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#payment-info .h6, #payment-info h6, #contact-us .h6, #contact-us h6 
{
    font-family: "Helvetica LT Std Roman", "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.18;
}

#payment-info ul li, #contact-us ul li {
    padding-left: 7px;
    font-size: 1.2rem;
    line-height: 1.18;
}

#payment-info ul li address, #contact-us ul li address {
    line-height: 1.4;
}

#payment-info ul, #contact-us ul  {
    padding-left: .85rem!important;
}

#payment-info ul li span, #contact-us ul li span {
    font-size: .99rem;
    line-height: 1.18;
}

#payment-info hr, #contact-us hr {
    margin-top: .8rem!important;
    border-top: solid 1px #333333;
}

#home-welcome img, #home-welcome svg {
    margin-right: 40px;
    margin-bottom: 28px;
    margin-top: 19px;
}

#home-welcome h5 {
    font-family: "Helvetica Lt Std Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#disclosure {
    text-decoration: underline;
    font-weight: bold;
    margin-left: 2px;
}

#disclosure-holder {
    padding-top: .8rem;
}

.navbar-expand-lg .navbar-toggler {
    display: none;
}

collapse:not(.show) {
    display: flex!important;
}
.navbar-expand-lg .navbar-collapse {
    display: flex!important;
    flex-basis: auto;
}

@media only screen and (min-width: 576px) {
    
    #home-welcome #thd-sm-logo2, #home-welcome #get-it-installed2, #home-welcome #home-depot-com2  {
        display: none;
    }
    
    #home-hero {
        height: 250px;
    }
    
}

@media only screen and (min-width: 768px) {

    #home-welcome #home-depot-com {
        margin-top: 46px;
    }
    
    .pt-4, .py-4 {
        padding-top: 1.9rem!important;
    }
    
    #payment-info .pt-3, #payment-info .py-3, #contact-us .pt-3, #contact-us .py-3 {
        padding-top: .9rem!important;
    }
    
    #home-welcome #thd-sm-logo, #home-welcome #get-it-installed, #home-welcome #home-depot-com {
        margin-bottom: 34px;
    }
}

@media only screen and (min-width: 992px) {

    #home-welcome #get-it-installed {
        margin-right: 0px;
    }
    
    #home-welcome #home-depot-com {
        margin-top: 11px;
    }
    
    #home-hero-2 {
        background-position: center 565px;
    }
}

@media only screen and (min-width: 1200px) {
    #page-header .container {
        padding: 0 0;
    }
    
    .full-on-xl {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 767px) {
    .h1, h1 {
        font-size: 1.75rem;
        
    }

    .h3, h3 {
        font-size: 1.5rem;
    }
    
    .h5, h5 {
    font-size: 1.1rem;
    }
    
    .btn, #home-hero .btn-secondary {
        font-size: .9rem;
    }
    
    .btn small {
        font-size: 73%; 
    }
    
    #page-header .btn-secondary {
        padding-left: 1rem;
        padding-right: 1em;
    }
    
    #home-welcome #thd-sm-logo2, #home-welcome #get-it-installed2  {
        margin-right: 34px;
        display: block;
    }
    
    #home-welcome #home-depot-com2 {
        margin-right: 0px;
        margin-top: 37px;
        display: block;
    }
    
    #home-welcome #thd-sm-logo, #home-welcome #get-it-installed, #home-welcome #home-depot-com  {
        display: none;
    }
    
    #contact-us {
        margin-bottom: 11px;
    }
    
    #contact-us h5.invisible {
        display: none;
    }
    
    
    #payment-examples .table thead th {
        font-size: .75rem;
    }
    
    .small, small {
    font-size: 100%;
    }
    
    #payment-info .h6, #payment-info h6, #contact-us .h6, #contact-us h6 {
    font-size: .87rem;
    }
    
    #payment-info ul li span, #contact-us ul li span {
        font-size: .9rem;
    }
    body {
        font-size: .87rem;
    }
    
    .h5, h5 {
        font-size: .98rem;
    }
    
    #payment-info h5 {
        margin-top: 5px;
    }
    footer p {
    font-size: .74rem;
    }
}

@media only screen and (max-width: 575px) {

    .container {
        width: 100%;
        padding-right: 30px;
        padding-left: 30px;
    }
    #home-hero .btn-primary {
        margin-bottom: 20px;
    }
    #home-hero #btn-primary-holder {
        padding-left: 15px!important;
    }
    #home-hero #btn-secondary-holder {
        padding-right: 15px!important;
    }
    
    #page-header .btn-secondary {
        padding-left: 1rem;
        padding-right: 1em;
    }
    #home-hero {
        height: 377px;
    }
    
    #home-welcome #home-depot-com2 {
        margin-top: 12px;
    }
    
    #gs-installment p
    {
        font-size: 1rem !important;
    }
    
    #home-welcome #thd-sm-logo2, #home-welcome #get-it-installed2 {
    margin-bottom: 14px;
    }
   
}


h1.multi-lang-tab-heading {
    font-size: 28px;
    line-height: 38px;
    text-align: center;
}

h2.multi-lang-tab-heading {
    font-size: 24px;
    line-height: 34px;
    text-align: center;
}

.thd-tabs ul.nav-tabs {
    padding-left: 0px;
}

.thd-tabs ul.nav-tabs {
    background-color: #f4f4f4;
    height: 35px;
}

.thd-tabs {
    border: 1px solid #d9d9d9;
    margin-top: 30px;
    margin-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.thd-tabs .tab-pane {
    padding: 24px 30px;
}

.thd-tabs ul.nav-tabs li {
    float: left;
    border-right: 1px solid #d9d9d9;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    max-width: 100%;
    display: table;
    z-index: 11;
    line-height: 1.7em;
    font-size: 16px;
    font-style: normal;
    height: 30px;
}

.thd-tabs ul.nav-tabs li a {
    text-decoration: none;
    color: #666;
    padding: 4px 30px;
    vertical-align: middle;
    display: table-cell;
    line-height: inherit;
    font-weight: 500;
}

.thd-tabs ul.nav-tabs li a.active {
    background-color: #fff;
    color: #333!important;
}