﻿@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-Lt.otf') format('opentype'), url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueLTStd-Roman.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-Roman.otf') format('opentype'), url('fonts/HelveticaNeueLTStd-Roman.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Roman.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Roman.svg#HelveticaNeueLTStd-Roman') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeueLTStd-Bd.otf') format('opentype'), url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), url('fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
    font-weight: 700;
    font-style: normal;
}

/* Header */
header .inset-container {
    height:auto;
    margin:0;
}

header #headerLogoArea > a {
    display:block;
    height:60px;
    width:157px;
}

/* Main */
.content-box > .container, .content-box > .inset-container {
    padding: 22px;
}

.box-shadow {
    -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,.33);
    box-shadow: 0 3px 8px 0 rgba(0,0,0,.33);
}

.side-bar {
    min-width: 265px;
    width: 29%;
}

.content-panel.right > .content {
    margin-left: 29%;
    padding-left: 1%;
}

.product-stage label, .product-stage p, .product-stage li, .product-stage div {
    font-size: 14px;
}

.box-red {
    background:#8c0014;
}

/* Content */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
}

.space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.justify-content-start {
    justify-content: flex-start;
}

.img-responsive.small {
    display:none;
}

.outline-white {
    border:1px solid #fff;
}

.btn-virtual-consult {
    background: #8c0014 url("image/thumbnail-virtual-consultation.jpg") no-repeat;
    background-size: contain;
    box-shadow: rgba(0,0,0,0.4) 1px 1px 6px;
    display: inline-block;
    font-family: 'Helvetica Neue';
    font-size: 13px;
    font-weight: 600;
    line-height: 1.3;
    max-width: 308px;
    min-height: 50px;
    padding: 0.6em 0.8em 0.6em 77px;
    position: fixed;
    text-transform: uppercase;
    width: 29%;
    z-index: 10;
}

.btn-refresh {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 12px;
}

    .btn-refresh::before {
        font-family: 'FontAwesome';
        content: "\f021";
        margin-right: 5px;
    }

/* General text elements */
.callout-full {
    font-family: 'Helvetica Neue';
    font-size: 16px;
}

.text-large {
    font-family: 'Helvetica Neue';
    font-size: 4.5em;
}

.text-medium {
    font-family: 'Helvetica Neue';
    font-size: 2.5em;
}

.text-color-secondary {
    color: #f59b00 !important;
}

.note {
    font-family: 'Helvetica Neue';
    font-size: 0.85em;
}

.font-300 {
    font-weight:300;
}

.list-spaced li {
    line-height:1.5;
    margin-bottom:1em;
}

.box-red h1 {
    font-family:'Helvetica Neue';
    font-size:4.15em;
    line-height:1.3;
    text-align:center;
}

.box-red h1 span {
    display:block;
    font-size:0.75em;
}

/* Form elements */
.form-control {
    height:auto;
}

.btn-light, a.btn-light {
    background:#e8e8e8;
    color: #444;
    display: inline-block;
    font-size: 13px;
    min-width: 68px;
    padding: 5px 25px 4px 25px;
    text-align: center;
}

    .btn-light:hover, a.btn-light:hover {
        background:#d8d8d8;
    }

.mfSelectWrapper .mfSelectButton {
    background-position:-5px -90px;
}

.search-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .search-fields > div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-right: 1em;
    }

    .search-fields > div .text-label {
        margin-top:6px;
        margin-right:0.5em;
        min-width:initial;
        width:auto;
    }

    .search-fields .mfSelectBar {
        min-width:197px;
    }

        .search-fields .mfSelectListWrapper {
            min-width: 194px;
        }

    .search-fields input[type=text], input[type=password], textarea {
        margin:0;
    }

    .search-fields #postalCode {
        height: 26px;
    }

    .search-fields .validator.invalid {
        display: block;
    }

.checkbox-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
}

    .checkbox-container > input[type="checkbox"] {
        height:18px;
        margin-top:0;
        margin-right:0.5em;
        min-width:18px;
        width:18px;
    }

.side-bar .mfSelectBar, .side-bar .mfSelectButton {
    margin: 7px 0;
}

.side-bar .dropdown-field {
    margin-bottom:0.75em;
}

    .side-bar .dropdown-field .mfSelectBar {
        background-color: #f7f7f7;
        background-image: none;
        border-top: 1px solid #909090;
        border-bottom: 1px solid #909090;
        border-left: 1px solid #909090;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        min-width: 278px;
    }

    .side-bar .dropdown-field .mfSelectListWrapper {
        min-width: 275px;
    }

.validator {
    color:#fff;
    font-style:italic;
}

/* Products */
.product-stage > li, .product-stage > li.row > .prices > ul > li {
    color: #fff;
}

    .product-stage > li.row {
        background: #555;
        margin-left: 1%;
    }

        .product-stage > li.row > .product-thumbnail {
            background: #555;
            width: 24%;
        }

        .product-stage > li.row .inset-container {
            width: 42%;
        }

            .product-stage > li.row .inset-container div {
                height:100%;
            }

            .product-stage > li.row > .prices {
                height: inherit;
                margin-bottom: 14px;
                padding-right: 12px;
                width: 32%;
            }

            .product-stage > li.row > .prices > ul > li .price-type {
                font-weight: bold;
                line-height: 1.4;
                width: 63%;
            }

a.right-arrow {
    display: inline-block;
    margin-top: 5px;
}

ul.extra-links {
    display: inline-block;
    vertical-align: bottom;
}

    ul.extra-links li {
        margin-left: 15px;
    }

ul li .price-amt {
    font-weight: bold;
    line-height: 1.4;
    text-align: right;
    width: 29%;
}

.pagination {
    text-align:center;
    width:100%;
}

    .pagination a {
        margin:0 4px;
    }

        .pagination a.disabled {
            cursor:default;
            opacity:0.5;
        }

.footnotes > a:not(:first-child) {
    border-left:1px solid #fff;
    margin-left:10px;
    padding-left:10px;
}

@media (max-width:1199px) {
    .search-fields {
        display:block;
    }

        .search-fields > div {
            margin-right:0;
            margin-bottom:10px;
        }

        .search-fields a#search {
            margin-top: 1em;
        }

    .page-nav > div {
        margin: 0 22px;
    }

    .side-bar {
        width: 33%;
    }

    .content-panel.right > .content {
        margin-left: 36%;
        padding-left: 1%;
    }

    .product-stage > li.row > .product-thumbnail {
        width: 33%;
    }

    .product-stage > li.row .inset-container {
        max-width: none;
        width: 67%;
    }

        .product-stage > li.row .inset-container div {
            border-right: 0;
            padding-right: 0;
        }

    .product-stage > li.row > .prices {
        clear: left;
        margin-left: 33%;
        padding-right: 12px;
        width: 67%;
    }

        .product-stage > li.row > .prices ul {
            border-top: 1px dotted #7f7f7f;
            padding-top: 12px;
        }

        .product-stage > li.row > .prices > ul > li .price-type {
            display: inline-block;
            width: 40%;
        }

    .product-stage .product-card-extras {
        margin-bottom: 12px;
        /*margin-left: 33%;*/
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .search-fields > div .text-label {
        min-width:149px;
    }

    .dialog-window.list-spaced {
        width: 80%;
    }
}

@media (max-width:991px) {
    .img-responsive.small {
        display: block;
    }

    .img-responsive.large {
        display: none;
    }

    .search-fields > div {
        flex-direction:column;
    }

    .search-fields #postalCode {
        width: 228px;
    }

    .side-bar {
        float:none;
        width: 100%;
    }

        .side-bar .dropdown-field .mfSelectBar {
            min-width: calc(100% - 33px);
        }

        .side-bar .dropdown-field .mfSelectListWrapper {
            min-width: 225px;
        }

    .btn-virtual-consult {
        width: auto;
    }

    .content-panel.right > .content {
        margin-left: -1%;
        padding-left: 0;
    }

    .product-stage > li.row.flex {
        align-items: flex-start;
    }

    .product-stage > li.row > .product-thumbnail {
        height: 175px;
        width: 40%;
    }

    .product-stage > li.row .inset-container {
        max-width: none;
        width: 60%;
    }

    .product-stage > li.row > .prices {
        margin-top: 0;
        margin-left: 40%;
        width: 60%;
    }

        .product-stage > li.row > .prices > ul > li .price-type {
            width: 70%;
        }

        .product-stage > li.row > .prices > ul > li .price-amt {
            display: inline-block;
        }

    .product-stage .product-card-extras {
        /*margin-left: 40%;*/
    }

    .footnotes .footnote {
        margin-left:40%;
    }
}

@media (max-width: 767px) {
    .search-fields {
        -webkit-box-orient: vertical;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .search-fields > div .mfSelectWrapper:first-child .mfSelectBar {
            margin-bottom: 10px;
        }

    .content-box > .container {
        padding:15px;
    }

    .container, .inset-container {
        width:100%;
    }

    .page-nav > div {
        margin:0 15px;
    }

    .dialog-window.list-spaced {
        overflow-y: auto;
        width: 90%;
    }
}

@media (max-width: 639px) {
    .product-stage > li.row > .product-thumbnail {
        width: 100%;
    }

    .product-stage > li.row .inset-container {
        padding-left: 12px;
        width: 100%;
    }

    .product-stage > li.row > .prices {
        margin-left: 0;
        padding-right: 12px;
        padding-left: 12px;
        width: 100%;
    }

    .product-stage .product-card-extras {
        margin-left: 12px;
    }
}