.br-pagebody {
    min-height: calc(100vh - 170px);
    padding: 0px !important;

}

.br-footer {
    height: 60px;
    background-color: #161616;
    color: white;
    text-align: center;
}

body {
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
li
{
    list-style-type: none;
    text-align: left;
}
.uk-navbar-container.dark-header
{
    background-color: #161616!important;

}
.uk-navbar-nav.dark-header>li.uk-active>a {
    color: #e13c3c;
    font-weight: bold;
}
#banner-header {
    margin: -30px -30px 0px -30px;
}
.header-subtitle {
    color: #e13c3c !important;
    font-family: 'Special Elite', cursive;
    font-size: 40px;
}
.header-phone, .header-phone a {
    color: #fff !important;
    font-size: 20px;
    text-decoration: none;
}
.header-phone a:hover, a:active{
    color: #e13c3c !important;
    font-size: 20px;

    text-decoration: none;
}
.container-dark {
    padding: 20px 20px 40px 20px;
    background:#3b3a3b;
}
.container-title h1 {
    text-align: center;
    font-size: 25px;
    color: #e13c3c;
}
h1.uk-margin-remove.header-title {
    font-size: 3em;
    font-family: 'Roboto Condensed', sans-serif;
}
.uk-position-center.uk-position-small.uk-text-center.uk-light {
    background: rgba(0,0,0,.5);
    padding: 20px 20px 40px 20px;
}
.lg-footer h2 {
    font-size: 1.333em;
    line-height: 1.5;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1em;
    color:#fff;
}
.lg-footer h3 {
    font-size: 2em;
    line-height: 2;
    font-weight: 400;
    text-align: left;
    margin-bottom: 1em;
    color:#fff;
}
.lg-footer ul {
    text-align: left;
    color: #fff;
    margin-top:-20px !important;

}
.lg-footer li {
    list-style-type: none;
    margin: 0px;
    margin-left: -20px !important;
    font-size: 1em;
    line-height: 2em;
    text-transform: uppercase;
}
.lg-footer li a {
    color: #fff !important;
    text-decoration: none;
}

.btn-primary {
    color: #fff;
    background-color: #dd3223;
    border-color: #cd291b;
}
.btn-primary:hover {
    color: #fff;
    background-color: #c33629;
    border-color: #aa3329;
}
.btn-primary:focus, .btn-primary.focus {
    box-shadow: 0 0 0 3px rgba(255, 85, 72, 0.5);
}
.btn-primary.disabled, .btn-primary:disabled {
    background-color: #a58f8d;
    border-color: #a89492;
}
.btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
    background-color: #9d2318;
    background-image: none;
    border-color: #871a10;
}

.btn-bold {
    color: #fff;
    background-color: #dd3223;
    border-color: #cd291b;
}
.btn-bold:hover {
    color: #c33629 !important;
    background-color: #fff;
    border-color: #aa3329;
}
.btn-bold:focus, .btn-bold.focus {
    box-shadow: 0 0 0 3px rgba(154, 46, 38, 0.7);
}
.btn-bold.disabled, .btn-bold:disabled {
    background-color: #decbc9;
    border-color: #e8776d;
}
.btn-bold:active, .btn-bold.active, .show > .btn-bold.dropdown-toggle {
    background-color: #dd3223;
    background-image: none;
    border-color: #871a10;
}
.color-red {
    color:  #e13c3c !important;
}
.color-white {
    color: #fff !important;
}
.color-black {
    color: #000 !important;
}
.bg-white {
    background: #fff !important;
}
.bg-gray {
    background: #353535 !important;
}
.bg-black {
    background: #000;
}
.bg-red {
    background: #e13c3c !important;
}
.border-red {
    border: 1px solid  #e13c3c !important;
}
.font-tw {
    font-family: 'Special Elite', cursive;
}
.font-rb {
    font-family: 'Roboto Condensed', sans-serif;
}
.font-strong {
    font-weight: bold!important;
}
.font-med {
    font-size: medium!important;
}
.m-b-10 {
    margin-bottom: 10px!important;
}
.p-b-20 {
    padding-bottom: 20px!important;
}
.p-b-30 {
    padding-bottom: 30px!important;
}
.p-b-40 {
    padding-bottom: 40px!important;
}
.p-t-10 {
    padding-top: 10px!important;
}
.p-t-20 {
    padding-top: 20px!important;
}
.p-t-30 {
    padding-top: 30px!important;
}
.p-t-40 {
    padding-top: 40px!important;
}
.w-300 {
    width: 300px!important;
}
.m-10 {
    margin: 10px!important;
}
.m-20 {
    margin: 20px!important;
}
.m-30 {
    margin: 30px!important;
}
.m-40 {
    margin: 40px!important;
}
.p-10 {
    padding: 10px!important
}
.p-20 {
    padding: 20px!important
}
.p-30 {
    padding: 30px!important
}
.p-40 {
    padding: 40px!important
}
.room-info {
    color: #e13c3c !important;
    top: -70px;
    background: rgba(0,0,0,.6);
    position: relative;

    width: 90%;
    margin: auto;

}
.room-card {
    width:80%;
    margin:auto;
    padding:0px;
    margin-bottom:40px;
}
.other-location {
    padding: 40px;
    text-align: center;
    background: #e13c3c;
    color: #fff;
    font-size: 1.5em;
}
.location-btn {
    font-size: 2em;
    width: 70%;
    margin: auto;
}
.dark-overlay {
    background:rgba(0, 0, 0, 0.5);
    width: 100%!important;
    height: 100%!important;
  }
  .info-pop {
    background: #272727;
    padding-left: 10%;
    padding-right: 10%;
  }
  .uk-grid-divider>:not(.uk-first-column)::before {
        top: 20px;
        bottom: 20px;
        border-left: 1px solid #727171;
    }
@media screen and (max-device-width:640px), screen and (max-width:640px) {
    .header-subtitle {
        color: #e13c3c !important;
        font-family: 'Special Elite', cursive;
        font-size: 10px !important;
    }
    .container-dark {
        padding: 20px 0px 40px 0px !important;
        background: #3b3a3b;
    }
    .location-btn {
        font-size: 1.25em!important;
    }
    .room-card {
        width: 100%!important;
    }
    h1.uk-margin-remove.header-title {
        font-size: 2em;
        font-family: 'Roboto Condensed', sans-serif;
    }
    .footer-right {
        background: #000!important;
        padding: 20px;
    }
    .br-footer .footer-right {
        background: #000!important;
        margin-right: -20px!important;
        margin-left: -20px!important;
        margin-top: 0px!important;
    }

}