﻿/*custom styles,  do not move them to wayfair.css or ths.css*/

.add-large-margin-top {
    margin-top: 20px;
}

#tinymce {
    padding-top: 10px !important;
}

span.field-validation-error {
    font-size: 2rem;
    color: #cc0033;
}

.error-message {
    color: red;
    font-weight: 700;
}

.breadcrumb-container {
    background-color: #fff;
}

.breadcrumb > .active {
    color: #1a3668;
}

.breadcrumb {
    padding: 10px 0;
}

@media (max-width:1200px) and (min-width:768px) {
    .col-lg-4 .breadcrumb, .col-md-3 .breadcrumb {
        padding-top: 40px;
    }
}

.user-navigation a.user-nav-link:after {
    display: none;
}

a.navbar-brand.brand-container.visible-xs {
    margin-left: 15%
}

.box-title-bar {
    color: #fff;
    background-color: #173569 !important;
}

@media (min-width:768px) {
    .carousel-caption .carousel-caption-inner .custom-list, .carousel-caption .carousel-caption-inner h2 {
        display: table;
    }
}

.carousel-caption-inner {
    display: inline-block;
}

@media (min-width:768px) {
    .carousel-caption .carousel-caption-inner {
        background: 0 0;
    }
}

@media (max-width:1200px) and (min-width:768px) {
    .carousel-caption {
        width: 50%
    }
}

@media (min-width:1200px) {
    .carousel-caption {
        width: 38%
    }
}

@media (min-width:768px) {
    .carousel-caption .carousel-caption-inner .custom-list {
        margin-top: 0;
    }
}

#loading {
    position: fixed;
    width: inherit;
    height: 100%;
    background: url(img/spinner.gif) no-repeat center center;
    z-index: 5 !important;
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: none;
}

@media (max-width:767px) {
    .fa-xxs.fa {
        margin-top: 0;
    }

    .top-navigation .navbar-nav > li:last-child a {
        padding-right: 4px;
    }

    a.navbar-brand.brand-container.visible-xs {
        width: 180px !important;
        display: inline-block !important;
        position: relative;
        background-position: 50% 0;
        transform: translateX(20px);
        margin: 10px auto !important;
    }

    .footer .footer-menu > li a {
        padding: 2px 10px !important;
    }

    .fa.fa-xxs {
        line-height: 20px !important;
        position: absolute !important;
    }
}

.warning-message {
    color: red;
}

    .warning-message p {
        font-size: 1.5rem;
    }

.custom-container {
    display: inline-block;
    margin-bottom: 10px;
}

.static-slider .carousel-control:hover {
    cursor: default;
}

@media (max-width:991px) and (min-width:767px) {
    header.affix .col-sm-4, header.affix-top .col-sm-4 {
        max-width: 219px;
    }

    .carousel-caption {
        width: 50% !important;
    }

    .brand-container {
        background-size: contain !important;
        background-position: left bottom !important;
    }

    header.affix .col-sm-8, header.affix-top .col-sm-8 {
        padding-left: 0;
        width: -webkit-calc(100% - 220px);
        width: -moz-calc(100% - 220px);
        width: -ms-calc(100% - 220px);
        width: -o-calc(100% - 220px);
        width: calc(100% - 220px);
    }

    .top-navigation .navbar-nav > li > a {
        font-size: 13px !important;
    }
}

.error {
    color: red;
    font-weight: 400;
}

#lead .modal-header .close {
    margin-bottom: 15px;
    margin-left: 15px;
}

@media (max-width:767px) {
    #appointments > div {
        padding-left: 0;
        padding-right: 0;
    }
}

.carousel-inner > .custom-list > ul > li:last-child {
    margin-bottom: 0;
}

@media (max-width:767px) {
    #popupTitle > p {
        text-align: left !important;
    }
}

.disclaimer-text {
    padding-top: 0 !important;
}

#new-project .well .btn-block, #new-project .well .form-control + .form-control {
    margin-top: 20px;
}

.pad-rt-15 {
    padding-right: 15px;
}

.step .btn-info {
    margin-bottom: 5px;
}

a.btn-very-large {
    padding-top: 21px !important;
    padding-bottom: 21px !important;
}

.financing-module {
    margin: 0 auto !important;
}

.ths-measurements-wrapper input[readonly] {
    background-color: #ebebe4;
    opacity: 1;
}

.wizard-container {
    padding-bottom: 20px;
}

.add-small-margin-top {
    margin-top: 5px !important;
}

.quote-summary-container {
    padding-bottom: 15px;
}

    .quote-summary-container .heading-primary {
        margin-bottom: 0;
    }

        .quote-summary-container .heading-primary a {
            color: #fff;
        }

            .quote-summary-container .heading-primary a:hover {
                color: #d2d7da;
            }

    .quote-summary-container .room-title {
        font-weight: 700;
        text-transform: uppercase;
    }

        .quote-summary-container .room-title.no-capitalization {
            text-transform: none;
        }

    .quote-summary-container .heading-primary input[type=checkbox] {
        display: none;
    }

        .quote-summary-container .heading-primary input[type=checkbox] + input[type=hidden] + label i {
            font-family: FontAwesome;
            padding-right: 10px;
            font-weight: 400;
            font-size: 1.33333333em;
            line-height: .75em;
            vertical-align: -15%
        }

    .quote-summary-container .heading-primary label {
        margin-bottom: 0;
        padding-right: 70px;
        font-size: 2.4rem;
    }

.further-information--list label {
    font-weight: 400;
}

.quote .your-quote-wrapper:not(:first-child) {
    margin-top: 15px;
    clear: left;
}

#project-summary > .row > div {
    margin-bottom: 20px;
}

.your-quote-wrapper {
    height: 100%
}

    .your-quote-wrapper.product-info {
        height: auto;
        overflow: initial;
    }

.project-summary-steps > .row, .project-summary-steps > .row > div {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

    .project-summary-steps .your-quote-wrapper:last-child, .project-summary-steps > .row, .project-summary-steps > .row > div {
        -o-flex-grow: 1;
        -webkit-flex-grow: 1;
        flex-grow: 1;
    }

.bottom-15 {
    margin-bottom: 15px;
}

.bottom-10 {
    margin-bottom: 10px !important;
}

.your-quote-wrapper .section {
    margin: 20px auto;
}

.step-container .fa-info-circle, .step-container .fa-question-circle {
    color: #333;
}

.help-block.with-errors ol, .help-block.with-errors ul {
    margin-bottom: 0;
}

.help-block.with-errors {
    color: #ee2700;
    margin-bottom: 0;
}

.ths-measurements-wrapper .help-block.with-errors {
    margin-top: 5px;
}

.box-with-border .title {
    margin-top: 0;
    margin-bottom: 15px;
}

.btn.btn-break {
    white-space: normal;
}

.gray-spacer {
    border-bottom: 2px solid #e5e5e5;
}

.separator {
    border-bottom: 2px solid #129cd8;
    margin: 20px 0 0;
}

.grey-separator {
    border-bottom: 2px solid #e5e5e5;
    margin: 20px 0 0;
}

@media (max-width:767px) {
    .flex-box {
        display: inline !important;
    }
}

@media (min-width:768px) {
    .flex-box {
        display: -webkit-flex;
        display: flex;
    }

        .flex-box > div {
            -webkit-align-self: flex-end;
            align-self: flex-end;
        }
}

.fake-link {
    text-decoration: underline;
    cursor: pointer;
}

.box-with-grey-border {
    border: 2px solid #a4a19e;
    padding: 10px 0;
}

.header-grey-box {
    background: #000;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 20px 10px 20px;
    font-size: 2.5rem;
    margin-bottom: 0;
}

.no-padding {
    padding: 0 !important;
}

.quote .your-quote-inside .your-quote-subheader {
    padding-top: 10px;
    padding-bottom: 10px;
}

.ths-measurement-left-label .pull-right {
    padding-right: 20px;
}

.room-title {
    display: inline-block;
    padding-right: 25px;
}

body.modal-open {
    overflow: hidden !important;
}

.video-container {
    position: relative;
    width: 100%;
    height: 100%;
    padding-bottom: 57.25%
}

    .video-container iframe {
        width: 100% !important;
        height: 100% !important;
        position: absolute;
        padding-bottom: 10px;
    }

.no-margin {
    margin: 0 !important;
}

.clear-left {
    clear: left;
}

.ths-center-buttons .btn {
    white-space: initial;
}

.btn-list .btn + .btn {
    margin-left: 15px;
}

@media (min-width:992px) {
    .next-steps .btn.btn-block {
        white-space: nowrap !important;
    }
}

.contractor-info {
    display: table;
    margin: auto;
}

    .contractor-info > span {
        display: table-row;
        padding: 5px 0;
    }

        .contractor-info > span > span {
            display: table-cell;
            padding: 10px 0 0 20px;
        }

            .contractor-info > span > span:first-child {
                text-align: right;
            }

@media (max-width:767px) {
    .media-mobile-hide {
        display: none;
    }

    .contractor-info {
        display: block;
        margin: auto;
    }

        .contractor-info > span {
            display: block;
            padding: 5px 0;
        }

            .contractor-info > span > span {
                display: block;
                padding: 10px 0 0 20px;
            }

                .contractor-info > span > span:first-child {
                    text-align: left;
                }
}

.image-with-text-container > .row {
    width: 100%;
    margin: 20px auto 20px auto !important;
}

@media (min-width:768px) {
    .image-with-text-container > .row {
        display: flex;
        align-items: center;
    }
}

.image-with-text-container img {
    margin: auto;
}

.image-with-text-container .heading-carousel {
    width: calc(100% - 30px) !important;
}

.image-with-text-container .carousel-heading-1 {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

@media (min-width:768px) {
    .tabs-nav .nav-tabs > li.external-tab > a, .tabs-nav .nav-tabs > li.external-tab > a: focus, .tabs-nav .nav-tabs > li.external-tab > a:hover {
        border-left: 1px solid transparent;
    }
}

.nav-tabs > li.external-tab > a:hover {
    cursor: pointer;
}

@media (max-width:767px) {
    .tabs-nav .nav-tabs > li.external-tab > a: after {
        -moz-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@media (min-width:768px) {
    .custom-tiles .three-in-a-row {
        display: flex;
        justify-content: center;
    }
}

@media (min-width:768px) {
    .carousel-inner.slide .nav-tabs {
        display: flex;
        white-space: nowrap;
        overflow: hidden;
    }

        .carousel-inner.slide .nav-tabs > li {
            display: flex;
            float: none;
            margin-left: -3px;
            white-space: pre-wrap;
            text-align: center;
            max-width: 170px;
            -ms-flex: 1 0 auto;
        }

            .carousel-inner.slide .nav-tabs > li:first-child {
                padding-left: 10px;
            }

            .carousel-inner.slide .nav-tabs > li > a {
                justify-content: center;
                -ms-flex-align: center;
                -webkit-align-items: center;
                -webkit-box-align: center;
                display: flex;
            }

    #customSlideCarousel .carousel-control {
        background: 0 0;
    }

    .carousel-inner.slide {
        width: calc(100% - 100px);
        margin: auto;
    }
}

#customSlideCarousel .carousel-control .fa-chevron-circle-left, #customSlideCarousel .carousel-control .fa-chevron-circle-right {
    top: 35%
}

@media (max-width:767px) {
    .carousel-inner.slide {
        overflow: visible;
    }
}

.btn-menu {
    color: #fff !important;
    padding-right: 15px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    min-height: 30px;
    margin-top: 10px;
    padding-left: 15px !important;
}

.copyright p {
    font-size: 1.7rem !important;
}

.quote-summary-container .ths-secondary-nav {
    padding-top: 20px;
    padding-left: 12px;
}

.ths-secondary-nav.collapse {
    display: none;
}

    .ths-secondary-nav.collapse.in {
        display: inline-block;
    }

.your-quote-wrapper .modal-body .ths-center-buttons-container h3 {
    margin-top: 20px;
}

.modal-body .ths-center-buttons {
    margin: 0 auto;
}

@media (min-width:768px) {
    .modal.center {
        text-align: center;
        padding: 0 !important;
    }

        .modal.center:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
            margin-right: -4px;
        }

        .modal.center .modal-dialog {
            display: inline-block;
            text-align: left;
            vertical-align: middle;
        }
}

.option-item .option-item-inner img {
    margin-bottom: 15px;
}

.custom-container .estimate-name {
    padding-left: 10px;
}

ol.nostyle {
    list-style-type: none;
}

.nav-tabs.nav-my-projects > li:not(.active) > a, .nav-tabs.nav-my-projects > li:not(.active) > a:focus, .nav-tabs.nav-my-projects > li:not(.active) > a:hover {
    background-color: #a4a19e !important;
    color: #fff !important;
    border-color: #a4a19e !important;
}

.comparison-table {
    margin-top: 20px;
    margin-bottom: 20px;
}

@media (max-width:767px) {
    .comparison-table {
        overflow-x: auto;
    }
}

.comparison-table--row {
    display: table-row;
}

.comparison-table--header {
    display: table-cell;
    width: 50%;
    background-color: #f1f1f1;
    font-size: 2rem;
    padding: 6px;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
}

.comparison-table--cell {
    display: table-cell;
    width: 50%;
    background-color: #fff;
    border-left: 1px solid #707070;
    border-bottom: 1px solid #707070;
    padding: 16px 6px 6px 6px;
}

    .comparison-table--cell:last-child, .comparison-table--header:last-child {
        border-right: 1px solid #707070;
    }

.comparison-table--row:first-child .comparison-table--cell, .comparison-table--row:first-child .comparison-table--header {
    border-top: 1px solid #707070;
}

.navbar-contact .space-bar {
    padding-left: 5px;
    padding-right: 7px;
    color: #585858;
}

.autoHeight {
    height: auto !important;
}

@media (min-width:500px) and (max-width:767px) {
    .custom-carousel .carousel-inner > .item > div, [id^=customCarouselFour] .carousel-inner > .item > div {
        width: 50%;
        display: block !important;
        float: left;
    }

        .custom-carousel .carousel-inner > .item > div:first-child, [id^=customCarouselFour] .carousel-inner > .item > div:first-child {
            padding-right: 5px;
        }

        .custom-carousel .carousel-inner > .item > div:last-child:not(:first-child), [id^=customCarouselFour] .carousel-inner > .item > div:last-child:not(:first-child) {
            padding-left: 5px;
        }
}

.no-padding-right {
    padding-right: 0 !important;
}

.no-padding-top {
    padding-top: 0 !important;
}

.no-padding-bottom {
    padding-bottom: 0 !important;
}

.no-padding-left {
    padding-left: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

div.background-white {
    background-color: #fff;
}

.red-separator {
    border-bottom: 2px solid #c00;
    margin-bottom: 20px;
}

.large-padding-left {
    padding-left: 10px !important;
}

.large-padding-right {
    padding-right: 10px !important;
}

.small-padding-left {
    padding-left: 5px !important;
}

.xsmall-padding-left {
    padding-left: 2.5px !important;
}

.xsmall-padding-right {
    padding-right: 2.5px !important;
}

.small-padding-right {
    padding-right: 5px !important;
}

.btn-icon {
    display: inline-block;
    padding: 4px 12px;
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    color: #333;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #fff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);
    background-image: -o-linear-gradient(top, #fff, #e6e6e6);
    background-image: linear-gradient(to bottom, #fff, #e6e6e6);
    background-repeat: repeat-x;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, .1) rgba(0, 0, 0, .1) rgba(0, 0, 0, .25);
    border: 1px solid #ccc;
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 1px 2px rgba(0, 0, 0, .05);
}

    .btn-icon.active, .btn-icon.disabled, .btn-icon:active, .btn-icon:focus, .btn-icon:hover, .btn-icon[disabled] {
        color: #333;
        background-color: #e6e6e6;
    }

    .btn-icon:focus, .btn-icon:hover {
        color: #333;
        text-decoration: none;
        background-position: 0 -15px;
        -webkit-transition: background-position .1s linear;
        -moz-transition: background-position .1s linear;
        -o-transition: background-position .1s linear;
        transition: background-position .1s linear;
    }

    .btn-icon:focus {
        outline: thin dotted #333;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn-icon.active, .btn-icon:active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
        box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    }

    .btn-icon.disabled, .btn-icon[disabled] {
        cursor: default;
        background-image: none;
        opacity: .65;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

[class*=" icon-"], [class^=icon-] {
    display: inline-block;
    width: 14px;
    height: 14px;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url(/css/img/glyphicons-halflings.png);
    background-position: 14px 14px;
    background-repeat: no-repeat;
    margin-top: 1px;
}

.icon-plus {
    background-position: -408px -96px;
}

.icon-minus {
    background-position: -433px -96px;
}

.no-uppercase {
    text-transform: capitalize !important;
}

.header1 {
    font-size: 4rem;
}

.header2 {
    font-size: 3rem;
    font-weight: 400;
}

.header3 {
    font-size: 24px;
    font-weight: 700;
}

.header4 {
    font-size: 2rem;
}

.header5 {
    font-size: .83em;
}

.header6 {
    font-size: .75em;
}

.skip-to-main-content {
    position: absolute;
    top: -1000px;
    left: -1000px;
    height: 1px;
    width: 1px;
    text-align: left;
    overflow: hidden;
    font-size: 1.5rem;
}

    .skip-to-main-content:active, .skip-to-main-content:focus, .skip-to-main-content:hover {
        left: 0;
        top: 0;
        width: auto;
        height: auto;
        overflow: visible;
        z-index: 200;
    }

        .skip-to-main-content:active + .hidden + .main-container #header, .skip-to-main-content:focus + .hidden + .main-container #header, .skip-to-main-content:hover + .hidden + .main-container #header {
            top: 22px !important;
        }

.carousel-container .container.pausable {
    position: relative;
}

.pausable .carousel-button {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 15;
    text-align: center;
    border: 0;
    line-height: 10px;
}

    .pausable .carousel-button, .pausable .carousel-button:active, .pausable .carousel-button:focus, .pausable .carousel-button:hover {
        line-height: 10px;
        background: rgba(0, 0, 0, .65);
        border: none;
        color: #fff;
        vertical-align: central;
        padding: 7px 7px;
    }

        .pausable .carousel-button i {
            line-height: 10px;
            border: none;
            width: 13px;
            text-shadow: none;
            bottom: 0 !important;
            font-size: small;
        }

#carousel-testimonials .carousel-button {
    margin-bottom: 20px;
    margin-right: 15px;
}

.no-uppercase {
    text-transform: capitalize !important;
}

.skip-to-main-content:active, .skip-to-main-content:focus, .skip-to-main-content:hover {
    left: 0;
    top: 0;
    width: auto;
    height: auto;
    overflow: visible;
    z-index: 200;
}

    .skip-to-main-content:active + .hidden + .main-container #header, .skip-to-main-content:focus + .hidden + .main-container #header, .skip-to-main-content:hover + .hidden + .main-container #header {
        top: 22px !important;
    }

.noYearDatePicker .ui-datepicker-year {
    display: none;
}

.form-group legend {
    font-size: 2rem;
    border: 0;
}

.label-legend {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    font-weight: 700;
    border: none;
    font-size: 1.6rem !important;
}

.quote-icon {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
}

.header1.heading-primary {
    font-size: 2rem;
    font-weight: 600;
}

.header1, .header2, .header3 {
    margin-top: 20px;
    margin-bottom: 10px;
}

.disabled.btn-hss {
    color: #000 !important;
}

.carousel-caption .header2 {
    margin-bottom: 30px;
}

a.carousel-control:focus, a.dropdown-toggle:focus {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

#miniShoppingCartIcon a {
    margin-top: 5px;
    padding-top: 5px;
    padding-bottom: 10px;
}

span.text-xxlarge:focus-within {
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

.brand-container img {
    padding-top: 10px;
}

.brand-container.visible-xs img {
    padding-top: 0;
}

.nav-my-projects {
    margin-top: 15px;
}

@media (min-width:768px) {
    .ths-secondary-nav li a {
        display: flex;
        margin: 0 auto;
    }

    .ths-secondary-nav li:first-child a span {
        text-align: center;
        max-width: calc(100% - 18px);
        width: 100%;
        margin: 0;
    }

    .ths-secondary-nav li a span {
        text-align: center;
        max-width: calc(100% - 36px);
        width: 100%;
        margin: 0;
    }

    .ths-secondary-nav li:first-child:nth-last-child(2), .ths-secondary-nav li:first-child:nth-last-child(2) ~ li {
        width: calc(100%/2 + 12px - .01px);
    }

    .ths-secondary-nav li:first-child:nth-last-child(3), .ths-secondary-nav li:first-child:nth-last-child(3) ~ li {
        width: calc(100%/3 + 12px - .01px);
    }

    .ths-secondary-nav li:first-child:nth-last-child(4), .ths-secondary-nav li:first-child:nth-last-child(4) ~ li {
        width: calc(100%/4 + 12px - .01px);
    }

    .ths-secondary-nav li:first-child:nth-last-child(5), .ths-secondary-nav li:first-child:nth-last-child(5) ~ li {
        width: calc(100%/5 + 12px - .01px);
    }

    .ths-secondary-nav li:first-child:nth-last-child(6), .ths-secondary-nav li:first-child:nth-last-child(6) ~ li {
        width: calc(100%/6 + 12px - .01px);
    }

    .ths-secondary-nav li:first-child:nth-last-child(7), .ths-secondary-nav li:first-child:nth-last-child(7) ~ li {
        width: calc(100%/7 + 12px - .01px);
    }

    .ths-secondary-nav li:first-child:nth-last-child(8), .ths-secondary-nav li:first-child:nth-last-child(8) ~ li {
        width: calc(100%/8 + 12px - .01px) !important;
    }
}

#paymentDetails, .payment-thank-you p.paragraph-alternative {
    font-size: 20px !important;
}

.gift-card-box {
    padding: 60px 20px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    color: #fff;
}

@media (min-width:1200px) {
    .gift-card-box {
        margin-top: 10%
    }
}

.gift-card-box > div {
    display: inline-block;
}

.gift-card-box .gift-card-total {
    font-size: 85px;
}

.gift-card-box .gift-card-description {
    font-size: 25px;
    padding-left: 10px;
    text-align: left;
}

.gift-card-box .headline {
    font-size: 40px;
    height: 45px;
}

#next-steps .row a.btn.btn-primary {
    padding-left: 0;
    padding-right: 0;
    font-size: 16px;
}

#locationSpecifications input, #locationSpecifications select {
    font-size: 2rem;
}

.bordered-box {
    border: 3px solid #000;
    padding: 15px 10px;
    margin-bottom: 20px;
}

.flex-center {
    display: flex;
    justify-content: center;
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
}

#form-SinksSection a.btn, #form-SinksSection button.btn {
    font-size: 2rem;
    padding: 11px 2px;
}

#purchaseQuoteForm input, #purchaseQuoteForm label, #purchaseQuoteForm select, #saveContactInfoForm input, #saveContactInfoForm label, #saveContactInfoForm select, #saveQuoteAndExitForm input, #saveQuoteAndExitForm label, #saveQuoteAndExitForm select, #saveQuoteAndViewEstimateForm input, #saveQuoteAndViewEstimateForm label, #saveQuoteAndViewEstimateForm select, #zip-form input, #zip-form label, #zip-form select, #zip-form-modal input, #zip-form-modal label, #zip-form-modal select {
    font-size: 2rem;
}

.ths-colors-tab > aside legend {
    font-size: 2.4rem;
}

.checkbox-inline, .radio-inline {
    font-size: 2rem;
}

@media (min-width:768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width:992px) {
    .modal-lg {
        width: 900px;
    }
}

.ths-secondary-nav {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0 0 20px 0;
    list-style-type: none;
}

@media (max-width:1000px) {
    .ths-secondary-nav {
        margin-top: 30px;
    }
}

.ths-secondary-nav li {
    float: left;
    margin-left: -12px;
}

@media (max-width:1000px) {
    .ths-secondary-nav li {
        margin-bottom: 10px;
    }
}

.ths-secondary-nav li:last-child:not(:first-child) {
    padding-right: 0;
}

.ths-secondary-nav li a {
    text-transform: none;
    position: relative;
}

    .ths-secondary-nav li a span {
        background-color: #585858;
        color: #fff;
        padding: 9px 15px 9px 15px;
        display: inline-block;
        font-weight: 700;
        height: 40px;
        font-size: 16px;
        text-transform: uppercase;
    }

    .ths-secondary-nav li a:before {
        content: "";
        position: relative;
        width: 0;
        height: 0;
        border-left: 18px solid transparent;
        border-right: 0;
        display: block;
        top: 0;
        left: 0;
        bottom: 0;
        float: left;
        background-color: transparent;
        border-bottom-color: #666;
        border-top-color: #666;
    }

    .ths-secondary-nav li a:after {
        content: "";
        position: relative;
        width: 0;
        height: 0;
        border-left: 18px solid;
        border-right: 0;
        border-bottom: 20px solid transparent;
        border-top: 20px solid #fff;
        display: block;
        top: 0;
        right: 0;
        bottom: 0;
        float: right;
        background-color: transparent;
    }

    .ths-secondary-nav li a.nav-completed span {
        background-color: #ebebeb;
        color: #000;
    }

    .ths-secondary-nav li a.nav-completed:before {
        border-bottom: 20px solid #ebebeb;
        border-top: 20px solid #ebebeb;
    }

    .ths-secondary-nav li a.nav-active span {
        background-color: #000;
    }

    .ths-secondary-nav li a.nav-active:after {
        border-left: 18px solid #000;
    }

    .ths-secondary-nav li a.nav-active::before {
        border-bottom: 20px solid #000;
        border-top: 20px solid #000;
    }

    .ths-secondary-nav li a:not(.nav-active):before {
        border-bottom: 20px solid #585858;
        border-top: 20px solid #585858;
    }

    .ths-secondary-nav li a:not(.nav-active):after {
        border-left: 18px solid #585858;
    }

    .ths-secondary-nav li a:not(.nav-active).nav-completed:after {
        border-left: 18px solid #ebebeb;
    }

    .ths-secondary-nav li a:not(.nav-active).nav-completed:before {
        border-bottom: 20px solid #ebebeb;
        border-top: 20px solid #ebebeb;
    }

    .ths-secondary-nav li a:not(.nav-completed) {
        cursor: auto;
    }

.ths-secondary-nav li:first-child:not(:last-child) a:before {
    display: none;
}

@media (min-width:768px) {
    #genericWizard-container .ths-secondary-nav {
        margin-left: -3px;
        width: calc(100% + 15px);
    }
}

#countertops-form .ths-secondary-nav {
    margin-bottom: 0;
}

#enhancedFlooring-form .ths-secondary-nav {
    margin-bottom: 0;
}

.ths-secondary-nav .OldWaterHeater2 {
    display: none;
}

.form-horizontal label.control-label {
    padding-right: 0;
}

.your-quote-inside#next-steps {
    width: 100%
}

.col-lg-1, .col-lg-1-5, .col-lg-10, .col-lg-10-5, .col-lg-11, .col-lg-11-5, .col-lg-12, .col-lg-2, .col-lg-2-5, .col-lg-3, .col-lg-3-5, .col-lg-4, .col-lg-4-5, .col-lg-5, .col-lg-5-5, .col-lg-6, .col-lg-7, .col-lg-7-5, .col-lg-8, .col-lg-8-5, .col-lg-9, .col-lg-9-5, .col-md-1, .col-md-1-5, .col-md-10, .col-md-10-5, .col-md-11, .col-md-11-5, .col-md-12, .col-md-2, .col-md-2-5, .col-md-3, .col-md-3-5, .col-md-4, .col-md-4-5, .col-md-5, .col-md-5-5, .col-md-6, .col-md-6-5, .col-md-7, .col-md-7-5, .col-md-8, .col-md-8-5, .col-md-9, .col-md-9-5, .col-sm-1, .col-sm-1-5, .col-sm-10, .col-sm-10-5, .col-sm-11, .col-sm-11-5, .col-sm-12, .col-sm-2, .col-sm-2-5, .col-sm-3, .col-sm-3-5, .col-sm-4, .col-sm-4-5, .col-sm-5, .col-sm-5-5, .col-sm-6, .col-sm-6-5, .col-sm-7, .col-sm-7-5, .col-sm-8, .col-sm-9, .col-sm-9-5, .col-xs-1, .col-xs-1-5, .col-xs-10, .col-xs-10-5, .col-xs-11, .col-xs-11-5, .col-xs-12, .col-xs-2, .col-xs-2-5, .col-xs-3, .col-xs-3-5, .col-xs-4, .col-xs-5, .col-xs-5-5, .col-xs-6, .col-xs-6-5, .col-xs-7, .col-xs-7-5, .col-xs-8, .col-xs-8-5, .col-xs-9, .col-xs-9-5, col-lg-6-5, col-xs-4-5 {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

.col-xs-1, .col-xs-1-5, .col-xs-10, .col-xs-10-5, .col-xs-11, .col-xs-11-5, .col-xs-12, .col-xs-2, .col-xs-2-5, .col-xs-3, .col-xs-3-5, .col-xs-4, .col-xs-5, .col-xs-5-5, .col-xs-6, .col-xs-6-5, .col-xs-7, .col-xs-7-5, .col-xs-8, .col-xs-9, .col-xs-9-5, col-xs-4-5, col-xs-8-5 {
    float: left;
}

.col-xs-12 {
    width: 100%
}

.col-xs-11-5 {
    width: 95.8333%
}

.col-xs-11 {
    width: 91.66666667%
}

.col-xs-10-5 {
    width: 87.5%
}

.col-xs-10 {
    width: 83.33333333%
}

.col-xs-9-5 {
    width: 79.16667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-8-5 {
    width: 70.83333%
}

.col-xs-8 {
    width: 66.66666667%
}

.col-xs-7-5 {
    width: 62.5%
}

.col-xs-7 {
    width: 58.33333333%
}

.col-xs-6-5 {
    width: 54.16667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-5-5 {
    width: 45.83333%
}

.col-xs-5 {
    width: 41.66666667%
}

.col-xs-4-5 {
    width: 37.5%
}

.col-xs-4 {
    width: 33.33333333%
}

.col-xs-3-5 {
    width: 29.16667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-2-5 {
    width: 20.83333%
}

.col-xs-2 {
    width: 16.66666667%
}

.col-xs-1-5 {
    width: 12.5%
}

.col-xs-1 {
    width: 8.33333333%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-pull-11 {
    right: 91.66666667%
}

.col-xs-pull-10 {
    right: 83.33333333%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-8 {
    right: 66.66666667%
}

.col-xs-pull-7 {
    right: 58.33333333%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-5 {
    right: 41.66666667%
}

.col-xs-pull-4 {
    right: 33.33333333%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-2 {
    right: 16.66666667%
}

.col-xs-pull-1 {
    right: 8.33333333%
}

.col-xs-pull-0 {
    right: auto;
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-push-11 {
    left: 91.66666667%
}

.col-xs-push-10 {
    left: 83.33333333%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-8 {
    left: 66.66666667%
}

.col-xs-push-7 {
    left: 58.33333333%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-5 {
    left: 41.66666667%
}

.col-xs-push-4 {
    left: 33.33333333%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-2 {
    left: 16.66666667%
}

.col-xs-push-1 {
    left: 8.33333333%
}

.col-xs-push-0 {
    left: auto;
}

.col-xs-offset-12 {
    margin-left: 100%
}

.col-xs-offset-11 {
    margin-left: 91.66666667%
}

.col-xs-offset-10 {
    margin-left: 83.33333333%
}

.col-xs-offset-9 {
    margin-left: 75%
}

.col-xs-offset-8 {
    margin-left: 66.66666667%
}

.col-xs-offset-7 {
    margin-left: 58.33333333%
}

.col-xs-offset-6 {
    margin-left: 50%
}

.col-xs-offset-5 {
    margin-left: 41.66666667%
}

.col-xs-offset-4 {
    margin-left: 33.33333333%
}

.col-xs-offset-3 {
    margin-left: 25%
}

.col-xs-offset-2 {
    margin-left: 16.66666667%
}

.col-xs-offset-1 {
    margin-left: 8.33333333%
}

.col-xs-offset-0 {
    margin-left: 0;
}

@media (min-width:753px) {
    .col-sm-1, .col-sm-1-5, .col-sm-10, .col-sm-10-5, .col-sm-11, .col-sm-11-5, .col-sm-12, .col-sm-2, .col-sm-2-5, .col-sm-3, .col-sm-3-5, .col-sm-4, .col-sm-4-5, .col-sm-5, .col-sm-5-5, .col-sm-6, .col-sm-6-5, .col-sm-7, .col-sm-7-5, .col-sm-8, .col-sm-8-5, .col-sm-9, .col-sm-9-5 {
        float: left;
    }

    .col-sm-12 {
        width: 100%
    }

    .col-sm-11-5 {
        width: 95.8333%
    }

    .col-sm-11 {
        width: 91.66666667%
    }

    .col-sm-10-5 {
        width: 87.5%
    }

    .col-sm-10 {
        width: 83.33333333%
    }

    .col-sm-9-5 {
        width: 79.16667%
    }

    .col-sm-9 {
        width: 75%
    }

    .col-sm-8-5 {
        width: 70.83333%
    }

    .col-sm-8 {
        width: 66.66666667%
    }

    .col-sm-7-5 {
        width: 62.5%
    }

    .col-sm-7 {
        width: 58.33333333%
    }

    .col-sm-6-5 {
        width: 54.16667%
    }

    .col-sm-6 {
        width: 50%
    }

    .col-sm-5-5 {
        width: 45.83333%;
    }

    .col-sm-5 {
        width: 41.66666667%
    }

    .col-sm-4-5 {
        width: 37.5%
    }

    .col-sm-4 {
        width: 33.33333333%
    }

    .col-sm-3-5 {
        width: 29.16667%
    }

    .col-sm-3 {
        width: 25%
    }

    .col-sm-2-5 {
        width: 20.83333%
    }

    .col-sm-2 {
        width: 16.66666667%
    }

    .col-sm-1-5 {
        width: 12.5%
    }

    .col-sm-1 {
        width: 8.33333333%
    }

    .col-sm-pull-12 {
        right: 100%
    }

    .col-sm-pull-11 {
        right: 91.66666667%
    }

    .col-sm-pull-10 {
        right: 83.33333333%
    }

    .col-sm-pull-9 {
        right: 75%
    }

    .col-sm-pull-8 {
        right: 66.66666667%
    }

    .col-sm-pull-7 {
        right: 58.33333333%
    }

    .col-sm-pull-6 {
        right: 50%
    }

    .col-sm-pull-5 {
        right: 41.66666667%
    }

    .col-sm-pull-4 {
        right: 33.33333333%
    }

    .col-sm-pull-3 {
        right: 25%
    }

    .col-sm-pull-2 {
        right: 16.66666667%
    }

    .col-sm-pull-1 {
        right: 8.33333333%
    }

    .col-sm-pull-0 {
        right: auto;
    }

    .col-sm-push-12 {
        left: 100%
    }

    .col-sm-push-11 {
        left: 91.66666667%
    }

    .col-sm-push-10 {
        left: 83.33333333%
    }

    .col-sm-push-9 {
        left: 75%
    }

    .col-sm-push-8 {
        left: 66.66666667%
    }

    .col-sm-push-7 {
        left: 58.33333333%
    }

    .col-sm-push-6 {
        left: 50%
    }

    .col-sm-push-5 {
        left: 41.66666667%
    }

    .col-sm-push-4 {
        left: 33.33333333%
    }

    .col-sm-push-3 {
        left: 25%
    }

    .col-sm-push-2 {
        left: 16.66666667%
    }

    .col-sm-push-1 {
        left: 8.33333333%
    }

    .col-sm-push-0 {
        left: auto;
    }

    .col-sm-offset-12 {
        margin-left: 100%
    }

    .col-sm-offset-11 {
        margin-left: 91.66666667%
    }

    .col-sm-offset-10 {
        margin-left: 83.33333333%
    }

    .col-sm-offset-9 {
        margin-left: 75%
    }

    .col-sm-offset-8 {
        margin-left: 66.66666667%
    }

    .col-sm-offset-7 {
        margin-left: 58.33333333%
    }

    .col-sm-offset-6 {
        margin-left: 50%
    }

    .col-sm-offset-5 {
        margin-left: 41.66666667%
    }

    .col-sm-offset-4 {
        margin-left: 33.33333333%
    }

    .col-sm-offset-3 {
        margin-left: 25%
    }

    .col-sm-offset-2 {
        margin-left: 16.66666667%
    }

    .col-sm-offset-1 {
        margin-left: 8.33333333%
    }

    .col-sm-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:992px) {
    .col-md-1, .col-md-1-5, .col-md-10, .col-md-10-5, .col-md-11, .col-md-11-5, .col-md-12, .col-md-2, .col-md-2-5, .col-md-3, .col-md-3-5, .col-md-4, .col-md-4-5, .col-md-5, .col-md-5-5, .col-md-6, .col-md-6-5, .col-md-7, .col-md-7-5, .col-md-8, .col-md-8-5, .col-md-9, .col-md-9-5 {
        float: left;
    }

    .col-md-12 {
        width: 100%
    }

    .col-md-11-5 {
        width: 95.8333%
    }

    .col-md-11 {
        width: 91.66666667%
    }

    .col-md-10-5 {
        width: 87.5%
    }

    .col-md-10 {
        width: 83.33333333%
    }

    .col-md-9-5 {
        width: 79.16667%
    }

    .col-md-9 {
        width: 75%
    }

    .col-md-8-5 {
        width: 70.83333%
    }

    .col-md-8 {
        width: 66.66666667%
    }

    .col-md-7-5 {
        width: 62.5%
    }

    .col-md-7 {
        width: 58.33333333%
    }

    .col-md-6-5 {
        width: 54.16667%
    }

    .col-md-6 {
        width: 50%
    }

    .col-md-5-5 {
        width: 45.83333%
    }

    .col-md-5 {
        width: 41.66666667%
    }

    .col-md-4-5 {
        width: 37.5%
    }

    .col-md-4 {
        width: 33.33333333%
    }

    .col-md-3-5 {
        width: 29.16667%
    }

    .col-md-3 {
        width: 25%
    }

    .col-md-2-5 {
        width: 20.83333%
    }

    .col-md-2 {
        width: 16.66666667%
    }

    .col-md-1-5 {
        width: 12.5%
    }

    .col-md-1 {
        width: 8.33333333%
    }

    .col-md-pull-12 {
        right: 100%
    }

    .col-md-pull-11 {
        right: 91.66666667%
    }

    .col-md-pull-10 {
        right: 83.33333333%
    }

    .col-md-pull-9 {
        right: 75%
    }

    .col-md-pull-8 {
        right: 66.66666667%
    }

    .col-md-pull-7 {
        right: 58.33333333%
    }

    .col-md-pull-6 {
        right: 50%
    }

    .col-md-pull-5 {
        right: 41.66666667%
    }

    .col-md-pull-4 {
        right: 33.33333333%
    }

    .col-md-pull-3 {
        right: 25%
    }

    .col-md-pull-2 {
        right: 16.66666667%
    }

    .col-md-pull-1 {
        right: 8.33333333%
    }

    .col-md-pull-0 {
        right: auto;
    }

    .col-md-push-12 {
        left: 100%
    }

    .col-md-push-11 {
        left: 91.66666667%
    }

    .col-md-push-10 {
        left: 83.33333333%
    }

    .col-md-push-9 {
        left: 75%
    }

    .col-md-push-8 {
        left: 66.66666667%
    }

    .col-md-push-7 {
        left: 58.33333333%
    }

    .col-md-push-6 {
        left: 50%
    }

    .col-md-push-5 {
        left: 41.66666667%
    }

    .col-md-push-4 {
        left: 33.33333333%
    }

    .col-md-push-3 {
        left: 25%
    }

    .col-md-push-2 {
        left: 16.66666667%
    }

    .col-md-push-1 {
        left: 8.33333333%
    }

    .col-md-push-0 {
        left: auto;
    }

    .col-md-offset-12 {
        margin-left: 100%
    }

    .col-md-offset-11 {
        margin-left: 91.66666667%
    }

    .col-md-offset-10 {
        margin-left: 83.33333333%
    }

    .col-md-offset-9 {
        margin-left: 75%
    }

    .col-md-offset-8 {
        margin-left: 66.66666667%
    }

    .col-md-offset-7 {
        margin-left: 58.33333333%
    }

    .col-md-offset-6 {
        margin-left: 50%
    }

    .col-md-offset-5 {
        margin-left: 41.66666667%
    }

    .col-md-offset-4 {
        margin-left: 33.33333333%
    }

    .col-md-offset-3 {
        margin-left: 25%
    }

    .col-md-offset-2 {
        margin-left: 16.66666667%
    }

    .col-md-offset-1 {
        margin-left: 8.33333333%
    }

    .col-md-offset-0 {
        margin-left: 0;
    }
}

@media (min-width:1200px) {
    .col-lg-1, .col-lg-1-5, .col-lg-10, .col-lg-10-5, .col-lg-11, .col-lg-11-5, .col-lg-12, .col-lg-2, .col-lg-2-5, .col-lg-3, .col-lg-3-5, .col-lg-4, .col-lg-4-5, .col-lg-5, .col-lg-5-5, .col-lg-6, .col-lg-6-5, .col-lg-7, .col-lg-7-5, .col-lg-8, .col-lg-8-5, .col-lg-9, .col-lg-9-5 {
        float: left;
    }

    .col-lg-12 {
        width: 100%
    }

    .col-lg-11-5 {
        width: 95.8333%
    }

    .col-lg-11 {
        width: 91.66666667%
    }

    .col-lg-10-5 {
        width: 87.5%
    }

    .col-lg-10 {
        width: 83.33333333%
    }

    .col-lg-9-5 {
        width: 79.16667%
    }

    .col-lg-9 {
        width: 75%
    }

    .col-lg-8-5 {
        width: 70.83333%
    }

    .col-lg-8 {
        width: 66.66666667%
    }

    .col-lg-7-5 {
        width: 62.5%
    }

    .col-lg-7 {
        width: 58.33333333%
    }

    .col-lg-6-5 {
        width: 54.16667%
    }

    .col-lg-6 {
        width: 50%
    }

    .col-lg-5-5 {
        width: 45.83333%
    }

    .col-lg-5 {
        width: 41.66666667%
    }

    .col-lg-4-5 {
        width: 37.5%
    }

    .col-lg-4 {
        width: 33.33333333%
    }

    .col-lg-3-5 {
        width: 29.16667%
    }

    .col-lg-3 {
        width: 25%
    }

    .col-lg-2-5 {
        width: 20.83333%
    }

    .col-lg-2 {
        width: 16.66666667%
    }

    .col-lg-1-5 {
        width: 12.5%
    }

    .col-lg-1 {
        width: 8.33333333%
    }

    .col-lg-pull-12 {
        right: 100%
    }

    .col-lg-pull-11 {
        right: 91.66666667%
    }

    .col-lg-pull-10 {
        right: 83.33333333%
    }

    .col-lg-pull-9 {
        right: 75%
    }

    .col-lg-pull-8 {
        right: 66.66666667%
    }

    .col-lg-pull-7 {
        right: 58.33333333%
    }

    .col-lg-pull-6 {
        right: 50%
    }

    .col-lg-pull-5 {
        right: 41.66666667%
    }

    .col-lg-pull-4 {
        right: 33.33333333%
    }

    .col-lg-pull-3 {
        right: 25%
    }

    .col-lg-pull-2 {
        right: 16.66666667%
    }

    .col-lg-pull-1 {
        right: 8.33333333%
    }

    .col-lg-pull-0 {
        right: auto;
    }

    .col-lg-push-12 {
        left: 100%
    }

    .col-lg-push-11 {
        left: 91.66666667%
    }

    .col-lg-push-10 {
        left: 83.33333333%
    }

    .col-lg-push-9 {
        left: 75%
    }

    .col-lg-push-8 {
        left: 66.66666667%
    }

    .col-lg-push-7 {
        left: 58.33333333%
    }

    .col-lg-push-6 {
        left: 50%
    }

    .col-lg-push-5 {
        left: 41.66666667%
    }

    .col-lg-push-4 {
        left: 33.33333333%
    }

    .col-lg-push-3 {
        left: 25%
    }

    .col-lg-push-2 {
        left: 16.66666667%
    }

    .col-lg-push-1 {
        left: 8.33333333%
    }

    .col-lg-push-0 {
        left: auto;
    }

    .col-lg-offset-12 {
        margin-left: 100%
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%
    }

    .col-lg-offset-9 {
        margin-left: 75%
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%
    }

    .col-lg-offset-6 {
        margin-left: 50%
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%
    }

    .col-lg-offset-3 {
        margin-left: 25%
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%
    }

    .col-lg-offset-0-5 {
        margin-left: 4%
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }
}

#project-summary-disclaimer-box {
    display: table;
}

    #project-summary-disclaimer-box:empty {
        display: none;
    }

    #project-summary-disclaimer-box .li-asterisk {
        padding-right: 5px;
        text-align: right;
    }

    #project-summary-disclaimer-box > div {
        display: table-row;
    }

        #project-summary-disclaimer-box > div > div {
            display: table-cell;
        }

#project-summary .your-quote-wrapper {
    margin-bottom: 0;
}

.pad-top-10 {
    padding-top: 10px;
}

.nowrap {
    white-space: nowrap;
    overflow-x: hidden;
}

.grey-border-top {
    border-top: 1px solid #c1bfbd;
}

.btn.btn-black, .btn.btn-black:active, .btn.btn-black:hover {
    background-color: #000;
    border-color: #000;
    border-bottom-color: #000;
    color: #fff;
}

.no-text-wrap {
    white-space: nowrap;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

.wizard-search-box {
    margin: 0 0 5px 0 !important;
    padding-top: 0;
}

.add-on .input-group-btn > .btn {
    border-left-width: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

.add-on .form-control:focus {
    box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #ccc;
}

.btn.btn-default.wizard-search-box-button {
    height: 40px;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    border-top: 1px solid #a9a9a9;
    background-color: #fff;
}

.wizard-row-no-side-margins {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.wizard-no-side-paddings {
    padding-left: 0;
    padding-right: 0;
}

.gray-text {
    color: #585858;
}

.wizard-no-results-container {
    padding: 50px 0 40px 0;
}

.sort-by-row {
    margin: 5px 0 5px 0 !important;
    padding-top: 0;
}

.little-magnifier-icon {
    color: #585858;
    margin-bottom: 3px;
}

.form-control.sort-by-drop-down-on-wizards {
    padding: 4px 8px;
}

.wizard-left-input-label {
    text-align: right;
}

.wizard-description-container {
    padding-left: 10px;
    padding-top: 0;
}

.wizard-search-sortby-container {
    padding-top: 0 !important;
}

article.wizard-article-margin {
    margin-top: 0;
}

.wizard-row-no-side-margins .header2 {
    margin-top: 0;
}

select.wizard-not-selected-dropdown {
    color: #999;
}

    select.wizard-not-selected-dropdown option {
        color: #000;
    }

@media (min-width:768px) {
    body.breadcrumbs-not-inline-with-header {
        padding-top: 130px;
    }

    body.breadcrumbs-inline-with-header {
        padding-top: 160px;
    }
}

@media (min-width:1200px) {
    body.breadcrumbs-inline-with-header, body.breadcrumbs-not-inline-with-header {
        padding-top: 130px;
    }
}

.row .vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.row.inherited-marigin {
    margin-left: inherit;
    margin-right: inherit;
}

.redText {
    color: red;
}

.centeredDiv {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.btn-margin-right-40 {
    margin-right: 40px;
}

/*This sets the validation field to not display by default*/
.field-validation-valid.custom-validation-message {
    display: none;
}

@media (min-width: 992px) {
    .ml-1g-v2 {
        margin-left: 8px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ml-sm-v2 {
        margin-left: -75px;
    }
}

@media (min-width: 767px) {
    .gap-5 {
        display: flex;
        gap: 5px;
    }
}

@media (min-width: 767px) {
    .txt-r-xs {
        text-align: right;
    }
}

@media (min-width: 1200px) {
    .ml-1g {
        margin-left: 135px !important;
    }
}

@media (min-width: 992px) and (max-width: 1999px) {
    .ml-md {
        margin-left: 215px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ml-sm {
        margin-left: 165px;
    }
}

@media (max-width: 991px) {
    .name-break-sm {
        white-space: break-spaces !important;
        word-break: keep-all !important;
        width: min-content;
    }
}

.flex-space-b {
    display: flex !important;
    justify-content: space-between;
}

.flex-column-center {
    display: flex;
    flex-direction: column;
    justify-content: center;
}