*,h1,h2,h3,h4,h5,h6,p,a,input
{
    /*font-family: 'Raleway', sans-serif;*/
    font-family: 'Lato', sans-serif;
    margin-top: 0;
    margin-bottom: 0;
}

input 
{
    -webkit-appearance: none !important;
    -webkit-border-radius:0px;
}

a
{
    color: #436d7d;
}

#popup-table-numbericon
{
    /*background:url("images/Table.svg") no-repeat scroll 5px 11px;
    padding-left:35px;
    background-size: 5%;*/
}

.image-table
{
    height: 40px;
    background: #ffffff;
    margin-top: 10px;
    width: 100%;
}

.dildo
{
    fill:grey;
}

.imgid 
{
    padding-left: 5px;
    fill:grey;
}

a:focus
{
    outline: none;
}

h3
{
    margin: 0;
}

p
{
    margin: 0;
    white-space: pre-line;
}

a
{
    text-decoration: none;
}

a:hover
{
    text-decoration: none;
    color: none;
}

hr
{
    border-top: 1px solid #436d7d;
    margin-top: 10px;
    margin-bottom: 10px;
}

*:focus 
{
    outline: none;
}

.breadcrumbs-container
{
    margin-top: 50px;
    height: 40px;
}

.detail-sidebar-button 
{
    width: 100%;
    padding: 5px 5px 5px 5px;
    background: #436D7D;
    color: white;
    border-radius: 20px;
    border: none;
    box-shadow: 0px 0px 1px 1px #D0D0D0;
    transition: .2s all ease;
}

.detail-sidebar-button:hover 
{
    background: #539AB5;
    color: white;
}

.detail-big-image
{
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.row
{
    margin-left: 0;
    margin-right: 0;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 5px;
    padding-left: 5px;
}

.main-footer 
{
    padding: 50px;
    padding-bottom: 70px;
    background: white;
}

.navbar
{
    margin-bottom: 0px;
}

.search-input
{
    width: 35%;
    float: left;
}

.navbar-default
{
    background: #ffffff;
    border: 0;
    box-shadow: 0px 0px 0px 3px rgb(67, 109, 125);
    border-radius: 0px;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    z-index: 10;
}

.navbar-default .navbar-brand 
{
    color: white;
}

.navbar-default .navbar-nav>li>a 
{
    color: #436d7d;
    transition: .2s all ease;
    height: 70px;
    vertical-align: middle;
    display: table-cell;
    font-weight: bold;
}

.navbar-default .navbar-nav>li>a:hover 
{
    color: white;
}

.nav-sidebar ul li img 
{
    height: 35px;
}

.navbar-brand
{
    padding: 0;
    padding-top: 5px;
}

.gen-item-list
{
    list-style: none;
}

.gen-item-list-item {
    height: 100px;
    overflow: hidden;
    box-shadow: 0px 0px 2px 0px #6F6F6F;
    margin-bottom: 15px;
    background: white;
}

.list-item-desc 
{
    font-size: 12px;
    text-overflow: ellipsis;
}

.list-item-title {
    text-decoration: none;
    color: #436D7D;
    font-weight: 900;
}

.image-small
{
    width: 14.28%;
    float: left;
    padding: 1px;
}

#main, body, html
{
    background: #ECF0F2;
}

.btn-search 
{
    height: 40px;
    width: 40px;
    font-size: 16px;
    color: white;
    border-radius: 0;
    background: #436D7D;
}

.btn.toggle md-icon 
{
    color: white;
}

input:hover, .btn-light:hover, .btn:hover
{
    /*box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);*/
}

.header-search-input 
{
    background: white;
    color: #436D7D;
    font-size: 18px;
    border: none;
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
    text-align: right;
}

.header-search-input:focus 
{
    border: none;
    outline: 0;
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.0),0 0 0px rgba(102,175,233,0);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.0),0 0 0px rgba(102,175,233,0);
}

.header-search-button 
{
    height: 40px;
    border-radius: 0;
    background: none;
    color: white;
    width: 150px;
    left: -1px;
    border: 1px solid white;
    transition: .2s all ease;
}

.header-search-button:hover
{
    background: white;
    color: #436d7d;
}

.listing-body 
{
    padding: 10px;
    overflow: hidden;
}

.close-button 
{
    position: fixed;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    z-index: 10;
}

.directory-list-item 
{
    height: 170px;
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 0px 1px 0px #6F6F6F;
    background: white;
    color: #436d7d;
    border-radius: 1px;
    position: relative;
    transition: .2s all ease;
}

.directory-list-item:hover
{
    box-shadow: 0px 0px 5px 0px #000000;
}

.listing-title 
{
    color: #436D7D;
    font-size: 1.5em;
    font-weight: 600;
    text-overflow: ellipsis;
    overflow: hidden;
}

.listing-description 
{
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.dir-list-body.small.map 
{
    width: 290px;
    border-bottom: none;
}

.col-md-3, .col-md-2, .col-md-4, .col-md-8
{
    /*padding:5px;*/
}

md-checkbox.booking-confirm 
{
    margin: 2px 0px;
}

.social-button 
{
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: none;
    color: #436D7D;
    border: 1px solid #436D7D;
}

.detail-tab-content 
{
    min-height: 410px;
}

.list-item-header
{
    height: 100%;
    height: 100px;
    background-size:cover;
    background-position:center;
    text-align: center;
}

.list-item-content 
{
    position: absolute;
    top: 60px;
    width: 100%;
    text-align: center;
}

.list-item-content2 
{
    width: 100%;
    height: 40px;
    text-align: center;
    white-space: nowrap;
}

/*.list-thumbnail 
{
    height: 70px;
    width: 70px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0px 0px 5px 0px #000000;
    margin: 0 auto;
}*/

.list-thumbnail 
{
    height: 120px;
    width: 200px;
    overflow: hidden;
    border: 1px solid #dedede;
    position: relative;
}

fh-charity .list-thumbnail 
{
    width: 130px;
    text-align: center;
}

.list-thumbnail .favourite-action, .listing-header-image .favourite-action
{
    position: absolute;
    color: white;
    font-size: 40px;
    height: 40px;
    width: 40px;
    line-height: 0;
    bottom: 5px;
    right: 5px;
    z-index: 1;
}

.fa-heart-o.heartFull:before 
{
    content: "\f004";
}

.listing-thumbnail-col
{
    padding: 10px;
    height: 100%;
    float: left;
}

.list-item-footer
{
    width: 100%;
    text-align: center;
    height: 30px;
}

.list-footer-item 
{
    border: 1px solid #EFEFEF;
    color: #777777;
    font-weight: 900;
    transition: .2s all ease;
}

.list-footer-item:hover
{
    color: #436d7d;
    cursor: pointer;
    background: #F1F1F1;
}

.header-filter-button 
{
    height: 50px;
    width: 50px;
    background: white;
    color: #436d7d;
    border-radius: 0;
}

.listing-filter 
{
    color: #436d7d;
    background: white;
    border: solid 0.1px rgb(222, 222, 222);
    border-top: none; 
}

.no-margin 
{
    margin: 0;
}

.detail-sidebar-row 
{
    min-height: 25px;
    color: #436D7D;
}

.listing-header-text 
{
    padding-top: 5px;
}


.dot-loader-container 
{
    height: 40px;
    width: 150px;
    margin: 0 auto;
}

.detail-header-image-blur 
{
    -webkit-filter: blur(6px);
    position: absolute;
    top: -10px;
    left: -13px;
}

.about-header-row 
{
    border-bottom: 1px solid #436D7D;
    color: #436D7D;
}

md-input-container 
{
    margin: 7px 0;
    width: 100%;
}

md-dialog 
{
    background: #d9e3e5;
}

md-datepicker 
{
    background: none;
}

md-input-container:not(.md-input-invalid).md-input-focused .md-input 
{
    border-color: #436D7D;
}

md-input-container:not(.md-input-invalid).md-input-focused label 
{
    color: #436D7D;
}

.btn-close 
{
    background: none;
    color: #436d7d;
    border-radius: 0;
    transition: .2s all ease;
}

.close-button .btn-close i 
{
    font-size: 25px;
}

.btn-default 
{
    color: #FFF;
    background-color: #436D7D;
    width: 100%;
    height: 35px;
    border-radius: 3px;
    box-shadow: 0px 0px 1px 1px #D0D0D0;
    border: none;
    transition: .2s all ease;
}

.btn-default:hover 
{
    background-color: #5C9FB9;
    color: white;
    border: none;
}

.btn-light 
{
    background: white !important;
    width: 100% !important;
    border-radius: 0px !important;
    height: 38px !important;
    padding: 0;

}

.btn-light.toggle 
{
    background: #436D7D !important;
    color: white;
}

.btn:focus 
{
    outline: none;
}

.order-btn 
{
    width: 100% !important;
    height: 20px !important;
    float: left;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -2px;
    border: 1px solid #dedede;
}

.cuisine-list md-icon 
{
    float: left;
}

.listing-sort-by
{
    border: 1px solid #dedede;
}

.listing-padding 
{
    padding: 5px;
}

.listing-search-input 
{
    height: 38px;
    border: 1px solid #dedede;
    background: white;
}

.listing-search-input fh-autocomplete
{
    height: 36px;
}

.listing-header-filter
{
    text-align: center;
    margin-top: 14px;
}

md-select .md-select-value.md-select-placeholder, md-select 
{
    /*color: rgb(0, 0, 0);*/
}

.btn-primary 
{
    color: #fff;
    background-color: #436D7D;
    border-color: #436D7D;
    border-radius: 0;
}

.btn-default:focus 
{
    color: white;
    border: none;
    background: #5C9FB9;
}

.listing-detail-actions 
{
    display: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100px;
    box-shadow: 0px 0px 3px 0px rgb(58, 58, 58);
}

.list-action 
{
    height: 100%;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #436D7D;
    transition: .2s all ease;
    color: white;
}

.list-action:hover 
{
    cursor: pointer;
    background: #ECECEC;
    color: #436D7D;
}

/**NEW LISTING**/
.dir-list-body 
{
    position: relative;
    background: white;
    overflow: hidden;
    border: 1px solid #dedede;
    margin-bottom: -1px;
}

.listing-content-row 
{
    height: 22px;
    white-space: nowrap;
    display: flex;
    align-items: center;
    text-overflow: ellipsis;
    color: #333333;
    font-size: 12px;
}

.confirmed-booking .listing-content-row
{
    height: auto;
}

.listing-content-row.booked
{
    height: 25%;
}

.list-thumbnail.small 
{
    width: 90px;
    height: 90px;
}

.dir-list-body.small 
{
    height: 100px;
    box-shadow: none;
    border-bottom: 1px solid #ECF0F2;
    border-radius: 0px;
    margin-bottom: 0px;
}

.listing-detail-col 
{
    height: 100%;
    padding: 15px;
}

/**END**/

.col-no-padding
{
    padding: 0;
}

md-input-container label:not(.md-no-float):not(.md-container-ignore) 
{
    padding-left: 8px;
    margin-bottom: -1px;
}

.md-select-menu-container.md-active 
{
    z-index: 9999;
}

.result-header-row
{
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

/*md-tabs-canvas 
{
    height: 75px;
}

md-pagination-wrapper 
{
    height: 75px;
}

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon {
    color: rgb(67, 109, 125);
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar 
{
    color: rgb(67, 109, 125);
    background: rgb(67, 109, 125);
}*/


md-select.md-default-theme .md-select-value, md-select .md-select-value {
    border: none;
}

.listing-view-actions 
{
    width: 50%;
    float: right;
    /*max-width: 60px;*/
    border: 1px solid #dedede;
}

#map 
{
    height: 300px;
    width: 100%;
}

.overflow-hidden
{
    overflow: hidden;
}

.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}
.la-ball-clip-rotate.la-dark {
    color: #333;
}
.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}
.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
    margin: 0 auto;
}
.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: ball-clip-rotate .75s linear infinite;
       -moz-animation: ball-clip-rotate .75s linear infinite;
         -o-animation: ball-clip-rotate .75s linear infinite;
            animation: ball-clip-rotate .75s linear infinite;
}
.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}
.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}
.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}
.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}
.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}
.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}
/*
 * Animation
 */
@-webkit-keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}
@-moz-keyframes ball-clip-rotate {
    0% {
        -moz-transform: rotate(0deg);
             transform: rotate(0deg);
    }
    50% {
        -moz-transform: rotate(180deg);
             transform: rotate(180deg);
    }
    100% {
        -moz-transform: rotate(360deg);
             transform: rotate(360deg);
    }
}
@-o-keyframes ball-clip-rotate {
    0% {
        -o-transform: rotate(0deg);
           transform: rotate(0deg);
    }
    50% {
        -o-transform: rotate(180deg);
           transform: rotate(180deg);
    }
    100% {
        -o-transform: rotate(360deg);
           transform: rotate(360deg);
    }
}
@keyframes ball-clip-rotate {
    0% {
        -webkit-transform: rotate(0deg);
           -moz-transform: rotate(0deg);
             -o-transform: rotate(0deg);
                transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
           -moz-transform: rotate(180deg);
             -o-transform: rotate(180deg);
                transform: rotate(180deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
           -moz-transform: rotate(360deg);
             -o-transform: rotate(360deg);
                transform: rotate(360deg);
    }
}

.loader 
{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(236, 240, 242, 0.86);
}

.loader-content
{
    background: white;
    width: 120px;
    height: 100px;
    border-radius: 3px;
    text-align: center;
    border: 1px solid #d0d4d6;
    box-shadow: 0px 0px 2px -1px #7b7b7b;
    padding: 10px;
}

.loader-content md-progress-circular
{
    margin:0 auto;
}

.loader-content .la-ball-clip-rotate 
{
    color: #436d7d;
    margin: 0 auto;
}

.loading-text 
{
    font-weight: bold;
    color: #444444;
}

.image-gallery.ng-hide-add
{ 
    animation:0.5s fadeOut ease; 
}

.image-gallery.ng-hide-remove
{ 
    animation:0.5s fadeIn ease; 
}

.mobile-side.ng-hide-add
{
    animation:0.5s slideOutRight ease;
}

.mobile-side.ng-hide-remove
{ 
    animation:0.5s slideInRight ease;
}

#map_canvas
{
    height: 300px;
    width: 500px;
}

.navbar-logo img 
{
    position: absolute;
    bottom: 4px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: auto;
}

.listing-map-container 
{
    width: 100%;
    height: 600px;
    background: white;
    padding: 5px;
    border: 1px solid #dedede;
}

#listingMap
{
    width: 100%;
    height: 100%;
    border: 1px solid #dedede;
}

.container
{
    max-width: 1000px;
    /*position: relative;*/
    -webkit-overflow-scrolling: touch;
}

.homepage-header p 
{
    width: 100%;
}


.header-down-arrow i 
{
    font-size: 40px;
    transition: .2s all ease;
    cursor: pointer;
}

.header-down-arrow i:hover 
{
    transform: translate(0,-10px);
}

.navbar-items-desktop, .navbar-items-mobile
{
    right: 0;
    top: 0;
}

.container > .navbar-header 
{
    margin: 0px;
    height: 100%;
    position: relative;
}

#navbar > .container 
{
    height: 100%;
}

.mobile-side 
{
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    z-index: 10;
}

.mobile-side-content
{
    background: white;
    width: 70%;
    height: 100%;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.6);
    float: left;
}

.mobile-side-bg 
{
    width: 30%;
    height: 100%;
    float: left;
}

.filter-row 
{
    width: 100%;
    padding: 0;
    /*border: 1px solid #dedede;*/
}

.body-container
{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.content-container 
{
    width: 70%;
    margin: 0 auto;
}

.grid-item-select 
{
    position: relative;
    height: 120px;
    width: 100%;
    overflow: hidden;
}

.cuisine-list, .stats-container
{
    height: 40px;
    background: white;
    overflow: hidden;
    border: 1px solid #dedede;
    position: relative;
}

.cuisine-list ul li:last-child md-select-value 
{
    min-height: 0;
}

.cuisine-list ul 
{
    list-style: none;
    padding: 0;
    overflow: hidden;
    text-align: center;
    white-space: nowrap;
    height: 100%;
}

.cuisine-list ul md-select 
{
    margin: 0;
    display: inline-block;
    height: 100%;
}

.cuisine-list .fa-angle-left 
{
    float: left;
    font-size: 20px;
    padding-top: 7px;
    height: 36px;
    width: 36px;
    background: white;
    padding-left: 13px;
    border-right: 1px solid #dedede;

}

.cuisine-list .fa-angle-right 
{
    position: absolute;
    right: 0;
    top: 0;
    background: white;
    height: 36px;
    width: 36px;
    font-size: 20px;
    padding-top: 7px;
    padding-left: 14px;
    border-left: 1px solid #dedede;
}

.filter-section-header h2
{
    float: left;
    font-size: 15px;
    color: #333333;
    line-height: 40px;
    font-weight: bold;
}

.filter-section-header p 
{
    float: right;
    color: grey;
}

.cuisine-list .fa 
{
    color: #777777;
}

.cuisine-list ul li 
{
    display: inline-block;
    white-space: nowrap;
    color: #436d7d;
    text-align: center;
    font-weight: bold;
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    margin: 0px;
    height: 100%;
    overflow: hidden;
    padding: 7px;
}

.cuisine-list ul li > span {
    padding: 0px 4px;
    border-radius: 3px;
}

.cuisine-list .md-select-value :first-child, .cuisine-list .md-select-value .md-select-icon 
{
    transform: translate3d(0px, 0px, 0px);
}


.cuisine-list ul li.active
{
    border-bottom: 2px solid #436d7d;
}

.listing-search-input .input-group-addon 
{
    border: 0;
    padding: 0;
}

.home-rest-grid-img 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.breadcrumb-list-item 
{
    float: left;
    padding: 5px;
    margin-left: 10px;
    background: #FFFFFF;
}

.breadcrumb-list 
{
    list-style: none;
    margin: 0;
    padding: 0;
}

#breadcrumb 
{
    list-style: none;
    padding: 0;
    margin: 0;
    height: 55px;
    overflow: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

#breadcrumb .icon
{
    font-size: 14px;
}

#breadcrumb li 
{
    display: inline-block;
}

#breadcrumb li a
{
    color: #436d7d;
    display: block;
    height: 36px;
    line-height: 45px;
    padding: 0 10px 0 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
}
#breadcrumb li:first-child a
{
    padding: 0;
}
#breadcrumb li a:hover 
{
    border-bottom: 2px solid #436d7d;
}

/*#breadcrumb li:nth-child(even) a
{
    background-color: #2980b9;
}
#breadcrumb li:nth-child(even) a:before
{
    border-color: #2980b9;
    border-left-color: transparent;
}
#breadcrumb li:nth-child(even) a:after
{
    border-left-color: #2980b9;
}*/
#breadcrumb li:first-child a:before
{
    border: none;
}
#breadcrumb li:last-child a
{
    border-radius: 0 4px 4px 0;
    moz-border-radius: 0 4px 4px 0;
    padding-right: 15px;
    webkit-border-radius: 0;
}

#breadcrumb md-icon 
{
    color: #436d7d;
    width: 30px;
    height: 30px;
}

/*#breadcrumb li:last-child a:after
{
    border: none;
}
#breadcrumb li a:before,
#breadcrumb li a:after
{
    border: 0 solid rgba(67, 109, 125, 0.6);
    border-width: 20px 10px;
    content: "";
    height: 0;
    position: absolute;
    top: 0;
    width: 0;
}
#breadcrumb li a:before
{
    border-left-color: transparent;
    left: -20px;
}
#breadcrumb li a:after
{
    border-color: transparent;
    border-left-color: rgba(67, 109, 125, 0.6);
    left: 100%;
}
#breadcrumb li a:hover
{
    background-color: rgba(67, 109, 125, 0.9);
}
#breadcrumb li a:hover:before
{
    border-color: rgba(67, 109, 125, 0.9);
    border-left-color: transparent;
}
#breadcrumb li a:hover:after
{
    border-left-color: rgba(67, 109, 125, 0.9);
}
#breadcrumb li a:active
{
    background-color: #16a085;
}
#breadcrumb li a:active:before
{
    border-color: #16a085;
    border-left-color: transparent;
}
#breadcrumb li a:active:after
{
    border-left-color: #16a085;
}

#breadcrumb li a:after
{
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 10px;
}*/

#breadcrumb li:first-child a:after
{
    content: "";
    padding:0;
}

.header-container 
{
    padding: 5px;
    position: relative;
    background: white;
    height: 50px;
}

.location-container .md-select-icon 
{
    margin: 0;
    width: 0;
}

.location-container md-input-container,  .location-container md-select-value 
{
    margin: 0;
    padding: 0;
    color: #436d7d !important;
    border: 0 !important;
    min-width: 0;
}

.starRating label 
{
    display: flex;
    align-items: center;
    justify-content: center;
}

.location-container .md-select-icon:after
{
    content: "\f107";
    font-family: FontAwesome;

    transform: scale(0.9, 1.1);
    padding: 0 10px;
}


.crumbSelect {
    padding-right: 20px;
}

.location-container label 
{
    display: none;
}

.md-select-value :first-child, .md-select-value .md-select-icon
{
    transform: translate3d(0,-1px,0);
}

md-select.md-default-theme:not([disabled]):focus .md-select-value, md-select:not([disabled]):focus .md-select-value 
{
    border-bottom: 0px !important;
}

.selectdemoSelectHeader 
{

}

.selectdemoSelectHeader .demo-header-searchbox 
{
    border: none;
    outline: none;
    height: 100%;
    width: 100%;
    padding: 0; 
}

.selectdemoSelectHeader .demo-select-header 
{
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 0 rgba(0, 0, 0, 0.14), 0 0 0 0 rgba(0, 0, 0, 0.12);
    padding-left: 10.667px;
    height: 48px;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    width: auto; 
}

.selectdemoSelectHeader md-content._md 
{
    max-height: 240px; 
}

.filter-control 
{
    border: 1px solid #dedede;
    padding: 5px;
    border-radius: 2px;
    margin-top: 15px;
}

.filter-control label 
{
    padding: 5px;
}

.filter-item-box .md-icon 
{
    height: 100%;
    width: 100%;
    border: 1px solid rgba(67, 109, 125, 0.5) !important;
}

.filter-row-section
{
    padding: 10px;
}

.row.filter-award-item 
{
    display: flex;
    align-items: center;
    padding-bottom: 5px;
}

.filter-row-section.openfor md-checkbox 
{
    width: 32.4%;
}

.filter-item-box 
{
    height: 51px;
    width: 18.7%;
    margin: 0;
    line-height: 33px;
}

.filter-item-box .md-container 
{
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    transform: translateY(0%);
    position: static;
}

.filter-item-box md-ripple-container
{
    display: none;
}

.starRating input 
{
    display: none;
}

.starRating label 
{
    float: left;
    height: 50px;
    width: 20%;
}

.starRating label:hover md-icon
{
    color: #436d7d;
}

/*.starRating:not(:checked) > input 
{
    display: none;
}

.starRating:not(:checked) > label 
{
    float: right;
    width: 18.7%;
    height: 51px;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: #545454;
    margin-right: 3px;
}

.starRating:not(:checked) > label:before 
{
    width: 100%;
}

.starRating > input:checked ~ label 
{
    color: #545454;
    border: none;
}

.starRating:not(:checked) > label:hover md-icon,
.starRating:not(:checked) > label:hover ~ label md-icon
{
    color: #436d7d;
}

.michelinStars:not(:checked) > input 
{
    display: none;
}

.michelinStars:not(:checked) > label 
{
    width: 51px;
    height: 51px;
    padding: 10px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 200%;
    line-height: 1.2;
    color: rgba(142, 167, 177, 0.5);
    border: 1px solid rgba(142, 167, 177, 0.5);
    border-radius: 3px;
}*/

.michelinStars:not(:checked) > label:before 
{
    content: "\2605";
}

.michelinStars > input:checked ~ label 
{
    color: #436D7D;
    border: 1px solid #436D7D;
}

.michelinStars:not(:checked) > label:hover,
.michelinStars:not(:checked) > label:hover ~ label 
{
    border: 1px solid rgb(67, 109, 125);
}

md-checkbox .md-icon 
{
    border: 1px solid #436D7D;
}

md-checkbox 
{
    margin-bottom: 10px;
    margin-top: 10px;
}


.browser-step 
{
    float: left;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.browser-container 
{
    display: flex;
    align-items: center;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    overflow: hidden;
    padding: 0;
    margin: 10px;
    background: white;
    color: #436D7D;
}

.browser-step md-select, .browser-step md-autocomplete
{
    margin: 0;
    padding: 0;
    background: white;
    height: 35px;
}

.browser-step
{
    border-right: 1px solid #E0E0E0;
}

.browser-step.step1 
{
    width: 10%;
}

.browser-step.step2 
{
    width: 13%;
}

.browser-step.step3 
{
    width: 12%;
}

.browser-step.step4 
{
    width: 25%;
    padding:0;
}

.browser-step.step5 
{
    width: 10%;
}

.browser-step.step6 
{
    width: 15%;
}

.browser-step.step7
{
    width: 5%;
}

.browser-step.step8 
{
    width: 10%;
}

.aside-tabs
{
    background: #ffffff;
    border: 1px solid #dedede;
    text-align: center;
}

.aside-tabs .col-md-6
{    
    height: 33px;
    background: white;
    text-align: center;
    line-height: 33px;
    /*border: solid 0.1px rgb(222, 222, 222);*/
}

.aside-tabs .col-md-3
{    
    display: flex;
    justify-content: center;
    align-items: center;
    height: 42px;
    /*border-bottom: solid 0.1px rgb(222, 222, 222);*/
}

.aside-tabs .col-md-6
{
    border-bottom: none;  
}

.aside-tabs a 
{
    color: grey;
}

.aside-tabs md-icon 
{
    margin: 0;
    height: 25px;
    width: 25px;
}

.aside-tabs .col-md-6.selected a {
    color: white;
}

.aside-tabs .col-md-6.selected {
    background: #436d7d;
    color: white;
}
.aside-tabs .col-md-3.selected  
{
    background: rgba(164,195,206,0.87);
    color: #436d7d;
}

.listing-map-list 
{
    overflow: hidden;
}

.listing-map-list .slick-next:before, .listing-map-list .slick-prev:before 
{
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #436d7d;
}

.map-dir-list-body 
{
    height: auto;
    overflow: hidden;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #ECF0F2;
    transition: .2s all ease;
}

.map-listing-thumbnail-col 
{
    width: 50%;
    float: left;

}

.map-listing-detail-col 
{
    padding: 5px;
    width: 50%;
    float: left;
}

.map-list-thumbnail 
{
    border-radius: 2px;
    overflow: hidden;
}

.map-dir-list-body:hover 
{
    box-shadow: 0px 0px 1px 1px #436D7D;
}

.mobile-filter-btn 
{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    display: none;

}

.mobile-filter-btn a 
{
    color: #436d7d;
    height: 70px;
    width: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mobile-filter-btn a:hover
{
    background-color: #5C9FB9;
}


.filter-slidenav 
{
    width: 290px;
}

md-sidenav.md-default-theme, md-sidenav 
{
    background-color: transparent;
}

.header-search-input md-autocomplete-wrap 
{
    box-shadow: none;
    height: 100%;
}

.header-search-input input:not(.md-input) 
{
    font-size: 16px;
    text-align: left;
    height: 100%;
    min-height: 36px;
}

.filter-item-box .md-label 
{
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    text-align: center;
    padding: 10px 0px;
}

md-tooltip .md-content 
{
    background: #436D7D;
}

md-icon 
{
    height: 30px;
    width: 30px;
}

.listing-view-action-sort 
{
    border: 1px solid #dedede;
    margin-right: -1px;
    background: white;
    height: 40px;
    width: 100%;
}

.listing-content-row i 
{
    color: #436D7D;
}

/*.listing-action 
{
    position: absolute;
    left: 220px;
    bottom: 15px;
}*/

.listing-action button
{
    width: auto;
    margin-top: 5px;
}

.listing-page .dir-list-body .listing-action button 
{
    margin-top: 0;
}

.listing-page .listing-action button
{
    min-width: 200px;
}

.btn-blue 
{
    background: #436D7D;
    color: white;
    font-weight: 600;
    border-radius: 0;
    width: 100%;
    transition: all .2s ease;
}

.btn-blue:focus 
{
    transform: scale(0.98);
}

.btn-blue:hover 
{
    color: white;
    background: #324F5A;
}

.listing-stars 
{
    border-right: 1px solid #8EA7B1;
    margin-right: 10px;
    padding-right: 10px;
}

.fa-gbp 
{
    -webkit-text-stroke: 0.4px #436D7D;
}

.fa-gbp.empty 
{
    color: transparent;
    text-shadow: none;
}

md-icon.listing-icon 
{
    margin: 0;
    height: 70%;
    width: 20px;
    min-width: 0;
    margin-right: 5px;
    color: #ecf0f2;
}

.listing-action.distance 
{
    bottom: 5px;
    right: 5px;
    background: white;
}

.listing-detail-col .distance 
{
    position: absolute;
    right: 15px;
    bottom: 10px;
}

md-icon.listing-icon.fill 
{
    fill: #436D7D;
}

.pagination>li>a, .pagination>li>span 
{
    border: none;
}

.listing-detail-img 
{
    overflow: hidden;
    position: relative;
}

.listing-detail-header 
{
    overflow: hidden;
    position: absolute;
    width: 102%;
    left: -10px;
    z-index: 0;
}

.listing-header-image 
{
    height: 200px;
    overflow: hidden;
}

.listing-closest-image 
{
    height: 60px;
    width: 60px;
    overflow: hidden;
}

.listing-closest-name
{
    vertical-align: middle;
    line-height: 30px;
}

.listing-header-info 
{
    height: 200px;
    padding-top: 30px;
    color: white;
    overflow: hidden;
    background: #436d7d;
    line-height: 18px;
    padding-left: 25px;
}

.listing-header-details 
{
    font-size: 15px;
}

.general-info 
{
    z-index: 1;
    padding: 15px;
    text-align: center;
    position: relative;
    color: white;
    text-shadow: 0px 0px 2px #000000;
    font-weight: 600;
}

.booking-details 
{
    width: 100%;
    background: rgba(183, 235, 255, 0.43);
    bottom: 0;
    color: #1D1D1D;
    padding: 5px;
    position: relative;
}

.booking-control 
{
    background: rgba(236, 240, 242, 0.8);
    height: 45px;
    border: 1px solid #757575;
    padding: 5px;
    margin: 0;
    width: 100%;
}

.booking-control md-datepicker
{
    padding-right: 0;
    margin-right: 0;
}

.booking-detail-controls 
{
    overflow: hidden;
    text-align: center;
}

.md-datepicker-input-container 
{
    height: 40px;
    margin: 0;
    padding: 0;
}

.booking-control .md-datepicker-button 
{
    display: none;
}

.md-datepicker-input-container 
{
    border: 0;
    width: 100%;
    display: flex;
    align-items: center;
}

.md-datepicker-input-container 
{
    border: 0;
    width: 100%;
    height: 100%;
    display: flex;
}

.btn-blue.booking 
{
    height: 44px;
    width: 200px;
    max-width: 300px;
    position: absolute;
    right: 25px;
    bottom: 25px;
    background: white;
    color: #436d7d;
}

.btn-blue.booking1 
{
    height: 44px;
    width: 200px;
    max-width: 300px;
    position: absolute;
    right: 25px;
    background: white;
    color: #436d7d;
}

.instruction-text 
{
    font-size: 11px;
}

.detail-tbl
{
    padding:7px;
}

.content-box 
{
    background: white;
    border: 1px solid #ECECEC;
}

.box-header 
{
    padding: 10px;
    border-bottom: 1px solid gainsboro;
    height: 40px;
    font-size: 16px;
}

.box-content 
{
    padding: 10px;
}

.box-content.box-info
{
    max-height: 140px;
    overflow-y: scroll;
}

.box-footer 
{
    padding: 10px;
    height: 35px;
}

.content-box.detail-images 
{
    padding: 10px;
}

.image-large 
{
    height: 250px;
    width: 40%;
    float: left;
    padding: 2px;
    overflow: hidden;
}

.detail-image-small 
{
    float: left;
    width: 20%;
    padding: 2px;
    height: 125px;
    overflow: hidden;
}

.padding 
{
    padding: 3px;
}

.sticky-side 
{
    width: 100%;
    padding: 7px;
    text-align: center;
}

.image-gallery-img 
{
    width: 100%;
    height: 100%;
}

span.text-blue 
{
    color: #436D7D;
    font-weight: 600;
}

.row-breadcrumb 
{
    /*padding: 10px 7px 0px;*/
    overflow-x: auto;
}

.extra-info-tabs 
{
    height: 40px;
}

.tab 
{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #436D7D;
    border-bottom: 1px solid gainsboro;
}

.tab.active 
{
    border: 0;
    border-right: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
}

.tab.disabled 
{
    background: gainsboro;
    color: #ECF0F2;
    cursor: default;
}

a.tab:focus
{
    outline: none;
    text-decoration: none;
}

.col-full-width
{
    width: 100% !important;
}

.box-header a, .box-header span 
{
    color: #cacaca;
}

.btn-booking 
{
    background: rgba(67, 109, 125, 0.28);
    border: 1px solid #436D7D;
    color: white;
}

.btn-icon 
{
    background: rgb(67, 109, 125);
    border: 1px solid #436D7D;
    color: white;
}

span.booking-step 
{
    color: white;
    font-size: 15px;
    font-weight: bold;
}

.features-content
{
    color: #C3C3C3;
}

md-icon.active 
{
    fill: #436D7D;
}

.btn-booking.active
{
    border: 1px solid #206D00;
    background: rgba(0, 128, 0, 0.22);
}

.btn-icon.active 
{
    background: #206D00;
    border: 1px solid #206D00;
    box-shadow: none;
}

.btn:focus 
{
    outline: none !important;
}

.award-item, .award-item md-icon 
{
    color: #f9f9f9;
}

i.active, .award-item.active, .feature-item.active, .active md-icon, a.active, .active p
{
    color: #436D7D;
}

.award-item md-icon
{
    width: 20%;
} 

.pagination .active, .pagination .active:hover, .pagination .active:focus
{    
    background-color: #436D7D;
    color: white;
}

ul[rn-carousel] 
{
    height: 300px;
    top: 20%;
}

.box-content.about
{
    height: 160px;
    overflow-y: auto;
}
 
 .image-gallery
{
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.74);
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 11;
}

.carousel.restaurant-gallery, .carousel.charity-gallery 
{
    width: 100%;
    max-width: 780px;
    z-index: 13;
}

.restaurant-gallery .carousel-indicators, .charity-gallery .carousel-indicators 
{
    bottom: -50px;
}

/**Some images have borders so extend it outside container...**/
.restaurant-gallery img, .charity-gallery img 
{
    /*margin: -3px;*/
    margin: auto auto;
    max-width: 101% !important;
}

.gallery-close 
{
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    z-index: 12;
}

.booking-popup-container 
{
    padding: 10px;
    background: white;
    max-width: 930px;
}



.booking-tab 
{
    height: 50px;
    font-size: 15px;
    font-weight: bold;
    color: #436D7D;
    text-align: center;
    background: #ffffff;
    line-height: 50px;
}

.booking-tab i
{
    font-size: 20px;
}

.booking-tab.active
{
    background: #ecf0f2;
}

.booking-tab.disabled 
{
    color: #cccccc;
    background: #e0e0e0;
    cursor: default;
}

.booking-tab:focus 
{
    outline: none;
    text-decoration: none;
}

.booking-header 
{
    overflow: hidden;
    position: relative;
    width: 100%;
    background: #436d7d;
}

.booking-header-image-blur 
{
    -webkit-filter: blur(6px);
}

.booking-header-image 
{
    position: absolute;
    width: 103%;
    top: -20px;
    left: -20px;
}

.booking-confirmation-smalltext 
{
    font-size: 10px;
    color: grey;
}

.confirm-booking 
{
    width: 100%;
    /*max-width: 500px;*/
}

.listing-header-details.stars 
{
    font-size: 20px;
}

.booking-step-title 
{
    color: #4c4c4c;
    font-weight: bold;
    font-size: 15px;
}

.step-header
{
    color: #436D7D;
    font-size: 16px;
}

#share-btn-text
{
    border: 0px;
}

.booking-action-text 
{
    color: #436D7D;
    font-weight: bold;
    font-size: 35px;
}

.booking-form-input 
{
    height: 40px;
    background: white;
    border: none;
    margin-top: 10px;
    width: 100%;
    padding: 5px;
}

textarea.booking-form-input 
{
    height: initial;
}

.booking-form-container input 
{
    border: 0;
}

.header-search-input.booking 
{
    border-radius: 0px;
    margin: 5px 0px;
}

.header-search-input.booking input:not(.md-input) 
{
    font-size: 15px;
    text-align: left;
    padding: 0px 5px;
    background: white;
    height: 38px;
    border: 1px solid #d9d9d9;
    transition: .2s all ease;
}

.header-search-input.booking input:not(.md-input):focus 
{
    border: 1px solid #436d7d;
}

.booking-step 
{
    padding: 5px 0px;
}

.banner-side 
{
    padding: 13px;
}

.booking-form-datepicker {
    margin: 0;
    padding: 0;
}

.booking-form-datepicker .md-datepicker-button 
{
    display: none;
}

.booking-form-datepicker .md-datepicker-input-container 
{
    height: 50px;
    border: 0;
    background: white;
    position: relative;
    margin: 0;
}

md-input-container.gen-form.booking-form 
{
    height: 50px;
    border: 0;
    padding: 10px 0px;
    text-align: center;
    font-weight: 100;
    color: #436d7d;
}

.booking-form-datepicker .md-datepicker-triangle-button 
{
    padding: 0;
    margin: 0;
    top: 0;
    width: 100% !important;
    border-radius: 0;
    transform: initial;
} 
.booking-form-datepicker .md-datepicker-expand-triangle 
{
    left: initial;
    right: 0;
}

.terms-text 
{
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no-results-text
{
    font-size: 50px;
    font-weight: bold;
    color: grey;
    text-shadow: 1px 1px #ffffff;
}

.booking-action-text.website 
{
    font-size: 20px;
}

.booking-form-input .md-select-icon 
{
    display: none;
}

.booking-form-datepicker .md-datepicker-expand-triangle 
{
    display: none;
}

.col-no-padding-left 
{
    padding-left: 0px;
}

.col-no-padding-right 
{
    padding-right: 0px;
}

.form-error 
{
    border: 1px solid #ca786a !important;
}

.finished-booking 
{
    color: #436d7d;
    font-size: 20px;
    text-align: center;
}

.amount-raised 
{
    font-size: 100px;
    font-weight: bold;
}

.btn-blue.charity
{
    height: 40px;
    margin-top: 5px;
    background: #f3f3f3;
    border: 1px solid grey;
    box-shadow: none;
    color: #436d7d;
}

.header-favourite-heart 
{
    position: absolute;
    right: 25px;
    top: 25px;
    font-size: 35px;
}

.row.detail-tbl.info 
{
    background: white;
}

.info-title 
{
    font-size: 13px;
    text-align: left;
    padding-top: 7px;
}

.info-learn-more 
{
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.learn-more-text {
    display: inline-block;
    width: calc(100% - 70px);
}

.learn-more-img {
    width: 50px;
    display: inline-block;
    vertical-align: top;
}

.learn-more-img img {
    width: 100%;
}

.blue
{
    color: #436d7d;
    font-weight: bold;
}

.mobile-banner
{
    display: none;
}

.booking-general-info 
{
    text-align: center;
    color: white;
    padding: 10px;
}

md-menu-item.menu-item-sort 
{
    height: 36px;
    min-height: 0;
}

.menu-item-sort button 
{
    margin: 0;
}

.booking-confirm-details-text 
{
    padding: 10px 0px;
    color: #436d7d;
    font-weight: bold;
}

.featured-charities-text 
{
    color: #436d7d;
    padding-top: 10px;
}

.featured-charity-thumb 
{
    height: 120px;
    background: grey;
}

.featured-charity-thumb .btn.btn-play 
{
    position: absolute;
    bottom: -10px;
    left: -5px;
    background: none;
    font-size: 40px;
    color: white;
    transition: .2s all ease;
}

.btn.btn-play:hover 
{
    color: #436d7d;
}

.nav-sidebar 
{
    background: white;
    position: fixed;
}

.nav-sidebar ul 
{
    padding: 0;

}

.nav-sidebar ul li
{
    /* padding: 0px 0px 10px 15px; */
    border-bottom: 1px solid #f7f7f7;
    font-size: 15px;
    height: 45px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding-left: 10px;
    font-weight: 600;
    color: grey;
    transition: all .3s ease;
}

.nav-sidebar ul a 
{
    /* padding: 20px 20px; */
    color: #436d7d;
}

#breadcrumb li:first-child md-icon {
    fill: grey;
}

.navbar-left 
{
    position: absolute;
    left: 0;
    width: 70px;
}

.navbar-right-mobile
{
    position: absolute;
    right: 0;
    width: 70px;
}

.filter-item-box md-icon 
{
    color: #adadad;
}

.navbar .container
{
    max-width: 1000px;
}

.brochure-title 
{
    margin-bottom: 20px;
}

.pagination
{
    border: 1px solid #dedede;
}

.listing-sort-mobile
{
    display: none;
}

.listing-view-action-sort button 
{
    margin: 0 !important;
    width: 100% !important;
}

.filter-container 
{
    position: relative;
}

.layout-search-row 
{
    padding-left: 0;
}

.layout-view-row 
{
    padding-right: 0;
}

.home i.fa.fa-play-circle-o, .about i.fa.fa-play-circle-o, .container .white-container .row slick i.fa.fa-play-circle-o
{
    float: left;
    margin-top: 105px;
    margin-left: 10px;
    color: white;
}

.home i.fa.fa-play-circle-o:hover, .about i.fa.fa-play-circle-o:hover {
    color: rgba(100,100,100,0.87);
}

img.view
{
    height: 13px;
    width: auto !important;
    margin: auto;
    padding: 0 60px;
}

.listing-sort-mobile .order-btn {
    width: 50% !important;
    height: 38px !important;
    float: left;
}

fh-autocomplete {
    display: inherit;
    width: 100%;
    height: 38px;
}

fh-autocomplete > div {
    position: relative;
    width: 100%;
    height: 100%;
}

fh-autocomplete > div > div {
    height: 100%;
}

fh-autocomplete input 
{
    width: 100%;
    border: none;
    text-overflow: ellipsis;
}

fh-autocomplete div.suggestions:before 
{
    content: '';
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    position: absolute;
    top: -10px;
    left: 15px;
}

fh-autocomplete div.suggestions 
{
    position: absolute;
    background-color: white;
    width: 100%;
    z-index: 400;
    text-align: left;
    height: auto;
    /* max-height: 400px; */
    /* overflow-y: scroll; */
    padding: 2px;
    box-shadow: 0px 0px 2px 0px #adadad;
    margin-top: 10px;
}

fh-autocomplete div.highlighted {
    background-color: rgb(98,151,171);
}

fh-autocomplete div.suggestions div.suggestion:hover 
{
    cursor: pointer;
    background: #f1f1f1;
    color: #436D7D;
}

fh-autocomplete div.section-title 
{
    font-weight: bold;
    padding-left: 5px;
    padding-right: 5px;
    color: #d2d2d2;
    font-size: 10px;
    line-height: 35px;
    text-transform: uppercase;
}

fh-autocomplete div.suggestions div.suggestion {
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: .2s all ease;
    padding-left: 35px;
    position: relative;
    color: grey;
}

fh-autocomplete div.suggestions div.suggestion.Cuisines:before, fh-autocomplete div.suggestions div.suggestion.Restaurants:before, fh-autocomplete div.suggestions div.suggestion.Points.of.Interest:before, fh-autocomplete div.suggestions div.suggestion.Locations:before
{
    content: '';
    background-color: #7e7e7e;
    position: absolute;
    height: 19px;
    width: 20px;
    left: 8px;
    top: 7px;
    -webkit-mask-position: center;
    -webkit-mask-repeat: no-repeat;
}

fh-autocomplete div.suggestions div.suggestion.Points.of.Interest:before
{
    -webkit-mask-image: url(images/icon_home.svg);
    mask-image: url(images/icon_home.svg);
}

fh-autocomplete div.suggestions div.suggestion.Restaurants:before
{
    -webkit-mask-image: url(images/icon_cutlery.svg);
    mask-image: url(images/icon_cutlery.svg);
}

fh-autocomplete div.suggestions div.suggestion.Locations:before
{
    -webkit-mask-image: url(images/location.svg);
    mask-image: url(images/location.svg);
}

fh-autocomplete div.suggestions div.suggestion.Cuisines:before 
{
    -webkit-mask-image: url(images/cuisine.svg);
    mask-image: url(images/cuisine.svg);
}  

fh-autocomplete .hidden {
    display: none;
}

footer {
    display: block;
}

.footer-quarter > .footer-section > a {
    display: block;
}

.footer-section {
    margin-bottom: 20px;
}

footer.main-footer {
    width: 100%;
}

footer > nav {
    background: white;
    color: #436d7d; 
    height: auto;
}

footer * {
    color: #436d7d; 
    padding-bottom: 1.8px;
}

footer a:visited {
    color: #436d7d; 
}

footer a:hover {
    color: #afafaf; 
}

footer h4 {
    font-weight: bold; 
    padding-bottom: 5px;
}

footer > div.copyright {
    background: white;
    color: white; 
}

section 
{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
}

.about-article-title {
    overflow-y: auto;
    margin-top: 30px;
    margin-bottom: 30px;
}

.about-article-title h3 {
    float: left;
}

.about-article-title a {
    float: right;
}

.about img {
    vertical-align: middle;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    padding: 0 25px;
}

.about .appstore-icon
{
    width: 35%;
    float: right;
}

.container.about article section div img
{
    padding: 0px 3px;
    margin-top: -30px;
}

.about .slick-slide>a>img, .container .white-container .row slick img {
    width: 100%;
}

.feature div.slick-slide>a>img {
    width: 100%;
}

.about .what-people-say img {
    padding: initial;
}

.about p {
    line-height: 1.8;
}

.about-featured-charities 
{
    max-height: 250px;
    overflow: hidden;
}

.about article { 
    /*overflow: auto;*/
}

.about .section {
    background-color: white;
    padding: 10px 10px 15px 10px;
}

.about-conditions {
    font-style: italic;
}

.two-columns {
    -webkit-column-count: 2; 
    -moz-column-count: 2; 
    column-count: 2;
}

ul.heart-list {
    list-style-image: url(images/heart-icon.svg);
}

div.brochure-title 
{
    text-align: left;
    padding: 0;
    background-color: white; 
}

div.brochure-title:not(.image-title) 
{
    padding: 50px;
}

div.brochure-title:not(.image-title) > h2
{
    max-width: 1000px;
    margin: auto;
    padding: 0px 15px;
}

.banner-black-background 
{
    position: relative;
    width: 100%;
    background-color: rgba(67,109,125,0.7);
    padding: 140px 0px;
}

div.image-title 
{
    color: white;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
}

.about-featured-charities a 
{
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 40px;
    color: white;
}

section p 
{
    padding-top: 10px;
    padding-bottom: 10px;
}

div.banner-black-background .container 
{
    max-width: 1000px;
}

img#home-logo 
{
    max-height: 150px;    
    -webkit-filter: invert(100%);
    filter: invert(100%);
    margin-right: auto;
    display: block;
    margin-left: auto;
}

#home-logo-title 
{
    color: white;
    font-size: 50px;
    font-weight: 900;
    text-shadow: 1px 0px 4px #2b2b2b;
    text-transform: uppercase;
}

.gen-page-header h2 
{
    font-size: 20px;
    font-style: italic;
}

.gen-page-header .double-border 
{
    margin: 0 auto;
    width: 90%;
    margin-top: 20px;
}

div.home-title 
{
    height: 470px;
    position: relative;
    padding-top: 70px;
    top: -70px;
    background-image: url("images/home/home-banner.jpg"); 
}

div.home-title h2
{
    font-size: 20px;
}

div.home-title div.input-group 
{
    margin-bottom: 10px;
    margin-top: 10px;
    width: 100%;
}

div.home-title md-autocomplete
{
    border-radius: 0px; 
}

div.home-title .btn 
{
    height: 40px !important;
}

div.home-title input
{
    height: 40px !important;
}

div.home-title .header-search-input input:not(.md-input) {
    text-align: left;
}

div.home-title md-autocomplete
{
    height: 40px;
}

div.home-title .input-group-addon
{    
    height: 40px;
    border: none;
}

div.home-title h2 span
{
    display: block;
}

.home-title p
{
    max-width: 100%;
    text-align: center;
}


section.home .input-group
{
    margin-bottom: 70px;
    margin-top: 10px;
}

section.home form button
{   
    display: block;
    margin-top: 10px;
    margin-bottom: 70px;
}


section.home article
{
    padding-bottom: 25px;
    vertical-align: top;
}

.home-article-title:after 
{    
    content: "";
    display: block;
    position: relative;
    top: 6px;
    border-top: solid 2px #436D7D;
}

.left-home-article-title 
{
    margin: 0;
    padding-right: 5px;
    position: relative;
    text-align: left;
    float: left;
    font-size: 15px;
    font-weight: 900;
    color: rgb(67, 109, 125);
    text-transform: uppercase;
    background-color: #ECF0F2;
    z-index: 2;
}

h3.home-title strong
{
    font-weight: bolder;
    font-size: x-large;
    color: #436d7d;
}

#RCotM .row
{
    margin-top: 0px;
    margin-bottom: 0px;
}

#RCotM img
{
    margin-top: 0px;
    padding: 0px;
}

section.home .row, section.about .row , section.privatedining .row 
{
    margin-left: 0;
    margin-right: 0;
    margin-top: 15px;
    margin-bottom: 15px;
}

.right-home-article-title 
{
    float: right;
    position: relative;
    background-color: #ECF0F2;
    color: rgb(67, 109, 125);
    z-index: 1;
    padding-left: 10px;
}

.home-article-title {
    display: block;
    height: 30px;
    margin-top: 30px;
}

span.right-home-article-title 
{   
    font-size: x-large;
    font-weight: bold;   
    bottom: 13px;
}

a.right-home-article-title 
{   
    bottom: 3px;
}

.home-top-cities h3, .home-top-cities li
{
    margin-bottom: 10px; 
}

.home-top-cities li
{
    list-style: none;
}

#home-btn-book
{
    max-width: 600px;
}   

#home-map
{
    border: none;
    max-width: 500px;
    width: 100%;
    height: 710px;
    top: 0px;
}

#home-advert
{
    max-width: 500px;
    width: 100%;
    height: 750px;
}

.join-us img
{
    max-width: 100%;
    margin-bottom: 10px;
}

.join-us
{
    margin: 20px;
    padding-bottom: 20px;
}

section.home img.people-say
{
    max-width: 330px;
    padding: 10px;
}

.home ul 
{
    padding-left: 0;
    column-count: 3;
}

img.home-city-image 
{
    max-width: 100%;
    height: 150px;
}

.home-city-name
{
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #DCDCDC;
    margin: 0 5px;
    margin-bottom: 10px;
    color: black;
    text-align: center;
    font-size: 13px;
}

.home-city:hover div {
    color: rgb(67, 109, 125);
}

img.home-restaurant-image 
{
    width: 200px;
    height: 150px;
}

.home-restaurant-name {
    padding-top: 5px;
    padding-bottom: 10px;
    background-color: #DCDCDC;
    width: 200px;
    margin: 0;
    margin-bottom: 10px;
    color: black;
    text-align: center;
}

.home-restaurant:hover div {
    color: rgb(67, 109, 125);
}

.home-article-content
{   
    margin-left: 230px;
    margin-right: 230px;
    margin-bottom: 30px;
}

div.about-title 
{
    background-image: url("images/about-1.jpg"); 
}

div.ea-club-title 
{
    background-image: url("images/ea-banner.jpg"); 
}

div.press-title 
{
    background-image: url("images/press.jpg"); 
}

div.careers-title 
{
    background-image: url("images/careers.jpg");
}

div.about-app-title 
{
    background-image: url("images/restaurant_bg_2-1.jpg");
}
div.gb-title 
{
    background-image: url("images/teamgb/banner-1.jpg");
    background-size: cover;
    background-position: initial;
}

div.how-to-enter-title 
{
    background-image: url("images/IMG_6337-1.jpg");
}

div.charity-list-title 
{
    background-image: url("images/charitybanner.jpg");
}

div.points-title 
{
    background-image: url("images/charitable-bookings-charity-flyer3-1024x5951.jpg"); 
}

div.volunteers-title 
{
    background-image: url("images/volunteers/Clubhouse-Render-03-1.jpg"); 
}
img#ultimate-dining-experience-logo 
{
    width: 400px;
    max-width: 100%;
    display: block;
    height: auto;
    margin: auto;
}

div#partners 
{
    background: white;
}

div#partners img 
{
    max-width: 100%
}

.volunteers img 
{ 
    max-width: 100%;
}

.volunteers .row
{
    margin-bottom: 50px;
    margin-top: 50px;
}

.volunteers .col-md-6 {
    margin-bottom: 10px;
    margin-top: 10px;
}


section.features > div.carousel 
{
    display: inline-block;
}

section.features > h3
{
    padding-bottom: 10px;
}

label 
{
    display: block;
}

section.contact form .btn  
{
    margin-top: 10px;
}

section.home p
{
    text-align: left;
}

section.home
{
    color: black;
    text-align: center;
}


div.image-wrapper > img 
{
    width:90%;
    max-width: 300px;
    height:200px; 
    margin: 20px;
}

div.way-to-draw img
{
    max-width: 100%;
}

.ways-to-draw
{
    max-width: 1000px;
}

.way-to-draw 
{
    margin-bottom: 20px;
    max-width: 250px;
}

.restaurants.container 
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1000px;
}

.restaurant-name
{
    background-color: rgba(0, 0, 0, 0.35);
    color: white;
    position: absolute;
    width: 87.3%;
    max-width: 300px;
    height: 200px;
    top: 0px;
    margin: 20px;
    display: flex;
    align-items: center;
    text-align: left;
}

.restaurant-name > h5
{
    font-size: x-large;
    margin-left: 20px;
}

#powered-by 
{
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.35);
    background-size: cover;
    background-position: center; 
    background-image: url("images/prizedraw-background.jpg");
    height: 500px;
}

#powered-by * 
{
    color: white;
    margin-left: 50px;
    margin-top: 10px;
    margin-bottom: 10px;
}

#powered-by > div
{
    width: 1140px;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#powered-by img 
{
    margin-left: 0;
    max-width: 80%;
}

#ea-club-middle-banner 
{
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.35);
    background-size: cover;
    background-position: center; 
    background-image: url("images/long-find-out-more-corporate.jpg");
}

#ea-club-middle-banner * 
{
    color: white;
    margin-top: 10px;
    margin-bottom: 10px;
}

#ea-middle-banner-black-background
{
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    text-align: center;
}

#button-visit-site
{
    border: solid white 2px;
    display: block;
    width: 100px;
    color: white;
    padding: 10px;
}

#button-visit-site:hover
{
    background-color: white;
    color: orange;
}


#button-learn-more
{
    border: solid white 2px;
    display: block;
    width: 100px;
    color: white;
    padding: 10px;
    margin: auto; 
}


#button-learn-more:hover
{
    background-color: white;
    color: orange;
}

.find-more button.btn.btn-blue, .feedback input.btn {
    margin-top: 20px;
}

.find-more img
{
    width: 100%;
    margin: 10px;
}

.left.carousel-control, .right.carousel-control
{
    background-image: none;
}

.brochure-title h1
{
    font-size: 30px;
}

.brochure-title p 
{
    font-size: 15px;
    width: 100%;
    max-width: 500px;
}

.how-to-enter > div
{
    margin-top: 20px;
    margin-bottom: 20px;
}

.input-group-addon 
{
    color: #555;
    background-color: #fff;
    border-radius: 0px;
}

.homepage-header button
{
    font-weight: bold;
    width: 150px;
}

.homepage-example-row .row
{
    margin: 0 !important;
}

.homepage-example-row p
{
    padding: 0;
}

p.example-main-text 
{
    font-size: 25px;
    font-weight: bold;
}

.example-row-line
{
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

.example-row-line:before 
{
    border-top: 1px solid grey;
    content: "";
    margin: 0 auto;
    position: absolute;
    top: 10px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
}

.example-row-line span 
{ 
    background: #ecf0f2;
    padding-right: 15px;
    font-size: 15px;
    font-style: italic;
    color: grey;
}

.example-row-line.text-right
{
    text-align: right !important;
}

.example-row-line.text-right span
{
    padding: 0;
    padding-left: 15px;
}

/*.example-row-line:after 
{
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    right: 0;
    border-top: solid 1px #868686;
    z-index:1;
}

.example-row-line span
{
    margin: 0;
    display: inline-block;
    font-style: italic;
    font-weight: 900;
    text-transform: uppercase;
    z-index: 2;
    color: grey;
}*/

.homepage-example-row md-icon
{
    height: 100%;
    width: auto;
    fill: #436D7D;
}

.btn.book-now-map
{
    transform: rotate(-90deg);
    position: absolute;
    top: 45px;
    right: -25px;
    height: 25px;
    width: 80px;
    font-size: 10px;
}

.dir-list-body.small.map 
{
    width: 330px;
    border-bottom: none;
}

.dir-list-body.small.map .dir-list-body.small 
{
    width: 300px;
}

.btn.btn-blue.swipe-btn 
{    
    max-width: 100%;
    vertical-align: middle;
    line-height: 140px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.listing-swipable
{
    height: 100%;
}

.md-scroll-mask
{
    position: initial;
}

.btn.charity-list-btn
{
    color: #436d7d;
}

.input-group-btn:last-child>.btn
{
    border-radius: 0px;
    height: 38px;
    /*width: 102%;*/
    box-shadow: none;
    margin-left: 0;
    width: 80px;
}

.gen-page-header.homepage .input-group-btn:last-child>.btn
{
    height: 40px;
}


.btn.charity-list-btn:hover
{
    background-color: #436d7d;
    color: white;
}

.btn.charity-list-btn.selected
{
    background-color: #436d7d;
    color: white;
}
/*
li.listing-charity:not(:last-child):after 
{
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    opacity: 0.3;
    background: black;
    margin: 3px;
}

ul.listing-charities
{
    list-style: none;
}

div.listing-container.listing-charities
{    
    height: 400px;
    width: 100%;
    overflow-y: scroll;
    margin-bottom: 40px;
}
*/

.transparent
{
    background-color: transparent;
}

.redirect-page
{
    margin-top: 20px;
    margin-bottom: 20px;
    width: 585px;
    max-width: 100%;
    white-space: pre-line;
    margin-left: auto;
    margin-right: auto;
}

a.redirect-page
{
    font-size: x-large;
    font-weight: bold;
}

.la-ball-clip-rotate.redirect
{
    margin-top: 30px;
    margin-bottom: 10px;
    color: black;
}

.slick-next, .slick-prev {
    z-index: 9;
}

.slick-next {
    right: 10px;
}

.slick-prev {
    left: 10px;
}

.error-message {  
    margin: 20px 0;
    padding: 5px 0;
    font-size: x-large;
}

.aaths-container {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
    background:#ecf0f1;
    padding:0.25em;
    padding-left: 2.8em;
    min-height: 2.618em;
}

.aaths-instructions {
    font-size: 1em;
}

.aaths-close {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    position:absolute;
    font-size:1.625em;
    line-height: 0.75em;
    width:1em;
    height:1em;
    text-align: center;
    vertical-align: middle;
    color:#fff;
    top:0.35em;
    left: 0.35em;
    background:#2c3e50;
    border-radius: 50%;
}

.about-subtitle
{
    font-size: medium;
    color: rgba(0,0,0,.87);
    font-weight: 600;
}

.about-subtitle span
{
    color: #436d7d;
}

.green-blue
{
    color: #436d7d !important;
}

.how-points
{
    padding-top: 5px;
    padding-bottom: 15px;
}

h1.home-title 
{
    float: left;
    font-weight: bold;
    font-size: 20px;
}

.privatedining h1.home-title {
    float: initial; 
}

img.home-city-image 
{
    width: 100%;
    height: auto;
    max-height: 170px;
}

.home-banner-content 
{
    padding: 10px;
}

.home-city-image 
{
    height: 150px;
    margin: 0 5px;
}

div.home-title 
{
    height: auto;
}

.account-popup-container 
{
    /*min-width: 350px;*/
}

.account-input 
{
    height: 36px;
    width: 100%;
    border: 1px solid #e2e2e2;
    background: #ffffff;
    padding-left: 5px;
}

.login-form .row, .register-form .row
{
    margin: 10px 0;
}

.login-form 
{
    padding: 20px;
}

.login-submit-error 
{
    color: #9e3535;
}

.account-popup-container .close-button 
{
    border-radius: 0 !important;
    background: none;
}

.account-popup h1 
{
    font-weight: bold;
    color: #8c8c8c;
    text-shadow: 0px 0px 1px #929292;
    text-align: center;
}

.pdf-popup iframe
{
    height: 600px;
    width: 700px;
    max-width: 100%;
    max-height: 100%;
}

.video-popup iframe
{
    height: 405px;
    width: 700px;
    max-width: 100%;
    max-height: 100%;
}

.find-out-more 
{
    height: 300px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    justify-content: center;
}

.find-out-more > div {
    margin: auto;
    padding: 30px 10px;
    max-width: 80%;
    width: 80%;
    max-height: 100%;
    text-align: center;
    background-color: rgba(255,255,255,0.65);
}

.find-out-more a {
    display: block;
    margin: auto;
    text-align: center;
}

.find-out-more a:hover {
    cursor: pointer;
}

.find-out-more p 
{
    text-align: center !important;
}

.find-out-more h2
{
    letter-spacing: 4px;
    text-transform: uppercase;
    font-size: 20px;
    color: #436D7D;
    font-weight: bold;
}
.find-out-more.charities
{
    background-image: url('images/about/charity.jpg');
}

.find-out-more.restaurants
{
    background-image: url('images/about/restaurant.jpg');
}

.find-out-more.corporates
{
    background-image: url('images/about/corporate.jpg');
}

.find-out-more.ea 
{
    background-image: url('images/about/personalassistants.jpg');
}

.required:after
{
    content: '*';
}

/*.listing-charities .listing-content-row 
{
    height: 25%;
}*/
.listing-charities .listing-search-input *
{
    border: initial;
}

.listing-charities .input-group .form-control:focus {
    z-index: initial;
}

.listing-charities .listing-search-input input
{
    box-shadow: none;
    -webkit-box-shadow: none;
}

.charity-list-letter
{
    height: 40px;
    width: 40px;
    margin-top: 5px;
    color: #436d7d;
    display: inline-block;
    text-align: center;
    border-radius: 2px;
    vertical-align: middle;
    line-height: 40px;   
}

.charity-list-letter:hover
{
    background-color: rgba(67, 109, 125, 0.5);
}

.charity-list-letter.selected
{
    background-color: rgba(67, 109, 125, 0.5);
}

.social-network-charity md-icon.active 
{
    color: #436D7D;
}

.nav>li 
{
    transition: .2s all ease;
}

.nav li:hover 
{
    background: #5C9FB9;
}

.register-form 
{
    padding: 0px 20px;
}

.account-popup-container md-content
{
    background: #ECF0F2;
}

p.listing-header 
{
    font-size: 20px;
    font-weight: bold;
}

.row.stats-item 
{
    background: white;
    padding: 5px;
    text-align: center;
}

.row.stats-item-content 
{
    font-size: 25px;
    font-weight: bold;
}

.listing-action.mobile 
{
    display: none;
}

.listing-action.mobile md-icon 
{
    height: 30px;
    width: 30px;
    fill: #436d7d;
}

.no-result-text 
{
    font-size: 30px;
    font-weight: bold;
    color: #bdbdbd;
    text-shadow: 1px 1px 0px white;
}

.invitation 
{
    text-align: center;
    background: white;
    padding: 20px;
}

.invitation div
{
    padding: 5px;
}

.invitation div.large-text
{
    padding: 5px;
    font-size: large;
}

div.rsvp-sent
{  
    padding: 10px 40px;
}

md-content.rsvp-sent
{
    max-width: 400px;
}

.rsvp .invitation .content > div:first-child 
{
    height: 100%;
    padding: 15% 40px;
}

.invitation .restaurant-logo
{
    max-height: 80px;
    height: auto;
    max-width: 210px;
    margin: auto;
    font-size: large;
    font-weight: bold;
}

.rsvp-btn 
{  
    padding-left: 0px;
    padding-right: 0px;
    width: 150px;
    max-width: 100%;
    background: white;
    color: #436d7d;
}

.rsvp-btn:hover 
{
    background: #cccccc;
    color: #436d7d;
}

.rsvp-title
{
    background: white;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
}

.rsvp img
{
    max-width: 100%;
}

.wrap 
{
    display: inline-block;
    position: relative;
}

.wrap > img
{
    width: 100%;
    max-height: 100%;
    min-height: 400px;
}

.wrap img + .content {
    position: absolute;
    height: 450px;
    width: 100%;
    top: 0;
    left: 0;
}

.rsvp .invitation 
{
    border-top: 10px solid #ECF0F2;
    border-bottom: 10px solid #ECF0F2;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    max-height: 490px;
    flex-direction: column;
}

.rsvp .invitation:nth-child(odd)
{
    border-right: 10px solid #ECF0F2;
}

.rsvp .invitation:nth-child(even)
{
    border-left: 10px solid #ECF0F2;
}

.rsvp h3
{
    padding-bottom: 20px;
}

.popup-title
{
    background-color: #436D7D;
    color: white;
    padding: 10px;
    margin-bottom: 10px;
}

.btn-send 
{
    margin: 10px 0;
    padding: 9px;
}

img.restaurant-logo
{
    width: 50%;
}


.rsvp .boxes {
    padding-bottom: 20px;
    color: white;
}
.rsvp .boxes strong {
    color: black;
}

/*.rsvp .boxes .row {
  display: table;
}*/


/*.rsvp .boxes [class*="col-"] {
  float: none;
  display: table-cell;
  vertical-align: top;
}*/

.rsvp .content h4 {
    padding-top: 40px;
    padding-bottom: 20px;
}

md-icon#home-logo 
{
    color: white;
    height: 150px;
    width: 150px;
}

.rsvp-popup-before-text 
{
    background: linear-gradient(0deg, rgba(67, 109, 125, 0.6), rgba(67, 109, 125, 0.6)) 0% 0% / cover, url("images/rsvp/dorchester.jpg");
    background-size: cover;
    background-position: center;
}

.rsvp-popup-before-text .text 
{
    padding: 90px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 20px;
}

.rsvp-popup-before-text a
{
    color: white;
    text-decoration: underline;
}

.invitation .text 
{
    padding: 30px 0px;
}

.tbc-invitation
{
    color: black;
}

.rsvp-popup-before-text .text img
{
    max-width: 300px;
    max-height: 130px;
}

.booking-support-container 
{
    width: 46%;
}

.booking-support-separator 
{
    width: 8%;
    text-align: center;
    padding-top: 15px;
}

.booking-support-container input 
{
    font-size: 13px !important;
}

.booking-support-container.focus
{
    position: absolute;
    width: 100%;
    z-index: 10;
}

.row.booking-charity-container 
{
    position: relative;
    min-height: 70px;
}

.booking-form-input.rsvp-dropdown .md-select-icon 
{
    display: block;
}

.rsvp-btn:focus 
{
    color: #436d7d;
}

.rsvp-footer
{
    text-align: center;
}

.rsvp-attendance
{
    -webkit-appearance: radio !important;
}

.ea-form-container
{
    min-height: 1100px;
}

.ea-form-container form
{
    z-index: 9;
    background: rgba(255, 255, 255, 0.5);
    padding: 10px;
}

.ea-form-container form button
{
    margin-bottom: 15px;
}

ul.user-profile-sidebar 
{
    list-style: none;
    padding: 0px;
    background: white;
}

ul.user-profile-sidebar li 
{
    padding: 15px;
    color: #436d7d;
    font-size: 15px;
    border: 1px solid #dedede;
    margin-top: -1px;
    transition: .2s all ease;
}

ul.user-profile-sidebar .nav-arrow 
{
    float: right;
}

ul.user-profile-sidebar span 
{
    padding-left: 10px;
}

.row.card 
{
    background: white;
    padding: 10px;
    margin: 5px;
    border: 1px solid #dedede;
}

.row.card.booked
{
    margin: 0px;
}

.card .title 
{
    color: #436d7d;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
}

.card .content 
{
    color: #616161;
    font-size: 12px;
}

.content .summary-numbers 
{
    text-align: center;
}

.summary-numbers .row:last-child 
{
    color: #436d7d;
    font-size: 26px;
    font-weight: bold;
}

.summary-numbers .row:first-child 
{
    text-transform: uppercase;
}

.profile-dashboard .card.graph 
{
    height: 140px;
}

.profile-dashboard .card.popular-list 
{
    height: 210px;
}

span.giving-text 
{
    font-size: 28px;
    color: grey;
    font-style: italic;
    font-weight: bold;
}

ul.user-profile-sidebar li:hover 
{
    background: #dedede;
}

span.profile-popular-count 
{
    float: right;
}

div.corporate-title 
{
    background-image: url("images/long-find-out-more-corporate.jpg");
}

.corporate-title .banner-black-background 
{
    padding: 150px 0px;
    background-color: transparent;
}

.row.corporate-page-title 
{
    background: #28424c;
    padding: 10px;
    color: white;
    font-size: 30px;
    text-align: center;
    text-transform: uppercase;
}

.corporate-form.login 
{
    padding: 72px 30px;
    background: rgb(232, 232, 232);
}

.corporate-contact-circle 
{
    width: 130px;
    height: 130px;
    background: white;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
}

.corporate-description 
{
    background: #436d7d;
    color: white;
    padding: 30px;
}

.corporate-form .controls button 
{
    float: right;
    width: 50%;
}

.corporate-form .controls a 
{
    float: left;
    margin-top: 10px;
}

.corporate-form .controls 
{
    margin-top: 10px;
}

.corporate-quote 
{
    background: #436d7d;
    padding: 10px;
    color: white;
    font-style: italic;
}

.corporate-quote-name 
{
    color: #436d7d;
    font-size: 16px;
    margin-top: 10px;
}

.corporate-row 
{
    margin: 40px 0px;
}

.corporate-contact-container 
{
    display: inline-block;
    margin: 1px;
    text-align: center;
}

.corporate-email-row h2 
{
    float: left;
}

.corporate-email-row .corporate-emailus 
{
    float: right;
    width: 130px;
}

.corporate-email-row 
{
    margin: 10px 0px;
}

.card .content.largetext 
{
    color: #436d7d;
    font-weight: bold;
    font-size: 50px;
    text-align: center;
}

.fundraising-progress span:last-child 
{
    float: right;
}

.fundraising-progress 
{
    height: 30px;
    border-bottom: 1px solid #d6d6d6;
    padding: 7px 0px;
}

user-sidebar md-content
{
    background: transparent;
}

user-sidebar .filter-row
{
    border: none;
}

.join-us .col-md-6
{
    padding: 5px;
}

.profile-image 
{
    text-align: center;
}

.profile-image i
{
    color: #d6d6d6;
    font-size: 200px;
}

.btn.link 
{
    background: none;
    text-decoration: underline;
    text-align: left;
    padding: 10px 0px;
    color: #436d7d;
}

.btn.link:active 
{
    box-shadow: none;
}

.profile-form .row 
{
    margin: 10px 0px;
}

.profile-form input 
{
    border: none;
}



.profile-form .row i 
{
    color: grey;
    font-size: 20px;
}

.profile-form .row .col-xs-1 
{
    text-align: center;
}

.profile-form .row 
{
    display: flex;
    align-items: center;
}

.booking-form-input.booked 
{
    background: white;
    border: 1px solid #dedede;
    margin: 0;
    height: 38px;
}

.booking-form-input.booked label 
{
    display: none;
}


.header-search-input.booked
{
    padding: 8px 5px;
    text-align: left;
    width: 100%;
    font-size: 14px;
}

li.user i 
{
    font-size: 70px;
    color: #d8d8d8;
}

.nav-sidebar ul li.user 
{
    text-align: center;
    padding: 20px !important;
    height: 100px;
    justify-content: center;
    display: block;
}

.user .sidebar-logout 
{
    color: #436d7d;
}

.gb-box-1
{
    height: 400px;
    background-color: white;
    border: 1px solid;
    position: relative;
    background: url("https://charitablebookings.org/images/teamgb/Olympics-flyer.jpg");
    background-position: center;
    background-size: cover;
}

.gb-box-1-text
{
    position: absolute;
    width: 35%;
    bottom: 10px;
    right: 10px;
    color: white;
    font-size: 14px;
    background: rgba(67, 108, 124, 0.53);
    padding: 10px;
}

.btn-blue.red
{
    background: #883838;
}

.gb-box .title 
{
    font-weight: bold;
    font-size: 20px;
    color: #436d7d;
}

.gb-box 
{
    text-align: center;
}

.gb-box form 
{
    overflow: overlay;
}

.gb-box .sub 
{
    font-weight: bold;
    font-size: 15px;
}

.gb-box.text 
{
    padding: 50px 20px;
}

.teamgb-social 
{
    width: 37%;
    text-align: left;
    margin: 0 auto;
}

.gen-page-header
{
    background-image: url("images/home/home-banner.jpg");
    padding: 50px 0px;
    color: white;
    background-size: cover;
    background-position: center;
}

.gen-page-header span 
{
   /* font-size: 30px;
    color: white;*/
    font-weight: bold;
    /*text-shadow: 0px 0px 2px black;*/
}

.gen-page-header .input-group-addon 
{
    border: initial;
}

.gb-box .title.black 
{
    color: black;
}

.header-description 
{
    background: white;
    padding: 10px;
    border: 1px solid #dedede;
}

.Strong-center-text
{
    font-weight: bold;
    text-align: center;

}


.font-size-bigger
{
    font-size: 17px;
}

#donated-div
{
    overflow: scroll;
}

#donated-div div img
{
    height: 80px;
    width: 80px;

    border-radius: 150px;
    display: inline;
   
    padding: 5px;
    margin-right:10px;
}

.booking_overflow
{
    height: 300px;
}

.raised-display
{
    position: relative;
    text-align: center;
    left: -41%;
    top: -55px;
    font-weight: bolder;
    line-height: 15px;
}

.raised-display a
{
    color: white;
}

.raised
{
    font-size: 30px;
}

.donate-info
{
    position: relative;
    top: -100px;
    left: 95px;
}

#donated-div .listing-header-details
{
    background-image:url(wp-content/uploads/2016/04/ic_PictureBorder-2x.png);
    background-repeat: no-repeat;
    background-size: 85px 85px;
    background-position: 0 -0;

    -webkit-overflow scrolling: touch;
    white-space: nowrap;
    background-color: #fff;

    height: 100px;
}

#gbsubmit
{
    margin-bottom: 10px;
}

.center-text
{
    text-align: center;
    margin-top: 20px;

}

#left-bulletpoints
{
    margin-left: -25px;
}

div.listing-top 
{
    background: #ecf0f2;
}

#sideMenu.filter
{
    top: 5px;
    /*max-width: 295px;*/
}

#sideMenu.side-stick 
{
    position: fixed;
    top: 10px;
    left: auto;
    z-index: 9;
}

#listing-top.stick 
{
    position: fixed !important;
    top: 0px;
    width: 100%;
    background: #ecf0f2;
    left: initial;
    z-index: 100;
}

.breadcrumb-row 
{
    overflow: hidden;
    position: relative;
}

.navContainer
{
    overflow: visible !important;
}

md-backdrop.md-sidenav-backdrop 
{
    position: fixed;
}

ol.steps {
    margin-left: 0;
    padding-right: 0;
    list-style-type: none;
}

ol.steps li {
    counter-increment: step-counter;
    padding-bottom: 20px;
}

ol.steps li:before {
    content: counter(step-counter);
    position: absolute;
    left: 2%;
    background-color: #436D7D;
    color: white;
    font-weight: bold;
    font-size: larger;
    padding: 3px 11px;
    border-radius: 50%;
}

.double-border 
{
    padding: 2px;
    background-color: #ffffff;
    box-shadow: 1px 0px 3px 0px #888888;
}

.bottom-banner {
    height: 60px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    background-color: rgba(67, 109, 125, 0.9);
    text-align: center;
    z-index: 60;
}

.bottom-banner span {
    color: white;
    font-style: italic;
    font-size: x-large;
}
.bottom-banner a {
    background-color: white;
    border-radius: 0px;
    margin: 0 10px;
}

.bottom-banner > div {
    padding: 11px 0;
    display: inline-block;
}

.top-btn {
    position: fixed;
    bottom: 10px;
    right: 30px;
    width: 35px;
    border-radius: 10%;
    height: 35px;
}

.back-btn {
    position: fixed;
    bottom: 10px;
    left: 30px;
    width: 35px;
    border-radius: 10%;
    height: 35px;
}

.top-btn:hover, .back-btn:hover {
    background: #436D7D;
}

.activate-map 
{
    height: 100%;
    width: 100%;
    background-color: rgba(236, 240, 242, 0.50);
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
    text-align: center;
    line-height: 668px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.activate-map button 
{
    background-color: white;
    border-radius: 0px;
}

.activate-map button:focus 
{
    color: black;
}


.homepage.listing-map-container 
{
    position: relative;
}

.home-content h3 {
    padding: 15px 0;
}

.home-content .listing-padding 
{
    padding-left: 0;
}

#download {
    width: 150px;
    margin: 30px 0;
}

.about-features-list
{
    list-style-image: url('images/heart-icon.svg');
    margin-left: -25px;
}

.landmark 
{
    position: absolute;
    height: 30px;
    top: 10px;
    right: 5px;
    border: solid 0.1px rgba(0,0,0,0.2);
    background: rgba(67, 109, 125, 0.9);
    color: white;
    padding: 4px 20px;
    border-radius: 25px;
}

.chip 
{
    display: inline-block;
    position: relative;
    background: #436d7d;
    color: white;
    padding: 6px 0px 6px 10px;
    margin: 5px 10px 5px 0px;
    border: 1px solid #dedede;
    transition: .2s all ease;
}

.chip:hover 
{
    background: #619eb5;
}

.chip > span:last-child 
{
    padding: 0px 10px;
}

.home-search-title 
{
    font-size: 25px;
    font-weight: bold;
    color: grey;
}

.listing-map-container.about 
{
    height: 370px;
    position: relative;
}

.info-title 
{
    padding: 10px 0px;
}

.description-banner
{
    position: relative;
}

.header-description .heart 
{
    display: flex;
    justify-content: center;
    padding: 5px 0px;
}

.about .info-img 
{
    width: auto;
    margin: 0;
    padding: 0;
}

.about .row.header-description 
{
    margin: 0;
    margin-top: 10px;
}

.no-overflow 
{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.md-icon-button  span:after 
{
    content: '\25BC';
    float: right;
    position: relative;
    right: 10px;
    -webkit-transform: scaleY(.6) scaleX(1);
    transform: scaleY(.6) scaleX(1);
}

.md-icon-button  span 
{
    padding-left: 10px;
}

.md-icon-button 
{
    /*text-align: left;*/
}

.page-header 
{
    margin: 0;
    padding: 0px 5px 5px;
}

.page-header .homepage 
{
    background: url("images/group-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .about 
{
    background: url("images/couple-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .restaurants 
{
    background: url("images/group-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .restaurant 
{
    background: url("images/group-1.jpg");
    height: 200px;
    background-size: cover;
    background-position: center;
}

.page-header .contact 
{
    background: url("images/about-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .charities 
{
    background: url("images/charitybanner.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .eaclub 
{
    background: url(images/shutterstock-cocktail-1-918x1024.png);
    height: 400px;
    background-size: cover;
    background-position-y: 20%;
}

.page-header .careers 
{
    background: url("images/ea-banner.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .appfeatures 
{
    background: url("images/restaurant_bg_2-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .app 
{
    background: url("images/restaurant_bg_2-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .teamgb 
{
    background: url("images/teamgb/banner-1.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .privatedining 
{
    background: url("images/private-dining.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
}

.page-header .booktober                 
{
    color: #436d7d;
    background-image: url("images/shutterstock_412892911.jpg");
    height: 400px;
    background-size: cover;
    background-position: center;
    opacity:0.9;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("images/shutterstock_412892911.jpg");
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("images/shutterstock_412892911.jpg");
    background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("images/shutterstock_412892911.jpg");
    background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("images/shutterstock_412892911.jpg");
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.1))), url("images/shutterstock_412892911.jpg");
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url("images/shutterstock_412892911.jpg");
}

.page-header .recipe                 
{
    background-image: url(images/store/image-3.jpg);
    height: 440px;
    background-size: cover;
    background-position: 50% 85%;
}

.page-header .top-content 
{
    position: absolute;
    bottom: 20px;
    padding: 0px 20px;
    width: 100%;
}

.page-header .top 
{
    position: relative;
}

fh-search-bar .input-group-addon
{
    border: none;
}

.input-group-btn.search-btn 
{
    width: 80px;
    /*padding: 2px 5px;*/
}

.header-search-mobile
{
    display: none;
}

.aside-btn 
{
    padding: 2px 15px;
    background: white;
    border: 1px solid #cccccc;
}

.aside-btn.selected 
{
    background: #436d7d;
}

.aside-btn.selected a 
{
    color: white;
}

.container.white
{
    background: white;
}

.dir-list-body h2 
{
    font-size: 13px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.aside-tabs h1 
{
    font-size: 14px;
    line-height: 50px;
    color: #436d7d;
    font-weight: bold;
}

section.about article h2
{
    font-size: 18px;
    font-weight: bold;
}

.listing-header-info h1 
{
    font-size: 30px;
    font-weight: bold;
}

.box-header h1 
{
    color: #436d7d;
    font-size: 17px;
    line-height: 20px;
    font-weight: bold;
}

.box-content h2 
{
    font-size: 15px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.box-content p 
{
    padding: 0;
}

span.login-tc-text 
{
    font-size: 12px;
}

.log-in.facebook 
{
    background: #3b5998;
}

.account-popup-container md-tabs .md-tab.md-active 
{
    background: #ecf0f2;
    color: grey;
}

.account-popup-container md-tabs-wrapper
{
    border: none !important;
}

.account-popup-container md-ink-bar 
{
    display: none;
}

.account-popup-container md-tabs .md-tab 
{
    color: #436d7d;
    font-weight: bold;
}

.account-popup-container md-checkbox .md-icon 
{
    background: white;
    border: none !important;
}

.account-popup-container md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon 
{
    background: rgba(164,195,206,0.87);
}

/*#listing-bottom.listing-padding 
{
    padding-top: 0px;
}*/

.hidden 
{
    display: none;
}


.md-scroll-mask
{
    display: none;
}

.listing-view-action-sort span:after 
{
    content: '';
}

.listing-view-action-sort span 
{
    font-size: 10px;
    padding: 0;
    text-overflow: ellipsis;
}

.video-container iframe
{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.page-header .video-container, .video-container
{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 57%;
}

.video-container
{
    margin-top: 20px;
}

md-dialog.booking-popup .booking-content 
{
    padding: 0px 20px;
}

md-dialog.booking-popup .booking-content.bottom-margin
{
    margin-bottom: 100px;
}

md-dialog.booking-popup .booking-banner 
{
    max-width: 200px;
    margin: 0 auto;
    margin-top: 20px;
    margin-bottom: 10px;
}

md-dialog.booking-popup 
{
    background: transparent;
    box-shadow: none;
    max-width: 650px;
    background: #cedade;
    box-shadow: 0px 0px 7px 0px #3c3c3c;
    -webkit-overflow-scrolling: touch;
}

md-dialog.booking-popup md-content 
{
    background: transparent;
    height: 100%;
}

.booking-content .dir-list-body 
{
    background: transparent;
    border: none;
}

.booking-content md-icon.listing-icon 
{
    color: #666767;
}

.booking-content .listing-thumbnail-col 
{
    padding: 0px 15px 0px 0px;
}

.booking-content md-switch .md-container 
{
    background: white;
    border-radius: 30px;
    height: 30px;
    width: 60px;
    border: 1px solid #436b7d;
}
.booking-content md-switch .md-container .md-bar 
{
    display: none;
}

.booking-content md-switch .md-thumb-container 
{
    top: 4px;left: 4px;
}

.booking-content md-switch .md-thumb 
{
    background: #436b7d;
    box-shadow: none;
}

.booking-content md-switch.md-checked .md-thumb-container 
{
    transform: translate3d(190%,0,0);
}

.booking-content md-switch 
{
    margin: 0;
}

.booking-content .made-booking-control 
{
    padding: 10px 0px;
    line-height: 30px;
}

.pull-xs-left 
{
    float: left;
    padding: 0px 5px;
}

.booking-content .booking-date-holder 
{
    padding-left: 0;
    margin-bottom: 10px;
}

md-checkbox.white .md-icon 
{
    border: none;
}

md-checkbox.white .md-container 
{
    background: white;
}

.booking-content .confirm-booking-control 
{
    padding-top: 10px;
}

.btn.back-booking 
{
    background: #afcad4;
}

.booking-content .confirmed .title 
{
    font-size: 20px;
    font-weight: bold;
    color: #436d7d;
}

.booking-content .confirmed .sub 
{
    font-size: 15px;
    font-weight: bold;
    color: #436d7d;
}

.booking-content .confirmed-booking .row 
{
    margin: 8px 0px;
}

.btn.btn-white {
    color: #436d7d;
    background: white;
    border-radius: 0;
    width: 100%;
    /*font-weight: bold;*/
    transition: .2s all ease;
}

.btn.btn-white:hover                
{               
    border: 1px solid #436d7d;              
    background: white;              
}

.booking-content md-checkbox 
{
    margin: 0px;
}

.booking-content md-checkbox.booked-for 
{
    margin: 21px 0px 19px 14px;
    z-index: 1;
}

.booking-content .login-tc-text 
{
    line-height: 30px;
}

.booking-tab.active.disabled 
{
    background: #ecf0f2;
    cursor: default;
}

.form-error.text 
{
    border: none;
    color: #ffffff;
    background: #ca786a;
    padding: 3px;
    width: 100%;
    margin-top: -5px;
    font-size: 11px;
}

.capitalize
{
    text-transform: capitalize;
}

.bold 
{
    font-weight: bold;
}

.privatedining article 
{
    padding: 30px 0 10px;
}

.suggest form .btn 
{
    margin-top: 10px;
}

.container.form .padding 
{
    padding: 10px;
}

.container.form .box 
{
    background: white;
    padding: 10px;
    border: 1px solid #dedede;
}

input.gen-form, textarea.gen-form, md-input-container.gen-form, md-datepicker.gen-form
{
    border: 1px solid rgba(97, 97, 97, 0.24);
    width: 100%;
    height: 40px;
    padding: 10px;
    transition: .2s all ease;
    font-weight: bold;
}

md-input-container.gen-form 
{
    margin: 0;
    padding: 5px;
    background-color: white;
}

textarea.gen-form
{
    height: 100px;
}

input.gen-form:focus, textarea.gen-form:focus
{
    border: 1px solid #436d7d;
}

form label 
{
    color: grey;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 10px;
}

.container.form .box .row:first-child 
{
    margin-bottom: 10px;
}

.container.form .box h1 
{
    font-size: 25px;
    font-weight: bold;
    color: #436d7d;
}

.booked-listing 
{
    background: white;
    padding: 15px;
    box-shadow: 0px 0px 4px -1px grey;
}

.edit-booking h1
{
    color: #436d7d;
    font-weight: bold;
    font-size: 20px;
}

.booked-listing h2 
{
    color: #505050;
    font-size: 15px;
    font-weight: bold;
}

.booked-listing .row 
{
    margin: 10px 0px;
}

.booked-listing .row:first-child 
{
    margin: -15px -15px 0px -15px;
    padding: 15px 2px 0px 15px;
}

.edit-booking .padding 
{
    padding: 15px;
}

.container.edit-booking 
{
    padding: 15px 0px;
}

.edit-booking form 
{
    position: relative;
}

.edit-booking form .row 
{
    margin: 10px 0px;
}

.edit > a {
    line-height: 25px;
}

.form-disabled 
{
    position: absolute;
    background: rgba(236, 240, 242, 0.87);
    width: 100%;
    height: 100%;
    z-index: 1;

}
.pdf-uploader
{
    display: inline-block;
    width: 50%;
    height: 40px;
    padding: 10px 0;
    text-align: center;
    border: 1px solid rgba(97, 97, 97, 0.24);
    cursor: pointer;
}

.careers form .btn
{
    margin: 10px 0;
}

md-input-container.btn.btn-white 
{
    height: 34px;
    margin: 0;
    padding: 2px;
}

md-input-container.btn-white md-select 
{
    top: 0;
}

md-input-container.btn.btn-white md-select-value 
{
    color: #436d7d;
}

md-input-container.btn.btn-white .md-select-icon 
{
    display: none;
}

.md-button.btn-white 
{
    margin: 0;
    min-height: 0px;
    height: 34px;
    text-transform: none;
    line-height: 34px;
}

md-menu-content.socialShare 
{
    min-width: 0;
    width: 130px;
}

a.md-button 
{
    line-height: 48px;
}

.add-to-calendar 
{
    height: 34px;
    background: white;
    margin: 0;
    width: 100%;
    text-align: center;
    border: 1px solid #ffffff;
    padding: 2px;
    transition: .2s all ease;
}

.add-to-calendar * 
{
    color: #436d7d;
}

.add-to-calendar:hover 
{
    border: 1px solid #436d7d;
}

.card.graph .points 
{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-bottom: 20px;
}

md-toast.md-top 
{
    position: fixed;
    width: 300px;
    margin: 0 auto;
    top: 70px;
}

md-toast.md-top .md-toast-content 
{
    background: #436d7d;
    font-weight: bold;
    text-align: center;
}

fh-booked md-menu .md-button.btn-white, fh-booked md-menu .md-button.btn-white:hover, fh-booked md-menu .md-button.btn-white:focus, fh-booked md-select.add-to-calendar, fh-booked md-select.add-to-calendar:hover, fh-booked md-select.add-to-calendar:focus, fh-booked .md-button.btn-white {
    border: none;
    height: auto;
    font-size: 12px;
}

fh-booked md-select-value.md-select-placeholder:before {
    content: "\f271";
    font-family: "FontAwesome";
    color: #436d7d;
}

fh-search-bar > div {
    background: white;
}


.review-box 
{
    margin: 15px 5px 20px 5px;
    background-color: white;
   
}

.feedback-box 
{
    
    background-color: #F3F3F3;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;  
}

.feedback-box-2 
{
    
    background-color: white;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}

.grey-font
{
    color: grey;
    font-style: italic; 
}

#mobileFilterBtn
{
    display: none;
}

.row.header-controls 
{
    padding-bottom: 5px;
    width: 100%;
}

.listing-search > .input-group 
{
    border: 1px solid #dedede;
    width: 100%;
}

.btn.chip-clear 
{
    width: auto;
    float: right;
    background: white;
    color: #537a88;
    border: 1px solid #dedede;
    margin-top: 5px;
    padding: 6px 5px;
}

.btn.filter 
{
    height: 40px;
    border: 1px solid #dedede;
    padding: 5px;
    font-weight: normal;
}

.paddingBottom
{
    padding-bottom: 4px !important;
}

.btn md-icon, .btn span 
{
    min-width: 0;
    min-height: 0;
    width: 100%;
    height: 65%;
    float: left;
    font-size: 20px;
}

.btn span 
{
    width: 100%;
    height: 35%;
    float: left;
    font-size: 10px;
}

fh-search-bar button md-icon 
{
    color: white;
}

.btn.filter md-icon 
{
    color: white;
}

.listing-view-action-sort button 
{
    text-overflow: ellipsis;
}

.swipe-over 
{
    display: inline-block;
    position: absolute;
    z-index: 10;
    width: 100%;
    overflow: hidden;
    height: 100%;
    background: rgba(236,240,242, 0.5);
}

.swipe-over > div 
{
    background: rgba(236,240,242, 0.5);
}

.swipe-over > div > div 
{
    background: rgba(255, 255, 255, 0.8);
    position: absolute;
    right: 0;
    height: 100%;
    width: 200px;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}
.swipe-over > div > div > div 
{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 33%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

fh-search-bar .input-group
{
    width: 100%;
}

.listing-stats-container 
{
    text-align: center;
    line-height: 33px;
    color: black;
    font-size: 14px;
}

#cuisine-ul md-select-value 
{
    color: #436d7d;
    padding: 0;
}

#sideMenu .aside-tabs:last-child 
{
    margin-top: -1px;
}

/*fh-restaurant article 
{
    margin-bottom: 5px;
}*/

/*.dir-list-body.charitable 
{
    border: 1px solid #436d7d;
}*/

.dir-list-body .charitable-icon 
{
    display: none;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    border-top: 60px solid #436d7d;
    border-right: 60px solid transparent;
}

.charitable-icon md-icon 
{
    color: white;
    position: relative;
    top: -55px;
    left: 5px;
}

.dir-list-body .listing-action.uncharitable a 
{
    background: transparent;
    border: 1px solid #436d7d;
    color: #436d7d;
    min-width: 112px;
}

/*.dir-list-body .listing-action a:hover 
{
    border: 1px solid #2a4650;
}*/

.listing-page .listing-detail-col 
{
    padding: 10px;
}

.listing-page .listing-content-row 
{
    height: 22px;
    font-size: 16px;
}

.listing-page .list-thumbnail 
{
    height: 180px;
}


.listing-action.mobile.uncharitable
{
    display: block;
}

.booking-popup.uncharitable 
{
    width: 650px;
}

.btn
{
    white-space: normal;
}

.header-description.uncharitable .info-title 
{
    padding: 0;
}

.header-description.uncharitable 
{
    border: 1px solid #436d7d;
}

.header-description.uncharitable .heart 
{
    padding: 0;
}

.uncharitable-message
{
    padding: 0px 5px;
}

.header-description.uncharitable .heart span 
{
    font-size: 30px;
    font-weight: bold;
    color: #436d7d;
}

.booking-popup.uncharitable .book-action.booking-step 
{
    padding: 5px;
}

.restaurants-nearby .header-description 
{
    border: 1px solid #ececec;
    border-top: 0;
}

.dir-list-body.uncharitable .listing-content-row 
{
    height: 30px;
}

.btn:focus 
{
    color: none;
}

.booking-popup-container.rsvp .rsvp-dropdown 
{
    margin-bottom: 10px;
}

.booking-popup-container.rsvp .rsvp-dropdown label 
{
    display: none;
}

#restaurantsNearby 
{
    padding: 7px;
}

.aside-tabs h2 
{
    font-size: 14px;
    color: #436d7d;
    font-weight: bold;
    width: 50%;
    padding: 5px;
    border: 2px solid #436d7d;
    opacity: 0.3;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
    transition: .2s;
}

.aside-tabs h2:hover
{
    opacity: 1;
}

.mobile-only
{
    display: none;
}

.desktop-only
{
    display: block;
}

.listing-padding.filter-container 
{
    padding-top: 0px;
}

.detail-tbl.first-row 
{
    padding-top: 12px;
}

.listing-page.uncharitable 
{
    width: 50%;
}

.listing-page.uncharitable .listing-content-row 
{
    height: 22px;
}

.detail-tbl.uncharitable-message-box .content-box 
{
    background: #436d7d;
    padding: 10px;
    color: white;
}

.detail-tbl.uncharitable-message-box .heart 
{
    font-size: 90px;
    line-height: 135px;
    max-height: 90px;
}

.detail-tbl.uncharitable-message-box .content-box button 
{
    background: white;
    color: #436d7d;
}

.uncharitable-message-box .info-title 
{
    font-size: 14px;
}

.btn.btn-white:hover 
{
    border: 1px solid #436d7d;
}

.btn-white.md-button:not([disabled]):hover 
{
    background-color: white;
}

.restaurants-near-tabs div.active 
{
    background: #436d7d;
    color: white;
}

.restaurants-near-tabs .col-xs-4 
{
    padding: 10px 10px 0 10px;
}

.restaurants-near-tabs .col-xs-4 div 
{
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    color: #436d7d;
    border: 1px solid #dcdcdc;
    width: 100%;
}

.restaurants-near-tabs .col-xs-4 div.active 
{
    color: white;
}

.restaurants-near-tabs .col-xs-4:nth-child(2) 
{
    padding: 10px 0 0 0;
}

.listing-page .dir-list-body 
{
    margin-bottom: 0;
}

.listing-page 
{
    padding: 7px;
}

button.filter-item-box 
{
    background: white;
    border: none;
    border-radius: 2px;
    margin: 2px 0px;
    padding: 0;
}

button.filter-item-box:hover md-icon
{
    color: #436d7d;
}

button.filter-item-box.active md-icon 
{
    color: #436d7d;
}

button.filter-item-box md-icon 
{
    height: 50px;
    width: 50px;
}

.filter-item-box.md-checked md-icon 
{
    color: #436d7d;
}

.filter-item-box .md-container .md-icon::after 
{
    border: 0;
}

.dir-list-body.uncharitable .listing-title a 
{
    color: #b7b7b7;
}

.starRating md-icon 
{
    height: 50px;
    width: 50px;
    color: #adadad;
}

button.filter-item-box.border 
{
    border: 1px solid #a1b6be;
}

button.filter-item-box.img-text md-icon 
{
    height: 30px;
    width: 30px;
}

button.filter-item-box.img-text span 
{
    font-size: 8px;
    color: #adadad;
}

button.filter-item-box.img-text.active span 
{
    color: #436d7d;
}

button.filter-item-box.border.img-text 
{
    padding: 2px 0px;
    line-height: 10px;
}

button.filter-item-box.border.img-text md-icon 
{
    width: 100%;
}

md-checkbox.filter-item-box:hover md-icon 
{
    color: #436d7d;
}

button.filter-item-box.border.active 
{
    background: #afcad4;
    border-color: rgba(67, 109, 125, 0.5);
}

button.md-icon-button.img-text 
{
    line-height: 0;
    padding: 0;
}

button.md-icon-button.img-text i, button.md-icon-button.img-text span 
{
    width: 100%;
    float: left;
}

button.md-icon-button.img-text 
{
    line-height: 1;
    padding: 0;
}

md-checkbox.filter-item-box.img-text > .md-label md-icon 
{
    height: 30px;
    width: 30px;
}

md-checkbox.filter-item-box.img-text > .md-label span 
{
    font-size: 8px;
    color: #adadad;
}

md-checkbox.filter-item-box.img-text.md-checked > .md-label span 
{
    color: #436d7d;
}

md-checkbox.filter-item-box.border.img-text 
{
    padding: 2px 0px;
    line-height: 10px;
}

md-checkbox.filter-item-box.img-text > .md-label md-icon 
{
    width: 100%;
}

md-checkbox.md-icon-button.img-text 
{
    line-height: 0;
    padding: 0;
}

md-checkbox.md-icon-button.img-text > .md-label i, md-checkbox.md-icon-button.img-text > .md-label span 
{
    width: 100%;
    float: left;
}

md-checkbox.md-icon-button.img-text 
{
    line-height: 1;
    padding: 0;
}

md-checkbox.filter-item-box.img-text > .md-label
{
    padding: 5px 0px;
    line-height: 10px;
}


.dir-list-body.uncharitable .listing-action.distance 
{
    color: #b7b7b7;
}

.dir-list-body.uncharitable .listing-title a:after 
{
    content: ' *';
}

.listing-page.uncharitable .listing-title:after 
{
    content: ' *';
}

article.container.listing-container.uncharitable, .listing-page.uncharitable .dir-list-body h1, .listing-page.uncharitable .dir-list-body h2, .listing-page.uncharitable .dir-list-body .listing-content-row i, article.container.listing-container.uncharitable .feature-item.active, article.container.listing-container.uncharitable .award-item.active, article.container.listing-container.uncharitable .active md-icon, article.container.listing-container.uncharitable .fa-gbp, .listing-action.uncharitable a, .listing-container.uncharitable .detail-tbl h1, .listing-container.uncharitable .box-header i
{
    color: #afafaf !important;
    -webkit-text-stroke: 0px;
}

.listing-page.uncharitable .dir-list-body md-icon
{
    fill: #afafaf !important;
}

.listing-action.uncharitable a
{
    border: 1px solid #afafaf !important;
}

.listing-container.uncharitable .restaurants-nearby h1
{
    color: #436d7d !important;
}

article.container.listing-container.uncharitable .listing-action.distance
{
    color: rgba(0,0,0,.87);
}

/* Booktober */
#hashtagTitle, #booktober-title, #booktober-subtitle, .white-text       
{       
    color: white;       
}

.top-content-hashtag        
{       
    position: absolute;     
    padding: 0px 20px;      
    top: 10px;      
    width: 100%;        
    text-align: right;      
}

.top-content-title      
{       
    position: absolute;     
    bottom: 20px;       
    padding: 0px 20px;      
    width: 100%;        
}

.booktober-section      
{       
    background: white;      
}

.section-split      
{       
    padding-top: 5px;       
    padding-bottom: 5px;        
}

.green-blue-background      
{       
    background-color: #436d7d;      
}

.promo-code     
{       
    border: 1px solid white;        
    font-size: 30px;        
    padding: 0px 5px 0px 5px;       
}

.text-center        
{       
    text-align: center;     
}

.booktober-section-1        
{       
    padding: 20px 20px 0px 20px;        
}

.booktober-section-2        
{       
    padding: 20px;      
    color: grey;   
}

.booktober-section-3        
{       
    padding: 30px 20px 20px 20px;       
}

.booktober-section-4        
{       
    padding: 0px 20px 10px 20px;        
}

.booktober-section-5        
{       
    padding: 20px 20px 0px 20px;        
}

.booktober-section-6        
{       
    padding: 20px 0px 10px 20px;        
}

.booktober-right-link       
{       
    float: right;       
    color: #436d7d;     
    padding-left: 10px;
    margin-top: 10px;
}       

.booktober-font-book-title
{
    font-family: sans-serif;
}

.banner-cover
{
    background-color: #436d7d;
    height: 100%;
    opacity: 0.2;
    filter: alpha(opacity=60); /* For IE8 and earlier */
}

#booktober-title
{
    font-size: 60px;
    padding-left: 25px;
}

#booktober-subtitle
{
    padding-left: 25px;
}

.bottom-section
{
    padding-bottom: 10px;
}

.symbol-small
{
    font-size: 10px;
    top: -5px;
    position: relative;
}

ul.nav 
{
    height: 70px;
    padding: 15px 0px;
}

nav#navbar 
{
    background: white;
    height: 70px;
    border-bottom: 2px solid #436d7d;
    width: 100%;
}

nav .nav-desktop 
{
    list-style: none;
    float: right;
    margin: 0;
    padding: 0;
    height: 70px;
    padding: 15px 0px;
}

nav .nav-desktop li 
{
    float: left;
    height: 100%;
    padding: 10px 10px;
    color: #b4b4b4;
    font-weight: bold;
    max-width: 200px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
}

nav .nav-desktop li:hover
{
    color: #436d7d;
}

nav .nav-desktop li:hover::after
{
    content: '';
    width: 10px;
    height: 2px;
    background: #436d7d;
    position: absolute;
    right: 42%;
    top: 35px;
}

nav .nav-desktop.menu li:hover::after
{
    content: '';
    width: 0;
    height: 0;
}

nav .nav-desktop.menu 
{
    padding: 0px;
    height: 68px;
    margin: 0px 5px;
}

nav .nav-desktop.menu li 
{
    width: 70px;
    border: 0;
    border-width: 0px 1px;
    border-color: #f1f1f1;
    border-style: solid;
    font-size: 25px;
    text-align: center;
    padding: 19px 0px;
}

nav .nav-desktop.menu.back 
{
    display: none;
    width: 68px;
}

nav .nav-desktop li.active 
{
    color: #436d7d;
    position: relative;
}

/*nav .nav-desktop li.active::after 
{
    content: '';
    width: 10px;
    height: 2px;
    background: #436d7d;
    position: absolute;
    right: 42%;
    top: 35px;
}*/

nav .nav-desktop li.active:hover 
{
    background: transparent;
    cursor: default;
}

nav .nav-desktop li.sign-in, nav .nav-desktop li.logged-in 
{
    background: #436d7d;
    color: white;
}

header.full-width 
{
    padding-top: 200px;
    margin-top: -70px;
    box-shadow: inset 0px 70px 0px 0px rgba(255, 255, 255, 0.86);
}

header.full-width
{
    background-position: center;
    background-size: cover;
}

header.full-width.home
{
    /*background: url(images/restaurant_bg_2-1.jpg);*/
    background: url(images/banner-home.jpg);
    background-size: cover;
    background-position: right;
}

header.full-width.about
{
    background: url(images/banner-about.jpg);
    background-size: cover;
    background-position: center;
}

header.full-width.home .container > .row:nth-child(3), header.full-width.about .container > .row:nth-child(3)
{
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

header.full-width.about .container > .row:nth-child(3)
{
    margin-bottom: 10px;
}

header.full-width.home .container > .row:nth-child(3) .row button
{
    width: 20%;
    margin: 10px;
}

/*header.full-width .container > .row 
{
    margin: 15px 0px;
}*/

/*header.full-width .container > .row h1 
{
    color: white;
    font-weight: bold;
    font-size: 5rem;
    text-align: center;
}*/

header.full-width .container > .row h2 
{
    font-size: 1.6rem;
    margin: 10px 0px;
}

header.full-width .container > .row h3 
{
    font-size: 2rem;
    font-weight: bold;
}

header.full-width .container > .row h1 
{
    color: white;
    font-size: 2rem;
    text-align: center;
    font-family: sans-serif;
    text-shadow: 1px 1px 1px #3e3e3e;
}


header.full-width .container > .row:nth-child(2) 
{
    padding: 0px 50px;
}

/*header.full-width .container > .row > .row.sub 
{
    color: white;
    text-shadow: 1px 1px 1px black;
    font-size: 16px;
    margin: 10px 0px;
}*/

header.full-width .container > .row > .row.sub 
{
    font-size: 19px;
    margin-top: 10px;
}

header.full-width .container > .row > .row.sub a
{
    color: white;
    text-shadow: 1px 1px 1px black;
}

header.full-width .container > .row .learn-more 
{
    background: transparent;
    color: white;
    border: 1px solid white;
    height: 40px;
    width: 100%;
}

.white-container 
{
    background: white;
    padding: 30px 20px;
    margin: 20px 0px;
}

.white-container > h1, .white-container .col-md-6 > h1, .container.about article section h1
{
    color: #436d7d;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 20px;
}

.container.about article section .col-md-4
{
    text-align: center;
    padding: 0px 25px 0px 25px;
}

.white-container .carousel .image-item img, .white-container .carousel .image-item h1, .white-container .carousel .image-item h2 
{
    position: absolute;
}

.white-container .carousel .image-item 
{
    position: relative;
    overflow: hidden;
    height: auto;
    margin: 5px;
}

.white-container .carousel .image-item h1 
{
    color: white;
    bottom: 20%;
    text-shadow: 1px 1px 1px black;
    font-size: 150%;
    width: 100%;
    padding: 0px 12px;
    font-weight: bold;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.white-container .carousel .image-item h2 
{
    color: white;
    font-size: 100%;
    text-shadow: 1px 1px 1px black;
    bottom: 0;
    width: 100%;
    height: 22%;
    padding: 0px 14px;
    padding-top: 1%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.carousel.no-arrows > button 
{
    display: none !important;
}

.slick-dots li.slick-active button:before 
{
    opacity: .75;
    color: #436d7d;
}

.slick-dots li button:before 
{
    font-size: 40px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '■';
    text-align: center;
    opacity: .25;
    color: #436d7d;
}

.slick-dots li 
{
    margin: 0;
}

.carousel .slick-dots 
{
    position: absolute;
    top: -50px;
    right: 0;
    width: auto;
    height: 0;
}

.slick-dotted.square-dots 
{
    margin-bottom: 0;
}

.cuisine-list ul li:last-child 
{
    margin-top: -7px;
    border-left: 1px solid #dedede;
    margin-right: 0;
    padding: 7px 20px;
}

form.white-form 
{
    margin: 0 auto !important;
    border: 1px solid #e4e4e4;
    height: auto;
    position: relative;
    padding: 10px;
    background: white;
}

form.white-form .button-container 
{
    padding: 10px 5px;
}

button.gen-form 
{
    background: white;
    border: 1px solid #d9d9d9;
    width: 100%;
    font-weight: bold;
    color: #436d7d;
    height: 40px;
    transition: .2s all ease;
}

button.gen-form:hover 
{
    border: 1px solid #436d7d;
}

form h1 
{
    margin: 5px 0px;
    padding: 0px 5px;
    font-weight: bold;
    color: #5d5d5d;
}

.forgot-password-2 
{
    border: 1px solid #e4e4e4;
    height: auto;
    position: relative;
    padding: 10px;
    background: white;
}

.forgot-password-2 h1 
{
    margin: 0;padding: 0px 5px;font-weight: bold;color: #5d5d5d;
}

.forgot-password-2 h2 
{
    font-size: 15px;
    padding: 0px 5px;
    margin: 10px 0px;
}

form md-progress-circular 
{
    height: 40px !important;
    position: absolute;
    top: 1px;
    left: 20px;
}

button:disabled 
{
    border: 1px solid rgba(224, 224, 224, 0.41);
}

.white-container .loading 
{
    max-width: 200px;
    margin: 0 auto;
    text-align: center;
    padding: 5px;
}

.white-container .loading span 
{
    color: #436d7d;
    font-weight: bold;
}

.white-container .loading md-progress-circular 
{
    margin: 0 auto;
}

.white-form .error span 
{
    color: #ad3232;
}

.white-form .error 
{
    padding: 10px 5px;
}

.home-browse-link
{
    float: right;
    font-weight: bolder;
    position: relative;
    cursor: pointer;
}

.listing-detail-col .favourite-action 
{
    font-size: 30px;
    color: #436d7d;
    line-height: 0;
    float: right;
}

.mobile-small
{
    display: none;
}

.mobile-nav ul li 
{
    float: left;
    height: 50px;
    width: 20%;
    padding: 5px;
    padding-top: 8px;
    font-size: 10px;
    text-align: center;
    border-right: 1px solid #f1f1f1;
}

.mobile-nav ul 
{
    padding: 0;
    width: 100%;
    height: 50px;
    position: relative;
    margin: 0;
    list-style: none;
}

.mobile-nav 
{
    bottom: 0;
    background: white;
    /*box-shadow: 0px -3px 3px -3px #b3b3b3;*/
    border-top: 1px solid #f1f1f1;
}

.mobile-nav ul li md-icon 
{
    width: 100%;
    color: grey;
    height: 25px;
}

.mobile-nav ul li md-icon > svg 
{
    height: 20px;
}

.mobile-nav ul li:last-child 
{
    border-width: 1px 0px 0px 0px;
}

.mobile-nav ul li span 
{
    text-transform: uppercase;
    color: grey;
}

.mobile-nav ul li.active span 
{
    color: #436d7d;
}

.mobile-nav ul li.active md-icon 
{
    color: #436d7d;
}

.booking-content > .step > h1 
{
    font-weight: bold;
    color: #436d7d;
    font-size: 2rem;
    text-align: center;
    margin: 10px 0px;
}

.booking-popup .booking-footer 
{
    width: 100%;
    margin: 10px 0px;
}

.booking-popup .login 
{
    position: absolute;
    left: 10px;
    top: 5px;
}

.input-group-addon.booking-form md-icon 
{
    fill: #436d7d;
    height: 20px;
    width: 20px;
}

.input-group-addon.booking-form 
{
    border: 0;
    border-right: 1px solid #8BA1AA;
}

.blue-box h1 
{
    color: white;
    font-size: 16px;
}

input.booking-form 
{
    width: 100%;
    height: 50px;
    border: 0;
    padding: 10px;
    color: #436d7d;
}

.booking-content .step .form-section h1 
{
    color: #436d7d;
    font-weight: bold;
    font-size: 17px;
    margin: 10px 0px;
    padding: 0;
}

.booking-footer button, .csvData-footer button
{
    height: 50px;
}

.nopadding
{
    padding: 0 !important;
    margin: 0 !important;
}

.board-img
{
    position: relative;
    display: inline-block;
}

.booking-content .form-section .input-group 
{
    margin: 5px 0px;
    border: 1px solid #8BA1AA;
}

.booking-content md-checkbox.white .md-icon 
{
    border: 1px solid #436d7d;
    border-radius: 0;
}

.booking-content .booked-for
{
    position: relative;
}

.booking-content .booked-for .input-group 
{
    position: absolute;
    top: 0;
    margin-right: 5px;
}

.booking-content .booked-for .input-group .input-group-addon md-icon 
{
    opacity: 0;
}

.booking-content md-checkbox.booked-for > .md-label 
{
    margin-left: 40px;
}

.booking-content md-checkbox.booked-for.no-label .md-label 
{
    display: none;
}

.booking-content md-checkbox.white.md-checked .md-container .md-icon 
{
    background: white;
}

.booking-content md-checkbox.white.md-checked .md-container .md-icon:after 
{
    border-color: #436d7d;
}

.booking-form-datepicker .md-datepicker-input-container input 
{
    min-width: 0;
    text-align: center;
    color: #436d7d;
    width: 50px;
    margin: 0 auto;
    padding: 0;
}

.step.confirm .row.white
{
    background: white;
    padding: 10px;
    margin: 10px 0px;
}

.step.confirm .white > h1 
{
    font-weight: bold;
    font-size: 17px;
    color: white;
    padding: 0px 5px;
}

.step.confirm .white > .row 
{
    margin: 5px 0px;
}

.step.confirm .white.blue 
{
    background: #DEE8EE;
}
.step.confirm .white.blue.text-normal 
{
    color: #404040;
}

.booking-content .input-group.booking-text .input-group-addon 
{
    border: 0;
    padding: 0px 5px;
    background: transparent;
}

.booking-content .input-group.booking-text .row 
{
    padding: 5px;
}

.booking-content .input-group.booking-text .input-group-addon md-icon 
{
    fill: #436d7d;
    width: 20px;
    height: 20px;
}

.booking-content .input-group.booking-text .row p, .step.confirm .white > p 
{
    padding: 0;
}

.step.confirm .white > p strong 
{
    font-size: 17px;
}

.booking-content .input-group.booking-text .row 
{
    color: #404040;
}

button.booking-form.browse 
{
    width: 100%;
    height: 50px;
    text-align: left;
    color: #b3b3b3;
    background: white;
    border: none;
}

ul.browseSupportList 
{
    list-style: none;
    padding: 0;
}

ul.browseSupportList h1 
{
    font-size: 15px;
    font-weight: normal;
    color: #436d7d;
    padding: 0;
}

ul.browseSupportList h2 
{
    font-size: 12px;
    color: #829198;
}

ul.browseSupportList li 
{
    padding: 5px;
    border-bottom: 1px solid #edf0f2;
    transition: .2s;
    background: rgba(255,255,255,0.60);
}

.booking-content.charity > section > h1 
{
    font-size: 20px;
    font-weight: bold;
    color: #436d7d;
    text-align: left;
    padding: 5px;
    background: white;
}

md-dialog.booking-popup .booking-content.charity 
{
    overflow: auto;
    min-width: 650px;
}

.booking-popup.charity .showing .loader-new 
{
    width: 50px;
    margin: 0 auto;
}

ul.browseSupportList li:hover 
{
    background: white;
    cursor: pointer;
}

.booking-popup.charity .showing 
{
    background: rgb(255, 255, 255);
    font-weight: bold;
    color: #436d7d;
}

.booking-popup.charity .showing > .row 
{
    padding: 10px;
}

.input-group-addon.booking-form.input-loader md-progress-circular 
{
    width: 20px !important;
    height: 20px !important;
    position: static;
}

.booking-content .form-section .input-group.group-error 
{
    border-color: #ca786a;
}

.booking-content .form-section .input-group.group-valid 
{
    border-color: #3d9e55;
}

.booking-content .form-section .input-group.group-error md-icon 
{
    fill: #ca786a;
}

.booking-content .form-section .input-group.group-valid md-icon 
{
    fill: #3d9e55;
}

.booking-footer .booking-finished-control a, .booking-footer .booking-finished-control md-menu button 
{
    height: 50px;
}

.booking-footer .booking-finished-control md-menu button a, .booking-footer .booking-finished-control a 
{
    padding: 15px 12px;
}

.booking-footer .booking-finished-control 
{
    padding: 1px;
    background: #436d7d;
    margin-bottom: -1px;
}

.booking-footer .booking-finished-control a:hover, .booking-footer .booking-finished-control md-menu button:hover 
{
    border: none;
    box-shadow: none;
}

.booking-footer .booking-finished-control a:focus
{
    color: #436D7D;
}

button.confirm-booking md-progress-circular 
{
    margin: 0 auto;
    margin-top: -9px;
}


.input-group.booking-form
{
    margin: 5px 0px;
    border: 1px solid #436d7d;
}

.homes .white-container:nth-child(5)
{
    overflow: visible;
}

.about .white-container:nth-child(7)
{
    padding-bottom: 0;
}

.about .white-container:nth-child(7) .col-md-5 img
{
    top: 40px;
    position: relative;
}

md-dialog > form > md-toolbar 
{
    background-color: #f8f9f9 !important;
    /*border-bottom: 1px solid #436d7d;*/
    color: #436d7d;
}

md-dialog > form > md-dialog-content
{
    padding: 0px 10px;
}

md-dialog  > form > md-dialog-content
{
    -webkit-overflow-scrolling: touch;
}

md-dialog  > form >  md-toolbar md-icon 
{
    fill: #436d7d;
}

.mobile-nav ul li.active 
{
    background: #ecf0f2;
}

md-dialog.booking-dialog 
{
    max-width: 800px;
    width: 80%;
}

.md-toolbar-tools .btn.link 
{
    text-align: center;
}

.md-toolbar-tools .booking-banner 
{
    max-width: 200px;
    margin-top: 8px;
}

.booking-dialog md-dialog-actions 
{
    background: #f8f9f9;
    padding-left: 8px;
}

.booking-footer button, .csvData-footer button
{
    color: #436b7d;
}

.booking-footer button.cancel, .csvData-footer button.cancel
{
    color: white;
    background: #98AEB7;
}

.input-group-addon.booking-form.input-loader md-progress-circular svg 
{
    width: 20px !important;
    height: 20px !important;
    transform-origin: 10px 10px 10px !important;
    position: static;
}

.text-justify
{
    text-align: justify;
    text-justify: inter-word;
}

.booking-content > .step > h1 strong 
{
    font-size: 30px;
}

md-dialog md-dialog-actions .md-button 
{
    white-space: normal;
    line-height: 17px;
    margin-left: 0;
}

md-dialog .md-dialog-content 
{
    padding: 5px;
}

md-dialog.md-content-overflow md-dialog-actions 
{
    padding-left: 5px;
    padding-right: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.booking-footer button.confirm, .csvData-footer button.confirm
{
    color: white;
    background: #436D7D;
}

.booking-footer button.cancel:not([disabled]):hover, .csvData-footer button.cancel:not([disabled]):hover
{
    background: #98AEB7;
}

.booking-footer button.confirm:not([disabled]):hover, .csvData-footer button.confirm:not([disabled]):hover
{
    background: #436D7D;
}

md-dialog md-dialog-actions .md-button 
{
    font-size: 10px;
    max-height: 40px;
}

md-dialog md-dialog-actions .md-button.large-text
{
    font-size: 14px;
}

.input-group.booking-text.grey 
{
    opacity: 0.4;
}

md-dialog md-dialog-actions .md-button a 
{
    font-size: 10px !important;
    color: #212121 !important;
    text-transform: uppercase;
    padding: 0 !important;
}


.btn.md-button.btn-white:hover 
{
    border: none;
    background: transparent;
}

.btn.md-button.btn-white:hover a 
{
    background: transparent;
}

.about.container .white-container .row slick img
{
    position: relative;
    top: 50px;
    padding-bottom: 40px;
}

#map-list-carousel > button 
{
    display: none !important;
}

.uncharitable-detail-button a 
{
    background: white;
    color: grey;
    border: 1px solid grey;
}

.uncharitable-detail-button 
{
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.uncharitable .listing-detail-col 
{
    padding: 5px 15px;
}

fh-booked .md-button.btn-white 
{
    line-height: 15px;
}

md-input-container>md-icon 
{
    top: 3px;
}

.listing-container.listing-charities
{
    overflow: hidden;
}s

.charity-list .listing-search-input button.btn.btn-default 
{
    padding: 0;
    height: 37px;
}

.charity-list .listing-search-input button.btn.btn-default md-icon 
{
    height: 15px;
    width: 100%;
    fill: white;
}

.listing-action-charity 
{
    position: static;
    margin-top: 5px;
}

.listing-header-info.charity 
{
    padding: 20px;
}

.container[scroll-listing] 
{
    padding-top: 10px;
}

.about .slick-dotted.slick-slider
{
    margin-bottom: 0px;
}

.about .col-md-6 p
{
    text-align: justify;
}

.input-group.booking-text.email input 
{
    border: none;
    background: transparent;
    padding: 14px 10px;
    text-overflow: ellipsis;
    width: 100%;
}

md-dialog md-dialog-actions a.md-button 
{
    line-height: 35px;
}

.uncharitable .listing-title 
{
    padding-left: 200px;
    font-weight: 100;
}

.md-calendar-day-header 
{
    color: white;
}

.md-calendar-date.md-focus  .md-calendar-date-selection-indicator
{
    background: transparent;
}

.md-calendar-date-selection-indicator:hover 
{
    box-shadow: 0px 0px 0px 1px #436d7d;
    background: #e8edef;
}

.booking-form-datepicker .md-datepicker-input-container .md-datepicker-triangle-button.md-button.md-icon-button 
{
    height: 100%;
}

.md-datepicker-input-mask 
{
    display: none;
}

.booking-content > .step > h1 a 
{
    font-size: 50px;
}

form.white-form.no-label input.gen-form, form.white-form.no-label textarea.gen-form
{
    margin: 5px 0px;
}

form.white-form.no-label 
{
    border: 0;
}

.listing-header-video iframe 
{
    height: 200px;
    width: 100%;
    border: 0;
}

.box-content.info-text 
{
    font-size: 21px;
    text-transform: uppercase;
    color: white;
    min-height: 200px;
    padding-top: 40px;
    background-image: linear-gradient( rgba(67, 109, 125, 0.5), rgba(67, 109, 125, 0.5) ),url(images/food_plate.jpg);
    background-size: cover;
    background-position: bottom; 
}

.box-content.info-text md-icon 
{
    float: right;
    width: 100px;
    height: 100px;
    fill: white;
}

.box-content.info-text p 
{
    display: inline;
}

.listing-page.uncharitable .listing-title 
{
    padding-left: 0;
}

.dir-list-body.charitable .listing-title 
{
    padding: 0;
}

.body-container.charity .box-content.about 
{
    height: 227px;
}

.dir-list-body.uncharitable .listing-detail-col .distance 
{
    color: #b7b7b7;
    position: static;
    float: right;
    margin-top: 5px;
}

fh-charity .listing-content-row a 
{
    display: block;
}

.listing-content-row.description 
{
    height: 36px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.listing-charities .listing-detail-col 
{
    height: 100%;
    padding: 30px 15px;
}

.box-content.info-text a 
{
    color: white;
}

slick.carousel.button-outside > .slick-prev 
{
    left: -10px;
}

slick.carousel.button-outside > button:before 
{
    color: #436d7d;
}

slick.carousel.button-outside > .slick-next 
{
    right: -2px;
}

.listing-charities .listing-search-input .input-group-btn:last-child>.btn 
{
    height: 36px;
}

md-progress-circular 
{
    height: 30px;
    width: 30px;
}

md-progress-circular svg 
{
    height: 30px !important;
    width: 30px !important;
    transform-origin: 15px 15px 15px !important;
}

button md-progress-circular 
{
    margin: 0 auto;
    position: static;
    margin-top: 2px;
}

button md-progress-circular svg 
{
    position: static;
}

.slick-next:before 
{
    font-family: FontAwesome;
    content: "\f105";
}

.slick-prev:before 
{
    font-family: FontAwesome;
    content: "\f104";
}

.slick-arrow:before
{
    background: rgb(255, 255, 255);
    padding: 10px;
    opacity: 0.99;
    box-shadow: 0px 0px 3px 0px #cccccc;
    transition: .2s;
}

.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before
{
    opacity: 0.99;
}

.slick-arrow:hover:before
{
    background: rgb(209, 219, 223);

}

header.full-width fh-search-bar .header-search-input 
{
    height: 50px;
}

header.full-width fh-search-bar .header-search-input input 
{
    height: 50px;
}

header.full-width fh-search-bar .search-btn button 
{
    height: 50px;
}

fh-search-bar span.search-btn button 
{
    height: 50px !important;
    width: 150px !important;
    background: white;
    color: grey;
    border-left: 1px solid #ecf0f2;
    transition: .2s;
}

fh-search-bar.listing-search span.search-btn button 
{
    height: 38px !important;
    line-height: 15px;
    width: 100px !important;
}

header.full-width fh-search-bar span.search-btn button md-icon 
{
    fill: grey;
}

header.full-width fh-search-bar span.search-btn button:hover 
{
    color: #436D7D;
}

header.full-width fh-search-bar span.search-btn button:hover md-icon
{
    fill: #436D7D;
}

header.full-width .container > .row > .row.sub a i 
{
    font-size: 20px;
}

.listing-detail-col .box-tap 
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0;
}

.listing-detail-col > a:focus .box-tap
{
    background: rgba(128, 128, 128, 0.5);
}

.booked-listing .row.map 
{
    margin: 10px -15px;
}

.booked-listing md-icon
{
    width: 20px;
    height: 20px;
    fill: #436d7d;
}

.booked-listing .booked-controls 
{
    font-size: 12px;
    margin: -10px -15px -15px -15px;
    padding: 5px;
}

.booked-listing .booked-controls button 
{
    padding: 0;
    height: 35px;
    background: transparent;
}

.booked-listing .booked-controls button span 
{
    height: 50px;
}

.booked-listing .booked-controls button:hover 
{
    background: #ecf0f2 !important;
}

.white-container .carousel .image-item.square 
{
    height: auto;
}

.white-container .carousel .image-item.square img 
{
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.white-container .carousel .image-item.square .square-image 
{
    height: 0;
    padding-bottom: 100%;
    position: relative;
}

/*.input-group.subscription button 
{
    height: 40px;
    border: none;
    background: #436d7d;
    width: 150px;
    color: white;
}

.input-group.subscription input 
{
    width: 100%;
    border: 0;
    height: 40px;
    background: #d1dbdf;
    padding: 5px;
    color: #436d7d;
}*/

.input-group.subscription .input-group-addon 
{
    padding: 0;
    border: 0;
    padding-left: 10px;
}

.booking-footer button.cancel.red, .csvData-footer button.cancel.red
{
    background: #ca786a;
}

.booking-footer button.cancel.red:hover, .csvData-footer button.cancel.red:hover
{
    background: #ca422b;
}

.white-container .carousel.no-sub .image-item h1 
{
    font-size: 20px;
    bottom: 10px;
    border-bottom: 0;
}

.white-container .carousel .image-item .rect-image 
{
    height: 0;
    padding-bottom: 56%;
    position: relative;
}

.cookie-message 
{
    position: fixed;
    bottom: 20px;
    left: 20px;
    z-index: 999999;
    background: #436d7d;
    width: 20%;
    color: white;
    padding: 10px;
    box-shadow: 0px 0px 4px 0px #8c8c8c;
}

.cookie-message button 
{
    background: white;
    color: #436d7d;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
}

.cookie-message button:hover 
{
    background: #d1dbdf !important;
}

.md-dialog-content.infoBox 
{
    min-width: 600px;
}

.md-dialog-content.infoBox > div 
{
    padding: 0px 5px;
}

.md-dialog-content.infoBox > div h1 
{
    margin: 0;
    padding: 0;
    color: #436D7D;
}

.md-dialog-content.infoBox > img 
{
    padding-right: 25px;
}

.md-dialog-content.infoBox > p 
{
    text-align: justify;
}

fh-search-bar md-progress-circular 
{
    height: 30px !important;
    width: 30px !important;
}

fh-search-bar.listing-search fh-autocomplete div div > .input-group-addon 
{
    padding: 4px 12px;
}

fh-search-bar.listing-search > div > span button 
{
    background: #436d7d;
    color: white;
}

fh-search-bar.listing-search > div > span button:hover 
{
    background: #324F5A;
    color: white;
}

.white-container .carousel.no-sub.no-ellipsis .image-item.square h1 
{
    overflow: visible;
    white-space: normal;
}

.not-found > md-icon 
{
    width: 200px;
    height: 200px;
    fill: #436d7d;
}

.not-found h1 
{
    font-size: 100px;font-weight: bold;color: #bdbdbd;text-shadow: 1px 1px 0px white;
}

.not-found h2 
{
    font-size: 20px;
    font-weight: bold;
    color: #6d6d6d;
    text-shadow: 1px 1px 0px white;
}

.not-found > row
{
    margin: 0px 20px;
}

.not-found > .row 
{
    margin: 20px 0px;
}

.not-found fh-autocomplete 
{
    height: 50px;
}

.fixed-calendar 
{
    width: 270px;
    height: 290px;
    display: block;
    margin: 0 auto;
    overflow: hidden;
}

.fixed-calendar .md-calendar-scroll-mask
{
    width: 270px !important;
    height: 290px !important;
}

.fixed-calendar .md-virtual-repeat-scroller 
{
    width: 270px !important;
    height: 290px;
}

.entry-controls 
{
    min-height: 370px;
}

.fixed-calendar .md-calendar-date-selection-indicator 
{
    width: 30px;
    height: 30px;
    line-height: 30px;
    transition: .2s ease;
}

.md-calendar.md-default-theme, .md-calendar 
{
    background: transparent;
}

.featured-booking-charity .row.details 
{
    background: white;
    padding: 10px 20px;
    border: 1px solid #436d7d;
}

.featured-booking-charity .row.details h1 
{
    color: grey;
    font-size: 16px;
    font-weight: 600;
    padding: 0;
    margin: 0;
}

.featured-booking-charity .row.details h2 
{
    font-size: 13px;
    margin-top: 10px;
}

.featured-booking-charity .row.details .description 
{
    height: 45px;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 12px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.featured-booking-charity .row.details .description h3 
{
    font-size: 14px;
}


.featured-booking-charity .row.details button 
{
    max-width: 200px;
    margin: 10px auto 0px auto;
    display: block;
}

slick.featuredCharities 
{
    max-width: 400px;
    margin: 0 auto;
}

md-progress-circular.blockLoader 
{
    position: relative;
    margin: 0 auto;
    left: 0;
    top: 0;
}

.md-dialog-content.booking-content 
{
    min-width: 665px;
    position: relative;
}

.row.booking-details 
{
    background: transparent;
    border-top: 1px solid rgba(67, 109, 125, 0.5);
    border-bottom: 1px solid rgba(67, 109, 125, 0.5);
    margin-bottom: -1px;
    padding: 19px 5px;
    transition: .2s all;
    opacity: 0.2;
}

.row.booking-details:last-child 
{
    border-bottom: 0;
}

.row.booking-details:first-child 
{
    border-top: 0;
}

.row.booking-details:hover 
{
    opacity: 0.6;
}

.row.booking-details.active
{
    opacity: 1;
}

.row.booking-details.done
{
    opacity: 1;
}

.row.booking-details > div:first-child span 
{
    color: #436d7d;
    font-weight: bold;
}

.md-default-theme .md-calendar-day-header, .md-calendar-day-header 
{
    background: transparent;
}

.md-calendar-day-header 
{
    color: black;
    font-weight: bold;
}

.md-calendar-scroll-container 
{
    box-shadow: none;
}

.md-calendar-day-header th 
{
    font-weight: bold;
}

.entry-controls md-timepicker, .entry-controls md-calendar
{
    height: 290px;
}

.entry-controls > .row.ng-hide-add
{ 
    animation:0.2s zoomOut ease; 
}

.entry-controls > .row.ng-hide-remove
{ 
    animation:0.2s zoomIn ease; 
}

.people-picker ul 
{
    list-style: none;
    padding: 0;
    text-align: center;
    overflow-y: scroll;
    height: 100%;
    margin-right: -17px;
    padding: 20px 0px;
    padding-bottom: 50px;
}

.row.people-picker 
{
    height: 220px;
    width: 150px;
    overflow: hidden;
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    margin-top: 30px;
    text-align: center;
    position: relative;
}

.people-picker ul li span 
{
    color: #436d7d;
    font-weight: bold;
    font-size: 20px;
}

.people-picker ul li 
{
    padding: 5px 0px;
}

md-dialog.booking-dialog 
{
    background: #ffffff;
}

span.md-calendar-date-selection-indicator 
{
    background: rgba(152, 174, 183, 0.22);
    border-radius: 0px;
}

.md-calendar-date 
{
    height: 34px;
}

.md-calendar-month-label md-icon 
{
    display: none;
}

.md-calendar-month-label 
{
    height: 34px;
}

.entry-controls .other-info 
{

}

.row.booking-details.section-error 
{
    opacity: 1;
}

.row.booking-details.section-error > div:first-child span 
{
    color: #ca786a;
}

.people-picker-icon md-icon 
{
    height: 50px;
    width: 50px;
    margin: 0 auto;
    display: block;
    fill: #a7a7a7;
}

md-dialog.charity-promo 
{
    background: transparent;
    padding: 0;
}

md-dialog.charity-promo h1 
{
    font-size: 23px;
    text-align: center;
    line-height: 40px;
}

md-dialog.charity-promo button.clear-btn 
{
    margin: 0 auto;
    background: none;
    display: block;
    border: 1px solid #444444;
    padding: 10px;
    font-size: 25px;
}

md-dialog.charity-promo .close-btn-container 
{
    position: absolute;
    top: 0;
    right: 0;
}

button.filter-item-box.border.img-text.streetsmart img 
{
    width: 30px;
    height: 30px;
}

.row.btn-text > span 
{
    position: absolute;
    left: 20%;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
}


.row.btn-text 
{
    position: relative;
}

.row.detail-page-loader 
{
    margin: 50px;
}

.row.detail-page-loader md-progress-circular 
{
    height: 35px !important;
    width: 35px !important;
    margin: 0 auto;
}

.row.detail-page-loader p 
{
    text-align: center;
    font-size: 10px;
    color: grey;
}

button.booking-form.browse.selected 
{
    color: #436d7d;
}

md-input-container.md-icon-float.booking-form>md-icon 
{
    width: 20px;
    height: 20px;
    top: 6px;
    fill: grey;
}

md-checkbox.md-checked .md-icon:after 
{
    left: 7px;
    top: 2px;
}

.input-group-addon 
{
    border: 0;
}

md-datepicker.no-icon > button 
{
    display: none;
}

md-datepicker.no-icon 
{
    display: block;
    margin-right: 0;
}

.concierge .row.input-row md-input-container .md-errors-spacer 
{
    display: none;
}

.concierge .row.input-header 
{
    background: white;
    height: 48px;
    color: #436d7d;
    font-weight: bold;
    line-height: 48px;
    text-align: center;
    box-shadow: 1px 1px 2px -2px black;
}

.section.concierge > div 
{
    margin: 50px 0px;
}

.concierge .input-row md-select 
{
    border-bottom: 1px solid rgba(0,0,0,0.12);
}

.concierge .input-row 
{
    background: white;
    box-shadow: 1px 1px 2px -2px black;
    margin: 5px 0px;
}

.concierge .input-row md-icon.close 
{
    display: block;
    margin: 0 auto;
    position: static;
    float: none;
    margin-top: 8px;
}

md-input-container.error input, md-input-container.error md-select 
{
    border-color: red !important;
}

input.flat 
{
    height: 40px;
    border: 0;
    padding: 10px;
    width: 100%;
    transition: .2s all;
}

input.shadow 
{
    box-shadow: 1px 1px 2px -2px black;
}

input.flat:focus 
{
    box-shadow: 0px 0px 0px 1px #436d7d;
}

md-autocomplete.gen-form .md-whiteframe-1dp, md-autocomplete.gen-form .md-whiteframe-z1 
{
    box-shadow: none;
    border: 1px solid #d9d9d9;
}

md-autocomplete.gen-form.no-border .md-whiteframe-1dp, md-autocomplete.gen-form.no-border .md-whiteframe-z1 
{
    border: 0;
}

.md-autocomplete-suggestions li span
{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
}

.md-autocomplete-suggestions li span:nth-child(1)
{
    font-weight: bold;
}

.md-autocomplete-suggestions li
{
    line-height: 24px;
}

section.section.concierge 
{
    max-width: 1300px;
}

section.section.concierge button.input-controls, .csv-uploader
{
    background: #436d7d;
    box-shadow: 1px 1px 2px -1px black;
    border-radius: 0;
}

section.section.concierge button.input-controls.md-accent 
{
    background: rgba(67, 109, 125, 0.5);
}

.booking-form-line md-icon 
{
    width: 15px;
    min-width: 15px;
    min-height: 15px;
    height: 15px;
}

section.section.concierge > h1 
{
    margin: 20px 0px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #436d7d;
}

.booking-list ul 
{
    list-style: none;
    padding: 0;
    padding-right: 5px;
}

.booking-list 
{
    max-height: 200px;
    overflow: auto;
    min-height: 115px;
}

.booking-list ul li.uncharitable 
{
    opacity: 0.5;
}

.booking-list ul li 
{
    background: rgba(226, 228, 228, 0.5);
    margin: 5px 0px;
    padding: 5px;
    box-shadow: 0px 1px 1px -1px #3c3c3c;
    color: #436d7d;
    font-weight: bold;
}

.booking-list ul li md-icon 
{
    height: 20px;
    width: 20px;
    min-height: 0;
    min-width: 0;
    fill: rgb(152, 174, 183);
    margin-right: 5px;
}

.booking-content.concierge > h1 
{
    text-align: center;
    font-size: 25px;
}

.booking-content.concierge > h2 
{
    font-size: 20px;
    color: #436d7d;
    text-align: center;
    margin-bottom: 20px;
}

.booking-list ul li.uncharitable:hover 
{
    opacity: 1;
}

.booking-list ul li.uncharitable > p 
{
    color: black;
}

.row.input-row md-autocomplete.gen-form 
{
    height: 30px;
}

.section.concierge textarea 
{
    width: 100%;
    height: 200px;
}

section.section.concierge-login 
{
    max-width: 100%;
    min-height: 500px;
    background: url(wp-content/uploads/revslider/finedining/atable.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
}

section.section.concierge-login  .container.home 
{
    width: 500px;
    height: 200px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

section.section.concierge-login > h1 
{
    color: white;
    font-weight: bold;
    font-size: 3em;
    text-shadow: 1px 1px black;
    text-align: center;
    padding-top: 50px;
}

.video-container.wrap.right
{
    float: right;
}

.video-container.wrap.left
{
    float: left;
}

.video-container.wrap
{
    padding-bottom: 22%;
    width: 350px;
}

header.full-width.bg1
{ 
    background: url("images/header-backgrounds/1.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg2
{
    background: url("images/header-backgrounds/2.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg3
{
    background: url("images/header-backgrounds/3.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg4
{
    background: url("images/header-backgrounds/4.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg5
{
    background: url("images/header-backgrounds/5.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg6
{
    background: url("images/header-backgrounds/6.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg7
{
    background: url("images/header-backgrounds/7.jpg");
    background-size: cover;
    background-position: center;
}

header.full-width.bg8
{
    background: url("images/header-backgrounds/8.jpg");
    background-size: cover;
    background-position: center;
}

.image-container.wrap.right 
{
    width: 300px;
    height: 300px;
    float: right;
    display: block;
    margin-top: 13px;
    margin-left: 20px;
}

.image-container.wrap.right img 
{
    height: 100%;
    width: 100%;
    min-height: 0;
    margin: 0;
}

header.full-width .bar 
{
    background: rgba(0, 0, 0, 0.3);
    padding: 10px 0px;
}

md-switch.off 
{
    opacity: 0.5;
}

.concierge-email-switch md-switch 
{
    width: 50px;
    margin: 0;
    float: right;
}

md-progress-circular.block svg 
{
    position: static;
}

md-progress-circular.block 
{
    position: static;
    margin: 0 auto;
}

section.feedback h1 
{
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    color: #436d7d;
    margin-bottom: 15px;
}

.feedback-button a 
{
    color: white;
}

.feedback-button span:hover 
{
    background: #72929e;
}

.feedback-button span 
{
    background: #436d7d;
    padding: 10px 30px;
    transition: .2s all;
}

.feedback-button
{
    position: fixed;
    bottom: 50px;
    right: 0;
    z-index: 10;
}

.feedback-button span md-icon 
{
    fill: white;
    margin-top: -4px;
}

.store .details 
{
    background: white;
    padding: 30px;
    box-shadow: 0px 2px 5px -3px #000000;
}

.store .container 
{
    padding: 50px 10px;
}

.store .container.header
{
    background: white;
}

.store .container .details h1 
{
    font-size: 30px;
    color: #436d7d;
    font-weight: bold;
    margin: 10px 0px;
}

.store .container .details h2 
{
    font-size: 20px;
    color: #676767;
    font-weight: bold;
    margin: 10px 0px;
}

.store .container .details h3 
{
    font-size: 15px;
    margin: 10px 0px;
}

.store .container .details .description 
{
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
}

.input-group.number-stepper .input-group-addon 
{
    padding: 6px;
}

.input-group.number-stepper input 
{
    height: 40px;
}

.input-group.number-stepper 
{
    height: 40px;
    padding: 0;
}

.input-group.number-stepper .input-group-addon button 
{
    background: none;
    border: 0;
}

.input-group.number-stepper .input-group-addon button md-icon 
{
    height: 20px;
    width: 20px;
    min-width: 0;
    min-width: 0;
}

.store .details .donation .large 
{
    font-size: 40px;
    font-weight: bold;
    color: white;
}

.store .details .donation/*, .store .details .purchase*/
{
    text-align: center;
    background: #436d7d;
    color: white;
    margin: 30px -30px -30px -30px;
    padding: 10px;
    color: white;
    box-shadow: 0px 2px 5px -3px #000000;
}

.store .details hr
{
    margin-left: -30px;
    margin-right: -30px;
}

.store .details .donation .normal 
{
    font-size: 30px;
    font-weight: bold;
    color: white;
}

.store .container .gallery-top 
{
    background: white;
    height: 674px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 2px 5px -3px #000000;
}

md-menu-content.suggest-menu:after 
{
    content: '';
    position: absolute;
    bottom: -10px;
    left: 0;
    right: 0;
    width: 0;
    margin: auto;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
}

.mobile-nav .md-button.md-icon-button 
{
    height: 100%;
    width: 100%;
    margin: 0;
    line-height: 11px;
    font-size: inherit;
    padding: 0;
}

.mobile-nav .md-button.md-icon-button span
{
    padding: 0;
    margin: 0;
}

.mobile-nav .md-button.md-icon-button span:after
{
    display: none;
}

/*.store .details .purchase > div 
{
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    height: auto;
    width: 100%;
}*/

.store .details .purchase 
{
    position: relative;
}

.store .gallery-bottom .slick-slide.nav 
{
    padding: 5px;
    height: 140px;
    transition: .2s all;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.store .gallery-bottom .slick-slide.nav:hover 
{
    cursor: pointer;
    background: #c3d0d5;
}

.store .gallery-bottom 
{
    background: white;
    box-shadow: 0px 2px 5px -3px #000000;
    height: 140px;
    position: relative;
    border-top: 1px solid #ecf0f2;
}

.store .gallery-bottom button.slick-prev 
{
    left: -15px;
}

.store .gallery-bottom button.slick-next 
{
    right: -5px;
}

.store .gallery-bottom button.slick-arrow:before
{
    background: rgb(67, 109, 125);
}

.store .purchase > div.ng-hide-add:nth-child(1), .store .purchase > div.ng-hide-add:nth-child(3)
{ 
    animation:0.2s slideOutLeft ease; 
}

.store .purchase > div.ng-hide-remove:nth-child(1), .store .purchase > div.ng-hide-remove:nth-child(3)
{ 
    animation:0.2s slideInLeft ease; 
}

.store .purchase > div.ng-hide-add:nth-child(2), .store .purchase > div.ng-hide-add:nth-child(4)
{ 
    animation:0.2s slideOutRight ease; 
}

.store .purchase > div.ng-hide-remove:nth-child(2), .store .purchase > div.ng-hide-remove:nth-child(4)
{ 
    animation:0.2s slideInRight ease; 
}

.store .receipt > .row:last-child 
{
    border: none;
}

.store .receipt > .row 
{
    border-bottom: 1px solid #ecf0f2;
    padding: 5px 0px;
}

.csv-uploader
{
    width: 115px;
}

.csv-uploader div
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.booking-dialog .md-toolbar-tools .booking-header 
{
    width: auto;
    background: transparent;
    color: #436d7d;
    font-weight: bold;
    font-size: 15px;
}

/*md-dialog-content.md-dialog-booking 
{
    padding-bottom: 10px;
}*/

.booking-content .entry-controls .header, .booking-content .entry-values .header
{
    font-size: 14px;
    padding: 19px 0px;
    border-bottom: 1px solid #436D7D;
    margin-bottom: -1px;
}

.booking-content .entry-controls .header span, .booking-content .entry-values .header span
{
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 600;
    color: grey;
    margin: 0;
    padding: 0;
}

.booking-content .step.confirm .entry-controls .no-header 
{
    margin-top: 58px;
}

.booking-content .blue-box 
{
    background: #436d7d;
    padding: 10px;
}

.booking-content .blue-box.faint 
{
    background: #98aeb7;
    padding: 10px;
}

.step.confirm .blue-box 
{
    margin: 10px 0px;
    margin-top: 0;
}

.booking-content md-checkbox 
{
    color: white;
    font-weight: 600;
}

.booking-content .blue-box p 
{
    color: white;
    text-align: center;
    padding: 0px 5px;
}

.booking-content .blue-box p.rest-name 
{
    color: white;
}

.booking-content .blue-box p.phone 
{
    font-weight: 900;
    font-size: 45px;
}

.booking-content .blue-box p.phone md-icon 
{
    fill: white;
}

.booking-content .calling-info > .row, .booking-content .charity-select > .row 
{
    margin: 20px 0px;
}

.booking-content .calling-info > .row:first-child, .booking-content .charity-select > .row:first-child 
{
    margin-top: 0;
}

.booking-content .calling-info > .row:last-child, .booking-content .charity-select > .row:last-child 
{
    margin-bottom: 0;
}

.booking-content .calling-info .small-text 
{
    color: black;
    font-size: 12px;
}

.charity-select .header 
{
    font-size: 14px;
    padding: 19px 0px;
    border-bottom: 1px solid #436D7D;
}

.charity-select .header h1 
{
    font-size: 14px;
    text-transform: uppercase;
    margin: 0;
    padding: 0;
}

.people-picker ul:after 
{
    content: '';
    position: absolute;
    width: 150%;
    height: 40px;
    bottom: 0px;
    left: -15px;
    right: -15px;
    box-shadow: inset #ffffff 0 -22px 18px;
}

.people-picker ul:before 
{
    content: '';
    position: absolute;
    width: 150%;
    height: 40px;
    top: 15px;
    left: -15px;
    right: -15px;
    box-shadow: inset #ffffff 0 -22px 18px;
    transform: rotate(180deg);
}

.entry-controls > .other-info .input-group 
{
    border: 1px solid #436d7d;
}

.entry-controls .input-group .input-group-addon:first-child 
{
    border-right: 1px solid #436d7d;
}

.entry-controls > .other-info > .row > .col-md-12 
{
    margin: 10px 0px;
}

.entry-controls > .row 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.entry-controls .charity-select .featured-charities 
{
    margin: 5px 20px;
    max-height: 250px;
    overflow: hidden;
}

.entry-controls .charity-select > .row .input-group span 
{
    background: transparent;
}

.entry-controls .charity-select > .row .input-group 
{
    border: 1px solid #436d7d;
}

.entry-controls .charity-select .search-charities 
{
    margin: 5px 25px;
}

.md-dialog-content.booking-content > .row > .col-md-6:last-child 
{
    padding-left: 10px;
}

.md-dialog-content.booking-content > .row > .col-md-6:first-child 
{
    padding-right: 10px;
}

.other-info .inputs 
{
    margin: 0px 20px;
}

.other-info .inputs > .row 
{
    margin-top: 36px;
}

.white-container .carousel .image-item.square .text 
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(67, 109, 125, 0.77);
    padding-bottom: 10px;
}

.white-container .carousel .image-item.square .text h1 
{
    bottom: 0;
    position: relative;
}

.white-container .carousel .image-item.square .text h2 
{
    bottom: 0;
    height: auto;
    position: relative;
}

.booking-details md-icon 
{
    height: 17px;
    width: 17px;
    min-height: 0;
    min-width: 0;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    fill: #436d7d;
}

.listing-action button md-icon, .listing-action a md-icon, .uncharitable-detail-button button md-icon
{
    height: 20px;
    width: 20px;
    fill: white;
    margin-right: 10px;
    float: none;
}

.step.ng-enter:nth-child(1)
{ 
    animation:0.2s slideInLeft ease; 
}

.step.ng-leave:nth-child(1)
{ 
    animation:0.2s slideOutLeft ease; 
}

.step.ng-enter:nth-child(2)
{ 
    animation:0.2s slideInRight ease; 
}

.step.ng-leave:nth-child(2)
{ 
    animation:0.2s slideOutRight ease; 
}

.md-dialog-content > .step 
{
    position: absolute;
    top: 0;
    left: 0;
    min-height: 380px;
    width: 100%;
}

.md-dialog-content.booking-content 
{
    min-width: 665px;
    position: relative;
    min-height: 380px;
    overflow: hidden;
}

.booking-content .step.confirm .entry-values
{
    padding: 0;
    padding-right: 10px;
}

.md-dialog-content > .step.finished 
{
    position: static;
}

.input-group.booking-text.email .input-group-addon:first-child 
{
    padding: 12px;
}

.input-group.booking-text.email 
{
    border: 1px solid #436d7d;
    background: white;
}

.step.confirm.finished .row.white 
{
    background: #98aeb7;
}

.row.booking-details > div:first-child span.normal-text 
{
    color: black;
    font-weight: 400;
}

.row.booking-details > div span.title-text 
{
    color: #436d7d;
    font-weight: bold;
}

.store-header.full-width 
{
    max-width: 100%;
    padding: 50px;
}

.store-header.full-width h1, .store-body .perfect-gift h1, .checkout > .body .cart h1
{
    font-weight: 600;
    font-size: 30px;
    color: #436d7d;
}

.store-header.full-width h2, .checkout > .body .cart h2
{
    font-size: 18px;
    font-weight: 600;
    color: grey;
}

.store-header hr, .checkout .cart .details hr, .checkout .charity hr
{
    margin: 5px 0px;
    border-color: grey;
}

.store-body > .row 
{
    margin: 20px 0px;
}

.white-card 
{
    background: white;
    padding: 10px;
    box-shadow: 0px 1px 6px -3px black;
    border-radius: 2px;
    padding: 40px;
}

.white-card p 
{
    font-size: 16px;
}

.white-card h1 
{
    color: #436d7d;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 20px;
}

.store-header > section.section 
{
    height: 100%;
    max-width: 1200px;
}

.store-header slick.carousel 
{
    max-width: 680px;
    margin: 0 auto;
}

.store-header ul.features 
{
    color: #333333;
    font-weight: 400;
    padding-left: 30px;
    margin-bottom: 25px;
}

.store-header .purchase > .row, .checkout .cart .details > .row
{
    margin: 25px 0px;
    display: flex;
    align-items: center;
    height: 20px;
}

.store-header .purchase > .row h3, .checkout .cart .details > .row h3
{
    font-weight: bold;
    font-size: 15px;
    color: grey;
    text-transform: uppercase;
}

.number-stepper 
{
    padding: 0px 40px;
}

.number-stepper .stepper-control 
{
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #436d7d;
    border: 1px solid grey;
    position: absolute;
    color: white;
}

.number-stepper input 
{
    padding: 0;
    text-align: center;
    border-color: grey;
    padding-left: 10px;
}

.number-stepper 
{
    padding: 0px 40px;
    position: relative;
}

.number-stepper .stepper-control:first-child 
{
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.number-stepper .stepper-control:last-child 
{
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.number-stepper .stepper-control span 
{
    font-size: 18px;
}

.number-stepper .stepper-control:hover 
{
    background: #72929e;
    border-color: transparent;
}

button.store-btn 
{
    width: 80%;
    height: 40px;
    background: #436d7d;
    color: white;
    font-weight: 600;
    border: none;
    border-radius: 2px;
    margin: 0 auto;
    transition: .2s all;
    font-size: 15px;
    text-transform: uppercase;
}

button.store-btn:hover 
{
    background: #6d8e9b;
}

.store-header > section.section > .row 
{
    display: flex;
    align-items: center;
}

.store-header slick ul.slick-dots 
{
    position: static;
}

.store-header.full-width h1.float-right 
{
    float: right;
}

.store-header .purchase > .row.list, .checkout .cart .details > .row.list
{
    margin: 0px;
    height: auto;
}

.store-header .row.list ul.features 
{
    color: #436d7d;
    font-style: italic;
    font-size: 18px;
}

.store-header .purchase > .row.small-text 
{
    margin: 0px;
    margin-top: -10px;
}

.store-header .purchase > .row.small-text p 
{
    margin: 0 auto;padding: 0;font-style: italic;
}

.store-header .gallery 
{
    height: 515px;
}

.store-header ul.features li 
{
    margin: 10px 0px;
}

.store-header .gallery-nav .image-item 
{
    padding: 10px;
    padding-left: 0;
    padding-top: 0;
}

.store-header .award, .store-header .secure 
{
    position: absolute;
    z-index: 1;
    right: 10px;
}

.store-header .secure 
{
    bottom: 0;
}

.store-header .award 
{
    top: 0px;
    bottom: 0;
    margin: auto 0;
    width: 100px;
    height: 100px;
}

section.section.store-sub 
{
    height: 400px;
    width: 100%;
    max-width: 100%;
    background: linear-gradient(0deg, rgb(255, 255, 255), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)) 0% 0% / cover, url(https://charitablebookings.org/images/store/banner2.jpg);
    background-size: cover;
    background-position: center;
}

.row.store-body 
{
    background: white;
}

.store-header .gallery-nav .image-item .rect-image 
{
    border: 3px solid white;
}

.row.store-body .white-container .preorder 
{
    max-width: 300px;
    margin: 0 auto;
}

.row.store-body .white-container .preorder button
{
    width: 100%;
}

.store-actions .row.step
{
    margin-top: 25px;
}

.store-actions .row.step > .row
{
    position: relative;
}

.store .container.summary 
{
    background: white;
    margin: 20px 0px;
    padding: 30px;
    text-align: center;
}

.container.summary .header 
{
    font-weight: 600;
    color: #436d7d;
}

.store .details .purchase .step > h1 
{
    font-size: 19px;
    margin-bottom: 20px;
    font-weight: 600;
    color: #436d7d;
}

.store .details .purchase .step > .row > h2 
{
    font-size: 18px;
    color: grey;
    margin-bottom: 25px;
}

.store .details .purchase .search-charities 
{
    max-width: 390px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

.store .details .purchase .search-charities .input-group 
{
    border: 1px solid #436d7d;
}

.store .container.summary > div
{
    min-height: 100px;
}

.store .container.header h1
{
    background: white;
    padding: 10px;
    color: #436d7d;
}

.md-dialog-csvConfirm md-select, .md-dialog-csvConfirm div.md-raised.md-primary.md-button.md-ink-ripple
{
    width: 100%;
    text-align: left;
}

.checkout .cart .details > .row.list ul.cart-details 
{
    padding: 0;
    list-style: none;
    margin: 0;
    width: 100%;
}

.checkout .cart .details > .row.list ul.cart-details li h4 
{
    float: left;
    font-style: italic;
    color: #436d7d;
}

.checkout .cart .details > .row.list ul.cart-details li span 
{
    float: right;
    font-weight: 900;
}

.checkout .cart .details > .row.list ul.cart-details li 
{
    padding: 5px 0px;
    height: 30px;
}

.checkout .white-container > h1 
{
    color: grey;
    font-size: 20px;
    text-transform: uppercase;
}

.checkout .header.white-container > h1 
{
    font-size: 30px;
    margin: 0;
    color: #436d7d;
}

.checkout .body > div:first-child 
{
    padding-right: 10px;
}

.checkout .body > div:nth-child(2) 
{
    padding-left: 10px;
}

.checkout > .header.white-container 
{
    margin-bottom: 0;
}

.checkout .body .charity .featured 
{
    margin: 10px 0px;
}

.checkout .body .charity .search 
{
    text-align: center;
    margin-bottom: 5px;
}

.checkout .body .charity .featured slick.featuredCharities 
{
    max-width: 350px;
}

button.store-btn md-icon 
{
    fill: white;
}

.checkout .cart .details > .row span.total 
{
    float: right;
    font-weight: 600;
    font-size: 30px;
}

.checkout .body .charity .chosen > .row h1 
{
    font-weight: bold;
    font-size: 15px;
    color: grey;
    text-transform: uppercase;
    float: left;
}

.checkout .body .charity .chosen > .row 
{
    margin: 25px 0px;
}

.checkout .body .charity .chosen > .row span 
{
    float: right;
    font-weight: 600;
    font-size: 15px;
}

.checkout .body > div:nth-child(2) .white-container > h1 
{
    margin-bottom: 14px;
}

.checkout > .footer .white-container 
{
    margin-top: 0;
}

.checkout > .footer .white-container .payment .paypal-small 
{
    font-size: 11px;
}

.white-container .carousel .image-item.square .text.no-sub 
{
    min-height: 50px;
}

.store-header > section.section:first-child h1 
{
    padding-left: 5%;
    margin-bottom: 50px;
}

.checkout button.store-btn 
{
    width: 100%;
    max-width: 340px;
}

.checkout .featured-booking-charity .row.details 
{
    padding: 10px 10px;
}

.people-picker > i:last-child
{
    color: black;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

md-dialog.concierge-csv
{
    width: 80%;
}

md-dialog.concierge-csv .md-dialog-content .row .col-xs-1.text-center
{
    top: 15px;
    white-space: nowrap;
}

md-dialog.concierge-csv .csvData-list .row .text-center
{
    display: inline-block;
    width: 100px;
    vertical-align: middle;
    overflow: auto;
}

md-dialog.concierge-csv .csvData-list .row .col-xs-1
{
    float: right;
    position: absolute;
    display: inline-block;
}

md-dialog.concierge-csv .csvData-list
{
    margin-bottom: 56px;
    overflow-x: scroll;
    white-space: nowrap;
}

.csvData-footer
{
    background-color: #d9e3e5;
}

md-dialog.concierge-csv .csvData-list .row
{
    position: relative;
    line-height: 30px;
}

md-dialog.concierge-csv .csvData-list .row:nth-child(odd)
{
    background-color: white;
}

.md-dialog-csvConfirm div.md-raised.md-primary.md-button.md-ink-ripple
{
    cursor: default;
    text-overflow: ellipsis;
}

.charity-promo md-icon 
{
    fill: white;
}

.margin-left
{
    margin-left: 10px !important;
}

.dir-list-body.charitable .listing-title md-icon 
{
    width: 15px;
    height: 15px;
    min-width: 15px;
    min-height: 15px;
    margin-bottom: 4px;
    margin-right: 5px;
}

.navContainer .nav-sidebar ul li i 
{
    font-size: 20px;
}

md-sidenav ul li md-icon 
{
    margin: 0;
    margin-right: 10px;
    height: 24px;
    width: 24px;
}

.nav-sidebar ul li:hover 
{
    color: #436D7D;
    background: #f7f7f7;
}

header.full-width.home > h1 
{
    font-size: 55px;
    font-weight: 900;
    color: white;
    text-align: center;
    margin-bottom: 10px;
    text-shadow: 2px 2px 2px black
}

.container.homes article > h1 
{
    font-weight: 600;
    font-size: 28px;
    color: #436d7d;
    text-align: center;
    margin: 20px 0px;
}

md-dialog.booking-dialog.mobile > form > md-dialog-content 
{
    height: 100vh;
    padding-bottom: 60px;
}

.md-dialog-content.booking-content.mobile .entry-controls > .row 
{
    position: static;
}

.md-dialog-content.booking-content.mobile .calling-info
{
    transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
    border-bottom: 1px solid grey;
    max-height: 1000px;
    overflow: hidden;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details > .row
{
    transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
    border-bottom: 1px solid grey;
    max-height: 1000px;
    overflow: hidden;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .row
{
    border-bottom: 0;
    transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);
    overflow: hidden;
    max-height: 1000px;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details > .row.collapsed, .md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .row.collapsed, .md-dialog-content.booking-content.mobile .calling-info.collapsed 
{
    /*transition: max-height 1s cubic-bezier(0, 1.05, 0, 1);*/
    /*transition: all .1s ease-out;*/
    max-height: 40px;
}

.booking-content.mobile .entry-controls .header 
{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

.md-dialog-content.booking-content.mobile .entry-controls .calling-info .header md-icon 
{
    display: none;
}

.md-dialog-content.booking-content.mobile .entry-controls .calling-info.collapsed .header md-icon 
{
    display: block;
    float: right;
    height: 20px;
    width: 20px;
    min-height: 20px;
    min-width: 20px;
}

.booking-content.mobile .calling-info > .row:last-child, .booking-content.mobile .charity-select > .row:last-child 
{
    margin-bottom: 10px;
}

.md-dialog-content.booking-content.mobile .row.booking-details:first-child 
{
    padding: 10px 0px;
}

.md-dialog-content.booking-content.mobile .booking-details 
{
    border-bottom: none;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details > .row.collapsed 
{
    max-height: 1000px;
}

.md-dialog-content.booking-content.mobile .people-picker 
{
    margin-top: 0;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .row.other-info .input-group 
{
    border-bottom: 1px solid rgba(67, 109, 125, 0.19);
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .row.other-info .input-group .input-group-addon:first-child 
{
    border: none;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .booking-calendar 
{
    position: relative;
    height: 330px;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .booking-calendar md-calendar 
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    margin-top: 30px;
}

.md-dialog-content.booking-content.mobile .entry-controls .enter-details .row.sub-content > .row.other-info .input-group:last-child 
{
    margin-bottom: 30px;
}

.booking-content.mobile .calling-info > .row > p 
{
    padding: 0;
}

.md-dialog-content.booking-content.mobile .row.booking-calendar.collapsed md-calendar 
{
    display: none;
}

.container.about .white-container .image-container.wrap.right 
{
    height: auto;
}

.md-dialog-content.booking-content .step.confirm .edit-booking 
{
    margin-bottom: 10px;
    font-weight: bold;
    text-decoration: underline;
}

md-dialog md-dialog-actions md-menu .md-button 
{
    margin: 0;
}

md-dialog md-dialog-actions md-menu.md-button 
{
    padding-right: 0;
}