.footer-container {
    background: #51555a;
}

a.scroll-to-top
{
background: rgba(0,0,0,0.2);
border: 1px solid rgba(238,238,238,0.2);
color: #fff;
width:44px;
height:43px;
font-size: 32px;
line-height: 43px;
text-align: center;
z-index:10;
position: relative;
}
a.scroll-to-top:hover{color:#ccc;}

     .brandbar-cntr-outer {
        
    }
    
     .brandbar-cntr {
        margin: 0 auto;
    }
    
     .brandbar li {
        list-style: none;
        text-align: center;
    }
    
     .brandbar a,
     .bb-logo span {
        display: inline-block;
        background-image: url('http://596d03af8f2f7dab4d8e-799fb03dd29d1d41f92849bac419e2a3.r51.cf1.rackcdn.com/brand_portfolio_ribbon_sprite.png');
        background-position: -312px -2912px;
        background-repeat: no-repeat;
        transition-property: none;
    }
    
     .brandbar a,
     .brandbar a:active,
     .brandbar a:link {        
        text-decoration: none;
    }
    
     .brandbar a:hover {
        opacity: 1;
        text-decoration: none !important;
    }
    
     .marriott a {
        width: 76px;
        height: 50px;
        margin: 0 8px;
    }
    
     .starwood a {
        width: 74px;
        height: 40px;
    }
    
     .brandbar .bb-rewards {
        position: absolute;
    }
    
     .bb-icons-cntr {
        position: relative;
    }
    
     .bb-logo span {
        width: 84px;
        height: 64px;
    }
    
     .bb-copyright {
        margin-top: 20px;
        font-size: x-small;
        text-align: left;
        color: #FFF;
    }
    
    html[dir=rtl]  .bb-copyright,
    body[dir=rtl]  .bb-copyright,
    .brandbar-cntr-outer[dir=rtl]  .bb-copyright {
        text-align: right;
    }
    
        
         .bb-logo span {
        background-position: -175px -2811px; 
    }
    
     .bb-ritz a {
        background-position: -178px -19px;
    }
    
     .bb-edition a {
        background-position: -178px -104px;
    }
    
     .bb-jw a {
        background-position: -178px -192px;
    }
    
     .bb-autograph a {
        background-position: -178px -279px;
    }
    
     .bb-renaissance a {
        background-position: -178px -369px;
    }
    
     .bb-marriott a {
        background-position: -178px -456px;
    }
    
     .bb-delta a {
        background-position: -178px -543px;
    }
    
     .bb-exec a {
        background-position: -178px -632px;
    }
    
     .bb-vacation a {
        background-position: -178px -719px;
    }
    
     .bb-gaylord a {
        background-position: -178px -806px;
    }
    
     .bb-ac a {
        background-position: -178px -893px;
    }
    
     .bb-courtyard a {
        background-position: -178px -979px;
    }
    
     .bb-residence a {
        background-position: -178px -1067px;
    }
    
     .bb-springhill a {
        background-position: -178px -1155px;
    }
    
     .bb-fairfield a {
        background-position: -178px -1243px;
    }
    
     .bb-towneplace a {
        background-position: -178px -1328px;
    }
    
     .bb-protea a {
        background-position: -178px -1419px;
    }
    
     .bb-moxy a {
        background-position: -178px -1505px;
    }
    
     .bb-regis a {        
        background-position: -178px -1601px;
    }
    
     .bb-luxury a {
        background-position: -178px -1685px;
    }
    
     .bb-w a {
        background-position: -178px -1774px;
    }
    
     .bb-westin a {
        background-position: -178px -1861px;
    }
    
     .bb-sheraton a {
        background-position: -178px -1952px;
    }
    
     .bb-meridien a {
        background-position: -178px -2037px;
    }
    
     .bb-tribute a {
        background-position: -178px -2123px;
    }
    
     .bb-design a {
        background-position: -178px -2211px;
    }
    
     .bb-aloft a {
        background-position: -178px -2299px;
    }
    
     .bb-fourpoints a {
        background-position: -178px -2387px;
    }
    
     .bb-element a {
        background-position: -178px -2474px;
    }
    
     .bb-ritz-rewards a {
        background-position: -158px -2554px;
    }
    
     .bb-marriott-rewards a {
        background-position: -157px -2646px;
    }
    
     .bb-spg-rewards a {
        background-position: -159px -2733px;
    }
        @media screen and (min-device-width: 480px) {
        
         .brandbar-cntr-outer {
            padding: 50px 0 30px;            
        }
    
         .brandbar-cntr {
            max-width: 1008px;
        }
        
         .brandbar {
            position: relative;
            margin-left: 50px;
            border-width: 0 2px;
            border-style: solid;
            border-color: #CCC;
            text-align: center;
        }
        
         .brandbar li {
            display: inline-block;
        }
        
         .bb-icons-cntr {
            margin-left: 50px;
            padding: 31px 0 13px;
        }
        
         .brandbar:before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            left: 0;
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to right, #CCC 0%, #51555a 15%, #51555a 25%, #CCC 45%, #CCC 55%, #51555a 75%, #51555a 85%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to right, #CCC 0%, #51555a 15%, #51555a 25%, #CCC 45%, #CCC 55%, #51555a 75%, #51555a 85%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to right, #CCC 0%, #51555a 15%, #51555a 25%, #CCC 45%, #CCC 55%, #51555a 75%, #51555a 85%, #CCC 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to right, #CCC 0%, #51555a 15%, #51555a 25%, #CCC 45%, #CCC 55%, #51555a 75%, #51555a 85%, #CCC 100%) repeat scroll 0 0;
        }
        
         .brandbar:after {
            content: "";
            position: absolute;
            width: 100%;
            height: 2px;
            left: 0;
            bottom: 0;
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to right, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to right, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to right, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to right, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
        }
    
         .bb-icons-cntr ul.marriott {
            display: inline;  
        }
        
         .bb-icons-cntr ul {
            margin: 0;
            padding: 0;
        }
        
         .bb-rewards a {
            width: 116px;
            margin: 0;
            background-color: #51555a;
        }
        
         .bb-icons-cntr .starwood:before {
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to right, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to right, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to right, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to right, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            width: 100%;
            position: absolute;
            content: "";
            height: 2px;
            left: 0;
            top: 0;
        }
        
         .brandbar .bb-icons-cntr ul.starwood {
            margin-top: 10px;  
            padding-top: 15px;
            position: relative;
        }
        
         .bb-rewards.bb-marriott-rewards {
            margin-top: 48px;
        }
        
         .brandbar .bb-rewards {
            left: -110px;
            top: 30px;
        }
        
         .brandbar .bb-rewards.bb-spg-rewards {
            top: 0.7em;
        }
        
         .bb-logo {
            position: absolute;
            left: 0;
            text-align: center;
            margin-top: -35px;
            width: 100%;
        }
        
         .bb-logo span {
            background-color: #51555a;
        }
        
        html[dir=rtl]  .brandbar .bb-rewards,
        body[dir=rtl]  .brandbar .bb-rewards,
        .brandbar-cntr-outer[dir=rtl]  .brandbar .bb-rewards {
            right: -110px;
            left: auto;
        }
        
        html[dir=rtl]  .brandbar,
        body[dir=rtl]  .brandbar,
        .brandbar-cntr-outer[dir=rtl]  .brandbar {
            margin-right: 50px;
            margin-left: 0;
        }
        
        html[dir=rtl]  .bb-icons-cntr,
        body[dir=rtl]  .bb-icons-cntr,
        .brandbar-cntr-outer[dir=rtl]  .bb-icons-cntr {
            margin-right: 50px;
            margin-left: 0;
        }
    }
    
    @media screen and (max-device-width: 479px) {
   
                 .bb-logo span {
            background-position: -195px -2918px;
        }
                
         .brandbar-cntr-outer {
            padding-top: 60px;
        }
        
         .brandbar {
            position: relative;
            border-width: 2px 0;
            border-style: solid;
            border-color: #CCC;
            padding-bottom: 10px;
        }
        
         .brandbar:before {
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            left: 0;
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
        }
        
         .brandbar:after {
            content: "";
            position: absolute;
            width: 2px;
            height: 100%;
            top: 0;
            right: 0;
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to bottom, #CCC 0%, #51555a 13%, #51555a 19%, #CCC 30%, #CCC 36%, #51555a 47%, #51555a 53%, #CCC 64%, #CCC 70%, #51555a 81%, #51555a 87%, #CCC 100%) repeat scroll 0 0;
        }
        
         .brandbar ul {
            padding: 0;
            margin: 0;
            display: inline-block;
            position: relative;
        }
        
         .bb-icons-cntr {
            white-space: nowrap;
            padding-top: 40px;
        }
        
         .brandbar .marriott {
            width: 31.5%;
        }
        
         .brandbar .starwood {
            width: 35%;
            text-align: left;
        }
        
         .brandbar .starwood:before {
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to bottom, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to bottom, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to bottom, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to bottom, #51555a 0%, #CCC 43%, #CCC 57%, #51555a 100%) repeat scroll 0 0;
            width: 1px;
            position: absolute;
            height: 100%;
            content: "";
        }
        
         .brandbar .bb-rewards {
            height: 40px;
            margin-top: -60px;
        }
        
         .bb-rewards.bb-ritz-rewards {
            right: 94px;
        }
        
         .bb-rewards.bb-marriott-rewards {
            border-width: 0 2px;
            border-style: solid;
            border-color: #CCC;
            right: -0.3em;
        }
        
         .bb-rewards.bb-spg-rewards {
            left: 0.1em;
        }
        
         .brandbar .bb-rewards a {
            background-color: #51555a;
        }
        
                 .brandbar li.bb-ritz-rewards a {
            width: 110px;
            background-position: -165px -2564px;
        }
    
         .brandbar li.bb-marriott-rewards a {
            width: 98px;
            background-position: -169px -2649px;
        }
        
         .brandbar li.bb-spg-rewards a {
            width: 94px;
            background-position: -170px -2736px;
        }
                
        
                
         .brandbar .marriott a,
         .brandbar .starwood a {
            margin: 0 auto;
        }
        
         .bb-logo {
            background: #CCC;
            background: #51555a -webkit-linear-gradient(to right, #51555a 0%, #51555a 10%, #CCC 43%, #CCC 57%, #51555a 90%, #51555a 100%) repeat scroll 0 0;
            background: #51555a -o-linear-gradient(to right, #51555a 0%, #51555a 10%, #CCC 43%, #CCC 57%, #51555a 90%, #51555a 100%) repeat scroll 0 0;
            background: #51555a -moz-linear-gradient(to right, #51555a 0%, #51555a 10%, #CCC 43%, #CCC 57%, #51555a 90%, #51555a 100%) repeat scroll 0 0;
            background: #51555a linear-gradient(to right, #51555a 0%, #51555a 10%, #CCC 43%, #CCC 57%, #51555a 90%, #51555a 100%) repeat scroll 0 0;
            height: 1px !important;
            margin: 16px 0 !important;
            left: 0 !important;
            right: 0 !important;
            top: -60px !important;
            position: absolute !important;
        }
        
         .bb-logo span {
            width: 42px;
            height: 32px;
            margin: 0 auto;
            left: 0;
            right: 0;
            top: -16px;
            position: absolute;
            background-color: #51555a;
        }
        
        html[dir=rtl]  .brandbar:before,
        body[dir=rtl]  .brandbar:before,
        .brandbar-cntr-outer[dir=rtl]  .brandbar:before {
            left: auto;
            right: 0;
        }
        
        html[dir=rtl]  .brandbar:after,
        body[dir=rtl]  .brandbar:after,
        .brandbar-cntr-outer[dir=rtl]  .brandbar:after {
            right: auto;
            left: 0;
        }
        
        html[dir=rtl]  .brandbar .starwood,
        body[dir=rtl]  .brandbar .starwood,
        .brandbar-cntr-outer[dir=rtl]  .brandbar .starwood {
            text-align: right;
        }
        
        html[dir=rtl]  .bb-rewards.bb-ritz-rewards,
        body[dir=rtl]  .bb-rewards.bb-ritz-rewards,
        .brandbar-cntr-outer[dir=rtl]  .bb-rewards.bb-ritz-rewards {
            left: 92px;
            right: auto;
        }
        
        html[dir=rtl]  .bb-rewards.bb-marriott-rewards,
        body[dir=rtl]  .bb-rewards.bb-marriott-rewards,
        .brandbar-cntr-outer[dir=rtl]  .bb-rewards.bb-marriott-rewards {
            left: -0.4em;
            right: auto;
        }
        
        html[dir=rtl]  .bb-rewards.bb-spg-rewards,
        body[dir=rtl]  .bb-rewards.bb-spg-rewards,
        .brandbar-cntr-outer[dir=rtl]  .bb-rewards.bb-spg-rewards {
            left: auto;
            right: 0.2em;
        }
    
        html[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        body[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        .brandbar-cntr-outer[dir=rtl]  .brandbar li.bb-ritz-rewards a {
            width: 120px;
            background-position: -12px -2564px;
        }
        
                html[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        body[dir=rtl]  .brandbar li.bb-ritz-rewards a,
        .brandbar-cntr-outer[dir=rtl]  .brandbar li.bb-ritz-rewards a {
            width: 120px;
            background-position: -157px -2564px;
        }        
                
                
        html[dir=rtl]  .brandbar li.bb-spg-rewards a,
        body[dir=rtl]  .brandbar li.bb-spg-rewards a,
        .brandbar-cntr-outer[dir=rtl]  .brandbar li.bb-spg-rewards a {
            width: 98px;
        }
    }