html {
    height: 100%;
}

body {
    color: #010101;
    font-family: 'Loew W00 Medium', sans-serif;
    background: white;
    position: relative;
    padding: 70px 0 190px 0;
    font-size: 14px;
    min-height: 100%;
    line-height: 1.5em;
}

img {
    max-width: 100%;
}

hr {
    border-top: solid 1px #959494;
}

header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%; /*overflow-y: auto;*/
    z-index: 100;
}

    header a, header a:hover, header a:active, header a:visited {
        color: #010101;
        text-decoration: none;
    }

    header #navbar {
        background: #00a8e1;
        color: white;
        padding: 10px;
        min-height: 72px;
    }

    header .container {
        position: relative;
    }

    header .brand-logo {
        margin-right: 15px;
        padding-right: 15px;
        border-right: solid 1px white;
        max-height: 50px;
    }

    header .hilton-logo {
        margin-right: 30px;
        max-height: 24px;
    }

    header ul#mainnav {
        font-size: 1em;
        color: #010101;
        display: inline-block;
        list-style: none;
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight: 900;
    }

@media (max-width: 1199px) and (min-width: 768px) {
    header ul#mainnav {
        max-width: 339px;
    }
}

header ul#mainnav li.topnav {
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 0;
    font-weight: 700;
}

    header ul#mainnav li.topnav:last-child {
        margin-right: 0;
    }

header #region {
    position: absolute;
    right: 0;
    top: -10px;
    font-size: 0.8em;
    text-align: right;
}

    header #region strong {
        background: #002855;
        color: white;
        padding: 7px 20px 7px 20px;
        display: inline-block;
    }

    header #region ul {
        display: block;
        list-style: none;
        margin: 5px 0 0 0;
        padding: 0;
        text-align: center;
    }

    header #region li {
        display: inline-block;
        margin: 0 10px 0 0;
        padding: 0;
    }

        header #region li:last-child {
            margin-right: 0;
        }

header #mobilenavtoggle {
    float: right;
    cursor: pointer;
    text-align: right;
    line-height: 50px;
    font-size: 22px;
    height: 50px;
    margin-right: 15px;
}

header #mobilenav {
    background: #002855;
}

    header #mobilenav ul {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    header #mobilenav li {
        padding: 0;
        margin: 0;
        border-bottom: solid 1px #183d68;
    }

        header #mobilenav li a {
            color: white;
            display: block;
            padding: 15px 15px;
            margin: 0;
        }

            header #mobilenav li a em {
                color: #aaa;
                font-style: normal;
            }

.landing-no-nav .banner {
    margin-bottom: 60px;
}

.landing-no-nav {
    padding-bottom: 190px;
}

/*.brand-page { padding-top: 240px; }*/
.brand-page {
    padding-top: 0;
}

    .brand-page h2 {
        color: #00a8e1;
        margin-bottom: 20px;
        text-align: center;
    }

    .brand-page header {
        position: relative;
        margin-bottom: 40px;
        height: 200px;
        background: #00a8e1;
    }

        .brand-page header p {
            height: 200px;
            padding: 40px 0 0 0;
            margin: 0;
        }

        .brand-page header strong {
            display: block;
            font-size: 1.1em;
            text-transform: uppercase;
            font-weight: 900;
            margin-top: 20px;
        }

        .brand-page header .hilton-logo-lg {
            max-width: 100%;
        }

.type {
    text-align: center;
}

    .type a.image {
        position: relative;
        display: block;
        min-width: 259px;
        min-height: 370px;
        text-indent: -999em;
    }

    .type a.btn {
        position: absolute;
        left: 20%;
        bottom: 45%;
        width: 60%;
        background: red;
        color: white;
        text-transform: uppercase;
        font-style: oblique;
        font-weight: 900;
        font-size: 1.4em;
        padding: 5px 0;
        border-radius: 0;
        border-right: solid 2px #a6550e;
        border-bottom: solid 2px #a6550e;
        background: #ff8214; /* Old browsers */
        background: -moz-linear-gradient(top, #ff8214 0%, #ff8214 50%, #ff6900 51%, #ff6900 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ff8214 0%,#ff8214 50%,#ff6900 51%,#ff6900 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ff8214 0%,#ff8214 50%,#ff6900 51%,#ff6900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8214', endColorstr='#ff6900',GradientType=0 ); /* IE6-9 */
    }

.type-center a.image {
    background: url('https://fitness.hilton.com/media/2424/luxhitw_fitness_centre.jpg') no-repeat #fff;
    background-size: 555px;
}

.type-fftf a.image {
    background: url('https://fitness.hilton.com/media/2425/hiltonfitnessroom_078_final_850x600.jpg') no-repeat #fff;
    background-size: 555px;
}

.region {
    text-align: center;
}

    .region a.map {
        position: relative;
        display: block;
        min-width: 259px;
        min-height: 370px;
        text-indent: -999em;
    }

.region-americas a.map {
    background: url(/media/1659/americas.png) no-repeat #fff;
    background-size: 375px;
}

.region-apac a.map {
    background: url(/media/1660/apac.png) no-repeat #fff;
    background-size: 375px;
}

.region-emea a.map {
    background: url(/media/1661/emea.png) no-repeat #fff;
    background-size: 400px;
}

.region-americas a.map.selected, .region-americas a.map:hover {
    background: url(/media/1627/americas_active.png) no-repeat #fff;
    background-size: 375px;
}

.region-apac a.map.selected, .region-apac a.map:hover {
    background: url(/media/1628/apac_active.png) no-repeat #fff;
    background-size: 375px;
}

.region-emea a.map.selected, .region-emea a.map:hover {
    background: url(/media/1629/emea_active.png) no-repeat #fff;
    background-size: 400px;
}

.region a.btn {
    display: none;
    position: absolute;
    left: 20%;
    bottom: 25%;
    width: 60%;
    background: red;
    color: white;
    text-transform: uppercase;
    font-style: oblique;
    font-weight: 900;
    font-size: 1.4em;
    padding: 5px 0;
    border-radius: 0;
    border-right: solid 2px #a6550e;
    border-bottom: solid 2px #a6550e;
    background: #ff8214; /* Old browsers */
    background: -moz-linear-gradient(top, #ff8214 0%, #ff8214 50%, #ff6900 51%, #ff6900 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ff8214 0%,#ff8214 50%,#ff6900 51%,#ff6900 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ff8214 0%,#ff8214 50%,#ff6900 51%,#ff6900 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8214', endColorstr='#ff6900',GradientType=0 ); /* IE6-9 */
}

    .region a.btn.selected, .type a.btn.selected {
        display: block;
    }

ul.brands li img.selected {
    border: 3px solid #00a8e1;
}

.banner {
    background: black;
}

.infobox {
    background: #00a8e1 url(/img/infobox-bkg.png) top left no-repeat;
    padding: 10px;
    color: #002855;
    line-height: 1.1em;
    font-size: 1.1em;
}

    .infobox a {
        color: #002855;
        text-decoration: none;
    }

        .infobox a:hover {
            color: #003876;
            text-decoration: underline;
        }

    .infobox h3 {
        margin-left: 65px;
        color: white;
        text-transform: uppercase;
    }

    .infobox .sub-contact h3 {
        display: none;
    }

    .infobox p {
        margin-left: 95px;
    }

    .infobox strong {
        font-weight: 700;
    }

.imagegrid h2 {
    margin-bottom: 5px;
}

.imagegrid .row {
    margin-bottom: 20px;
    margin-top: 0;
}

.imagegrid .row {
    margin-bottom: 20px;
    margin-top: 0;
    text-align: center;
}

h1 {
    font-size: 1.3em;
    color: #ff6900;
    font-weight: 900;
    text-transform: uppercase;
    margin: 0 0 10px 0;
    font-family: 'Loew W00 Heavy', sans-serif;
}

    h1 em {
        color: #00a8e1;
        font-style: oblique;
        font-family: 'Loew W00 Black Italic', sans-serif;
    }

    h1.pagetitle {
        margin-top: 10px;
    }

h2 {
    font-size: 1em;
    color: #002855;
    font-weight: 700;
    text-transform: uppercase;
    margin: 10px 0 15px 0;
    font-family: 'Loew W00 Heavy', sans-serif;
}

h3 {
    font-size: 1.2em;
    color: #ff6900;
    font-weight: 700;
    text-transform: uppercase;
}

    h3 em {
        color: #00a8e1;
        font-family: 'Loew W00 Black Italic', sans-serif;
    }

ul.bullets {
    margin-left: 0;
    padding-left: 1.5em;
}

.stepinfo {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #959494;
}

    .stepinfo:last-child {
        border-bottom: 0;
    }

    .stepinfo h1 {
        margin-top: 0
    }

    .stepinfo img {
        margin-bottom: 20px;
    }

#sectionnav {
    display: block;
    margin: 15px 0 15px 0;
    padding: 0;
    list-style: none;
    text-transform: uppercase;
    font-size: 0.8em;
}

    #sectionnav li {
        display: inline-block;
        margin: 0 24px 0 0;
        padding: 0;
        font-family: "Loew W00 Heavy", sans-serif;
    }
        /*#sectionnav li:after { content: ''; margin: 0 0 0 5px; }*/
        #sectionnav li:last-child:after {
            content: '';
            margin: 0;
        }

    #sectionnav a, h1 a {
        color: #ff6900;
        text-decoration: none;
    }

        #sectionnav a:hover, h1 a:hover {
            color: #b74b00;
            text-decoration: underline;
        }

    #sectionnav li.section a, #sectionnav li.active a {
        color: #002855;
        font-weight: 800;
        font-family: 'Loew W00 Black Italic', sans-serif;
        ;
    }

a.sectionlink {
    position: relative;
    width: 100%;
}

    a.sectionlink h3 {
        position: absolute;
        width: 100%;
        color: white;
        background: rgba(255, 105, 0, 0.7);
        padding: 10px;
        text-transform: none;
        font-weight: 500;
    }

@media (min-width: 1200px) {
    a.sectionlink h3 {
        bottom: -163px;
    }
}

@media (min-width: 993px) and (max-width: 1199px) {
    a.sectionlink h3 {
        bottom: -129px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    a.sectionlink h3 {
        bottom: -100px;
    }
}

@media (max-width: 767px) {
    a.sectionlink h3 {
        bottom: -180px;
        left: 0%;
    }
}

#sidebar {
    display: none;
    margin-top: 30px;
    height: 100%;
}

footer {
    position: absolute;
    bottom: 0;
    width: 100%;
}

    footer .links {
        color: #002855;
        text-align: center;
    }

        footer .links ul {
            display: block;
            margin: 0 0 10px 0;
            padding: 0;
            list-style: none;
            text-transform: uppercase;
            font-size: 0.8em;
        }

        footer .links li {
            display: inline-block;
            margin: 0;
            padding: 0;
        }

            footer .links li:after {
                content: '/';
                margin: 0 0 0 3px;
            }

            footer .links li:last-child:after {
                content: '';
                margin: 0;
            }

            footer .links li strong {
                color: #ff6900;
                font-weight: 700;
            }

    footer .legal {
        background: #00a8e1;
        padding: 30px 0 5px 0;
        border-bottom: solid 9px #ff6900;
        color: white;
        font-size: 0.8em;
    }

/* Media (thumbnail, headline, description) */
.card {
    display: block;
    margin: 15px 0;
}

    .card h2 {
        margin: 10px 0 5px 0;
    }

    .card p {
        margin: 5px 20px;
    }

/* Homepage */
.sectionlinks {
    margin-top: 20px;
}

    .sectionlinks img {
        margin-bottom: 25px;
    }

    .sectionlinks div {
        text-align: center;
    }

/* Brands Page */
ul.brands {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

    ul.brands li {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

        ul.brands li img {
            width: 110px;
            height: 105px;
            display: block;
            margin: 5px 0;
            padding: 0 5px;
        }

        ul.brands li:last-child img {
            border-right: 0;
        }

            ul.brands li:last-child img.selected {
                border-right: 3px solid #00a8e1;
            }

    ul.brands:after {
        clear: both;
        display: block;
        content: ' ';
    }

    ul.brands li.md-row1-last img {
        border-right: 0;
    }

        ul.brands li.md-row1-last img.selected {
            border-right: 3px solid #00a8e1;
        }

/* Vendors page */
.vendor-logo {
    margin-bottom: 20px;
}

.charttitle {
    margin: 40px 0 20px 0;
}

/* Tables */
table.responsive {
    margin-bottom: 40px;
    width: 100%;
}

    table.responsive th {
        background: #002855;
        color: #00a8e1;
        border: solid 1px #959494 !important;
    }

    table.responsive td {
        border: solid 1px #959494 !important;
    }

.responsive.table-striped > tbody > tr:nth-of-type(odd) {
    background-color: #cccccc;
}

.responsive.table-striped > tbody > tr:nth-of-type(even) {
    background-color: #e5e3e3;
}

/* Media queries */

@media (max-width: 768px) {
    /* Force table to not be like tables anymore */
    table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr {
        display: block;
    }

        table.responsive thead tr {
            position: absolute;
            top: -9999px;
            left: -9999px;
        }
        /* Hide table headers (but not display: none;, for accessibility) */
        table.responsive tr {
            border: 1px solid #ccc;
        }

        table.responsive td { /* Behave  like a "row" */
            border: none;
            border-bottom: 1px solid #eee;
            position: relative;
            padding-left: 50% !important;
            white-space: normal;
            text-align: left;
        }

            table.responsive td:before { /* Now like a table header */
                position: absolute; /* Top/left values mimic padding */
                top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
                text-align: left;
                font-weight: bold;
                content: attr(data-title);
            }
}

@media (min-width: 768px) {
    h1 {
        font-size: 1.4em; /*margin-top: 40px;*/
    }

    h2 {
        font-size: 1.2em;
    }

    h2 {
        font-size: 1.0em;
    }

    /*.brand-page { padding-top: 240px; }*/
    .brand-page h2 {
        text-align: left;
    }

    .brand-page header {
        height: 200px;
    }

        .brand-page header p {
            height: 200px;
            padding-left: 358px;
            padding-right: 70px;
            padding-top: 38px;
            background: url(/img/brand-header-bkg-sm.png) left top no-repeat;
        }

        .brand-page header strong {
            display: block;
            font-size: 1.2em;
            text-transform: uppercase;
            font-weight: 900;
            margin-top: 20px;
        }

    #sectionnav {
        font-size: 1.3em;
        margin: 20px 0 20px 0;
    }

        #sectionnav li.topnav:after {
            margin: 5px 0 0 5px;
        }

    ul.brands {
        text-align: left;
    }

        ul.brands li {
            display: inline-block;
        }

            ul.brands li img {
                width: 102px;
                height: 97px;
                border-right: solid 1px #959494;
            }

            ul.brands li.md-row1 {
                border-bottom: solid 1px #959494;
            }

    .sectionlinks {
        margin-top: 25px;
    }

    .imagegrid .row > div {
        text-align: left;
    }

    footer .links ul {
        font-size: 0.8em;
    }
}

@media (min-width: 992px) {
    body {
        padding: 90px 0 180px 0;
    }

    header .brand-logo {
        max-height: initial;
    }

    header .hilton-logo {
        max-height: initial;
        margin-right: 50px;
    }

    header ul#mainnav {
        font-size: 1em;
    }

        header ul#mainnav li.topnav {
            margin: 0 20px 0 0;
            font-family: "Loew W00 Heavy", sans-serif;
        }

    header #region {
        font-size: 0.9em;
    }

        header #region strong {
            padding: 7px 25px 10px 25px;
            width: 100%;
            text-align: center;
        }

    h1 {
        font-size: 1.6em; /*margin-top: 50px;*/
    }

    h2 {
        font-size: 1.2em;
    }

    #sidebar {
        display: block;
        margin-top: 60px;
    }

    ul.brands li img {
        width: 134px;
        height: 129px;
    }

    footer .links ul {
        display: block;
        font-size: 1em;
    }
    /*footer .links ul:first-child { float: left; }
  footer .links ul:last-child { float: right; }*/

    .sectionlinks {
        margin-top: 35px;
    }

        .sectionlinks img {
            margin-bottom: 40px;
        }

    .stepinfo img {
        margin-bottom: 0;
    }
}

@media (min-width: 1030px) {
}

@media (min-width: 1200px) {
    h1 {
        font-size: 2.1em; /*margin-top: 60px;*/
    }

    h2 {
        font-size: 1.5em;
    }

    /*.brand-page { padding-top: 310px; }*/
    .brand-page header {
        height: 245px;
    }

        .brand-page header p {
            height: 245px;
            padding-left: 560px;
            padding-right: 140px;
            padding-top: 60px;
            background: url(/img/brand-header-bkg.png) left top no-repeat;
        }

        .brand-page header strong {
            font-size: 1.4em;
        }

    #sectionnav {
        font-size: 1.6em;
        margin: 35px 0 35px 0;
    }

        #sectionnav li:after {
            margin: 10px 0 0 10px;
        }

    #sidebar {
        margin-top: 90px;
        border-left: 1px black solid;
        padding-left: 16px;
    }

    ul.brands li img {
        width: 162px;
        height: 157px;
    }

    footer .links ul {
        font-size: 1.1em;
    }
}

.links a {
    color: #000;
}

    .links a:hover {
        color: #000;
    }

#sidebar em {
    margin-right: 2px;
}

#sidebar h3 strong {
    font-family: "Loew W00 Heavy", sans-serif;
}

a {
    color: #00a8e1;
}

    a:focus, a:hover {
        color: #23527c;
        text-decoration: underline;
    }

.caret {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #fff;
}

table th {
    text-transform: uppercase;
    font-weight: bold;
}

a.contactLink, a.contactLink:hover {
    color: #fff;
    text-decoration: none;
}

    a.contactLink.sub, a.contactLink.sub:hover {
        color: #002855;
        text-decoration: none;
    }

.contactLink:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: #fff;
    margin: 1px 5px;
}

.contactLink.sub:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: left;
    color: #002855;
    margin: 0;
}

.contactLink.collapsed:before {
    content: "\e080";
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {
        display: block;
    }
}

.totalCount {
    margin-left: 10px;
    font-size: 50%;
}

.infobox .sub-contact p {
    margin-left: 110px;
}

#total-estimate {
    color: #00a8e1;
    font-size: 2rem;
    text-align: right;
    margin-right: 8rem;
    margin-bottom: 7rem;
}

.accordion {
    background-color: #fff;
    margin-bottom: 2em;
}

    .accordion .accordion-head {
        cursor: pointer;
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        background-color: #00a8e1;
        margin: 8px 0px;
    }

@media (max-width: 576px) {
    .accordion .accordion-head {
        padding: 16px 0;
    }
}

.accordion .accordion-head .accordion-title {
    font-family: 'Loew', sans-serif;
    order: 3;
    font-size: 2.1em;
    color: #fff;
    display: inline-flex;
    align-items: center;
    padding-left: 24px;
    margin: auto 0;
}

@media (max-width: 576px) {
    .accordion .accordion-head .accordion-title {
        font-size: 1.2em;
        padding-left: 12px;
    }
}

.accordion .accordion-head .zone {
    font-family: 'Loew', sans-serif;
    order: 2;
    font-size: 1.2em;
    display: inline-flex;
    align-items: center;
    color: #fff;
    text-transform: uppercase;
    padding: 0 8px;
}

@media (max-width: 576px) {
    .accordion .accordion-head .zone {
        font-size: .8em;
        padding: 0 4px;
    }
}

.accordion .accordion-head .zone-icon {
    order: 1;
    padding: 6px 12px;
}

@media (max-width: 576px) {
    .accordion .accordion-head .zone-icon {
        width: 32px;
        height: 32px;
        margin: 0 8px;
        padding: 0;
    }
}

.accordion .accordion-head .zone-cheveron {
    position: absolute;
    height: 16px;
    top: 22px;
    right: 16px;
}

@media (max-width: 576px) {
    .accordion .accordion-head .zone-cheveron {
        height: 12px;
        top: 26px;
    }
}

.accordion .submenu {
    width: 100%;
    margin: 0;
    display: none;
}

.accordion .accordion-item {
    background-color: #ebebeb;
    margin: 10px -5px;
    padding: 2px 24px;
}

    .accordion .accordion-item h6 {
        font-family: 'Loew', sans-serif;
        font-size: 1.4em;
        color: #ff6900;
        text-transform: uppercase;
        font-weight: 700;
        margin: 1em 0;
    }

    .accordion .accordion-item p {
        font-family: 'Loew', sans-serif;
        font-size: .8em;
        color: #ff6900;
        text-transform: uppercase;
        font-weight: 700;
        margin: 0;
        margin-top: -22px;
    }

    .accordion .accordion-item ul {
        padding: 0;
        margin-bottom: 1em;
    }

        .accordion .accordion-item ul li {
            font-family: 'Loew', sans-serif;
            background-color: #fff;
            color: #002855;
            list-style: none;
            text-transform: uppercase;
            font-weight: 800;
            padding: 4px 8px;
            margin: 3px 0;
        }

    .accordion .accordion-item:nth-child(odd) {
        margin-right: 0px;
    }

.active {
    background-color: #ff6900 !important;
}

    .active .zone-cheveron {
        transform: scale(-1, -1);
        -moz-transform: scale(-1, -1);
        -o-transform: scale(-1, -1);
        -webkit-transform: scale(-1, -1);
    }

#sqft-wrapper {
    margin: 3rem 0;
}

#SqFt {
    width: 30%;
    border: 2px solid #00a8e1;
    border-radius: 0;
    font-size: 1.6rem;
    height: 50px;
}

.accordion-item small {
    float: right;
    margin-top: 20px;
    font-size: 1.5rem;
    color: #ff6900;
}

.totalPrice {
    order: 4;
    flex-grow: 1;
    text-align: right;
    padding-right: 8rem;
    padding-top: 2rem;
    color: #fff;
    font-size: 2rem;
    font-family: 'Loew', sans-serif;
}