@font-face {
    font-family: "PortfolioLogoIcons";
    src: url("/images/client/marriott/fonts/2024/mi-portfolio-logo-icons.woff2") format("woff2");
}
@font-face {
    font-family: "fontello";
    src: url("/images/client/marriott/fonts/fontello.woff") format("woff");
}
@font-face {
    font-family: 'have-heart-marriott';
    src: url(/images/client/marriott/fonts/have-heart-one.eot);
    src: url(/images/client/marriott/fonts/have-heart-one.eot?#iefix) format("embedded-opentype"), url(/images/client/marriott/fonts/have-heart-one.woff) format("woff"), url(/images/client/marriott/fonts/have-heart-one.ttf) format("truetype"), url(/images/client/marriott/fonts/have-heart-one.svg) format("svg");
}
/* character codes for logos

Ritz-Carlton Rewards: "\f800"
Marriott Rewards: "\f81d"
SPG: "\f81e"

The Ritz Carlton: "\e914"
Edition: "\f90c"
JW Marriott: "\f90f"
Autograph Collection Hotels: "\f90a"
Renaissance Hotels: "\f915"
Marriott: "\f913"
Delta Hotels: "\f904"
Marriott Executive Apartments: "\f912"
Marriott Vacation Club: "\f91a"

Gaylord Hotels: "\f906"
AC Hotels: "\f908"
Courtyard: "\f903"
Residence Inn: "\f900"
Springhill Suites: "\e92b"
Fairfield: "\f905"
Townplace Suites: "\f902"
Protea Hotels: "\f907"
MOXY Hotels: "\f914"

St. Regis: "\f918"
The Luxury Collection: "\f911"
W Hotels: "\f91b"
Westin Hotels & Resorts: "\f91c"
Sheraton: "\e915"
Le Méridien: "\f910"
Tribute Portfolio: "\f919"
Design HotelsTM: "\f90b"
Aloft Hotels: "\f909"
Four Points by Sheraton: "\f90e"
Element Hotels: "\f90d"

*/
.ftr {
    background: white;
    padding-left: 0;
    padding-right: 0;
    border-top: 0;
    padding-bottom: 0;
    max-width: 100% !important;
    width: 100% !important;
}
/* ---------------------------- */
/*       Brand Container        */
/* ---------------------------- */
.logosParent {
    padding: 0 20px;
}
#footerLogo a {
    width: 120px;
    height: 42px;
    display: inline-block;
    position: relative;
    background: #FFF url(/images/client/marriott/marriott-bonvoy-ftr-logo.png);
    background-repeat: no-repeat;
    background-size: contain;
    top: 29px;
    left: 50%;
    transform: translateX(-50%);
}
#barndsContainer {
    border: .125rem solid #eee;
    padding: 40px 15px 10px;
    color: white;
    max-width: 1100px;
    margin: 0 auto 60px;
    width: calc(100% - 40px);
}
#barndsContainer a {
    display: inline-block;
    height: auto;
    width: auto;
    /*box-sizing: border-box;*/
    text-decoration: none;
}
#barndsContainer ul {
    display: block;
    list-style: none;
    padding: 0;
    width: auto;
    clear: both;
    text-align: center;
}
#barndsContainer ul h4 {
    width: auto;
    padding-right: 5px;
    margin-bottom: .75rem;
    float: left;
    font-size: .62rem;
    margin-top: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.15;
    color: black;
}
@media only screen and (max-width: 1000px) {
    #barndsContainer ul h4 {
        width: 100%;
    }
}
#barndsContainer ul li {
    display: inline-block;
    font-family: PortfolioLogoIcons, fontello;
    margin-right: 1rem;
    margin-bottom: 1.125rem;
    vertical-align: middle;
}
#barndsContainer ul li a:before {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.25rem;
    color: black;
}
#barndsContainer ul li:hover a:before {
    color: #999;
}
#barndsContainer ul li span {
    position: absolute;
    clip: rect(1px 1px 1px 1px);
}
#barndsContainer ul li#edition a:before {
    content: "\f90c";
    font-size: .625rem;
}
#barndsContainer ul li#ritzCarlton a:before {
    content: "\e914";
    font-size: 1.9rem;
}
#barndsContainer ul li#luxuryCollection a:before {
    content: "\f911";
    font-size: 1.625rem;
}
#barndsContainer ul li#stRegis a:before {
    content: "\f918";
    font-size: 1.75rem;
}
#barndsContainer ul li#wHotels a:before {
    content: "\f931";
    font-size: 0.8rem;
}
#barndsContainer ul li#jwMarriott a:before {
    content: "\f90f";
    font-size: 1.625rem;
}
#barndsContainer ul li#marriott a:before {
    content: "\f913";
    font-size: 1.9rem;
}
#barndsContainer ul li#sheraton a:before {
    content: "\f917";
    font-size: 1.5rem;
}
#barndsContainer ul li#marriottVactionClub a:before {
    content: "\f921";
    font-size: 2rem;
}
#barndsContainer ul li#deltaHotels a:before {
    content: "\f904";
    font-size: 1.7rem;
}
#barndsContainer ul li#westin a:before {
    content: "\f91c";
    font-size: .5rem;
}
#barndsContainer ul li#leMeridien a:before {
    content: "\f910";
    font-size: .5rem;
}
#barndsContainer ul li#renissanceHotels a:before {
    content: "\f915";
    font-size: 1.5rem;
}
#barndsContainer ul li#autographCollection a:before {
    content: "\f90a";
}
#barndsContainer ul li#autographCollection a:before {
    content: "\f90a";
    font-size: 1.25rem;
}
#barndsContainer ul li#tributePortfolio a:before {
    content: "\f919";
    font-size: .7rem;
}
#barndsContainer ul li#designHotels a:before {
    content: "\f936";
    font-size: 0.475rem;
}
#barndsContainer ul li#gaylord a:before {
    content: "\f906";
    font-size: 1.6rem
}
#barndsContainer ul li#mgm a:before {
    content: "\f906";
    font-size: 1.6rem
}
#barndsContainer ul li#mgm a:before {
    content: "\f924";
    font-size: 1.6rem
}
#barndsContainer ul li#courtyard a:before {
    content: "\f903";
    font-size: .325rem;
}
#barndsContainer ul li#fourPoints a:before {
    content: "\f90e";
    font-size: .875rem;
}
#barndsContainer ul li#springHill a:before {
    content: "\e92b";
    font-size: .95rem;
}
#barndsContainer ul li#fairfieldInn a:before {
    content: "\f905";
    font-size: .56rem;
}
#barndsContainer ul li#protea a:before {
    content: "\f907";
    font-size: 1rem;
}
#barndsContainer ul li#cityExpress a:before {
    content: "\f922";
    font-size: 1.2rem;
}
#barndsContainer ul li#fourpointsexp a:before {
    content: "\f932";
    font-size: 1.2rem;
}
#barndsContainer ul li#acHotels a:before {
    content: "\f908";
    font-size: 1.5rem;
}
#barndsContainer ul li#aloftHotels a:before {
    content: "\f909";
    font-size: 1rem;
}
#barndsContainer ul li#moxy a:before {
    content: "\f914";
    font-size: 1.1rem;
}
#barndsContainer ul li#homeVillas a:before {
    content: "\f91f";
    font-size: 1.625rem;
}
#barndsContainer ul li#apartments a:before {
    content: "\f923";
    font-size: 1.625rem;
}
#barndsContainer ul li#residenceInn a:before {
    content: "\f900";
    font-size: .45rem;
}
#barndsContainer ul li#townePlace a:before {
    content: "\f902";
    font-size: .75rem;
}
#barndsContainer ul li#marriottExecutiveApt a:before {
    content: "\f912";
    font-size: 1.3rem;
}
#barndsContainer ul li#element a:before {
    content: "\f90d";
    font-size: 1.7rem;
}
/* ---------------------------- */
/*       START BOTTOM NAV       */
/* ---------------------------- */
.bottom-nav {
    background: #F8F8F8;
    color: #1C1C1C;
    padding: 50px 20px 70px;
}
.bottom-nav > div::after {
    content: '';
    display: block;
    clear: both;
}
.bottom-nav a {
    color: #1C1C1C;
}
.bottom-nav ul, .bottom-nav li {
    margin: 0;
    padding: 0;
    list-style: none;
}
.bottom-nav ul {
    font-size: 1rem;
    font-family: 'Swiss-721', Arial, sans-serif;
    font-weight: 400;
    line-height: 2.5;
    float: left;
}
.bottom-nav li::after, .bottm-ftr-innerContainer li::after {
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    height: 0px;
    width: 0px;
    content: '';
    margin: 0px 4px 1px 10px;
}
.bottm-ftr-innerContainer li::after {
    border-color: #FFF;
}
.bottm-ftr-innerContainer li .marriottArrow {
    display: none;
}
.bottom-nav ul:first-child {
    margin-right: 30%
}
.bottom-nav ul > li:first-child {
    font-weight: 600;
    font-size: 1.3rem;
}
.bottom-nav ul > li:first-child::after {
    display: none;
}
/* ---------------------------- */
/*       END BOTTOM NAV       */
/* ---------------------------- */
.poweredFtr {
    color: #FFF;
    float: right;
    font-size: .9rem;
}
#socialBox {
    border-bottom: solid 1px white;
    padding-bottom: 25px;
    margin: 0 auto 25px auto;
    max-width: 934px;
    background: #1C1C1C;
    padding-top: 30px;
}
#socialBox::after {
    content: '';
    display: block;
    clear: both;
}
.bottom-ftr .bottm-ftr-innerContainer, .bottom-nav > div {
    max-width: 934px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}
.socialBoxInnerContainer {
    float: left;
}
#socialBox p {
    margin-bottom: 0;
    display: inline-block;
    color: white;
    font-size: 1.1rem;
    margin-right: 20px;
    font-family: 'Swiss-721', Arial, sans-serif;
    font-weight: 500;
}
#socialBox a {
    height: 20px;
    width: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    margin-right: 30px;
    vertical-align: bottom;
}
#socialBox a::before {
    display: inline-block;
    font-family: 'MiIcons';
    color: #FFF;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
#socialBox a#facebook {
    background-image: url(/images/client/marriott/marriott-si-facebook.png);
}
#socialBox a#instagram {
    background-image: url(/images/client/marriott/marriott-si-instagram.png);
}
#socialBox a#twitter {
    background-image: url(/images/client/marriott/marriott-si-twitter.png);
}
#socialBox a#linkedin {
    background-image: url(/images/client/marriott/marriott-si-linkedin.png);
}
#socialBox a#youtube {
    background-image: url(/images/client/marriott/marriott-si-youtube.png);
}
.whiteBorder {
    display: block;
    border-bottom: solid 1px white;
    max-width: 934px;
    /*! height: 10px; */
    background-color: white;
    visibility: visible !important;
    margin: 0 auto;
    margin-top: 20px;
}
.bottom-ftr {
    font-size: .9rem;
    margin: 0 auto;
    background: #1C1C1C;
    padding: 20px;
}
.bottom-ftr ul {
    list-style: none;
    padding: 0;
    /*! margin: 0 0 25px 0; */
    display: inline-block;
    /*! border-top: solid 1px white; */
}
.bottom-ftr .marriottArrow {
    position: absolute;
    border: solid white;
    top: 7px;
    right: -11px;
    border-width: 0 2px 2px 0;
}
.ambassador-ftr {
    display: none !important;
}
.bottom-ftr ul::after {
    content: '';
    display: block;
    clear: both;
}
.bottom-ftr li {
    display: inline-block;
    margin: 0 5px 10px 0;
    position: relative;
}
.bottom-ftr a {
    color: #FFF;
    font-size: 0.9rem;
}
.ambassador-ftr, .ambassador .ambassador-ftr, .ambassador .populr-ftr {
    display: none;
}
@media only screen and (max-width: 748px) {
    .socialBoxInnerContainer, .poweredFtr {
        float: none;
    }
    .socialBoxInnerContainer {
        margin-bottom: 20px;
    }
}
@media only screen and (max-width: 540px) {
    #socialBox a {
        margin-right: 20px;
    }
    #socialBox p {
        font-size: .9rem;
    }
    .poweredFtr {
        font-size: .8rem;
    }
}