@font-face {
    font-family: CenturyGothicBold;
    src: url(911Fonts.com_CenturyGothicBold__-_911fonts.com_fonts_pMgo-2.ttf);
}
@font-face {
    font-family: CenturyGothicRegular;
    src: url(911Fonts.com_CenturyGothicRegular__-_911fonts.com_fonts_mhpY.ttf);
}
body {
    max-width:100%;
    margin:0 auto;
    padding:0 25px;
    font-family: 'CenturyGothicRegular';
}
h2{
    font-size: 2em;
    font-weight: normal;

}
h4{
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
}
h5{
    font-size: 16px;
    font-weight: normal;
    color: #000;
    margin-bottom: 0;
}
.navbar{
    padding-left: 0;
    width:100%;
}
.navbar-brand img{
    max-width: 327px;
}
.navbar-toggler-icon{
    border:0;
}
.navbar-toggler-icon span{
    margin: .3em;
    border-top: 2px solid #bfbfb3;
    display: block;
}
.navbar-toggler small{
    color: #bfbfb3;
    font-size: 0.5em;
}
.nav-link{
    color:#bfbfb3;
    font-size: 15px;
    padding: 5px;
}
.nav-link:hover{
    color: #a51e1b;;
}
.modal-backdrop {
    background-color: deepskyblue;
}
.modal-content{
    border-radius: 0;

}
.modal-header{
    background:#787274;
    color: white;
    border-radius: 0;
}
.modal-header .close{
    color: white;
    margin-left: 0;
}
.modal-body{
    padding: 0;
    color:#949494;
}
.modal-body a{
    color:#949494;
}
.modal-body img{
    margin-top:-1px;
}

.modal-body .copy{
    padding:30px 50px;
}

.logobar{
    max-height: 250px;
    background: #787274;
    padding: 15px;
    margin:5px 0;
}
.logobar img{
    max-width: 140px;
}
.logobar .heading{
    margin: 15px 0;

}
.bar1 .heading,
.w2 .heading,
.about .heading,
.newsletter .heading,
.vouchers .heading,
.shopping .heading
{
    margin-bottom: 10%;
    text-transform: uppercase;
    letter-spacing: 5px;
}
.barwrap{
    background: #bfbfb3;
    margin-bottom:5px;
}
.bar2{
    border-left: 5px solid white;
}

.menswear {
    background: #4a6b8a;
}
.womenswear{
    background: #835464;
}
.suithire{
    background: #3a829a;
}
.about,.newsletter, .shopping,.vouchers {
    background: #408dd1;
}
.w1{
    border-right: 5px solid #835464;
}
.phone{
    font-weight: bold;
    color: #7F7270;
    font-size: 1.5em;
}



.map{
    margin: 0 0 -7px 0;
}
ul.menus{
    list-style: none;
    padding-left: 0;
}
ul.menus li{
    display: inline-block;
    max-width: 100px;
    vertical-align: top;
}
ul.menus li h4{
    font-size: 15px;
}

.booknow{
    background: #787274;
    color: white;
    font-size: 30px;
    font-weight: normal;
    border-radius: 0;
    letter-spacing: 3px;
    cursor: pointer;
}
.booknow:hover{
    color: white;
}
#mc_embed_signup .button{
    background-color: #408dd1 !important;
}
.social a img{max-width: 50px;}
.graybtn{
    background: #787274;
    color: white;
    font-size: 30px;
    font-weight: normal;
    border-radius: 0;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.graybtn:hover{
    text-decoration: none;
    color: white;
 }
.footer{
    background: #408dd1;
    padding: 20px 40px;
}
.footer h4, .footer a{
    text-transform: none;
    color: #fff;
}
.footer1  a.email:hover{
    color:#000;
}

#pixlee_container{
    margin-bottom: 10px;
}
.footer a{
    cursor: pointer;
}
.mwd{
    float: right !important;
}



@media (min-width: 992px) {
    body {

    }
}

@media (max-width: 760px) {
    .logobar img{
        max-width: 12%;
    }
    .bar2{
        border-left: 0;
    }
    .food1{
        border-right: 0;
        order:2;
    }
    .food2{
        order:1;
    }
    h4{
        font-size: 15px;
    }
    .social a img{max-width: 50px;}
    .footer2 a{
        display: block;
    }
    .footer2 .sep{
        display: none;
    }
    .mwd{
        margin-top:10px;
        float: left !important;
    }
    .brands{
        margin-bottom: 20px;
    }
}

/*Cookie Consent Begin*/
#cookieConsent {
    background-color: rgba(20,20,20,0.8);
    min-height: 26px;
    font-size: 14px;
    color: #ccc;
    line-height: 26px;
    padding: 8px 0 8px 30px;
    font-family: "Trebuchet MS",Helvetica,sans-serif;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}
#cookieConsent a {
    color: #4B8EE7;
    text-decoration: none;
}
#closeCookieConsent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 20px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#closeCookieConsent:hover {
    color: #FFF;
}
#cookieConsent a.cookieConsentOK {
    background-color: #408dd1;
    color: #fff;
    display: inline-block;
    border-radius: 5px;
    padding: 0 20px;
    cursor: pointer;
    float: right;
    margin: 0 60px 0 10px;
}
#cookieConsent a.cookieConsentOK:hover {
    background-color: #a51e1b;
}
/*Cookie Consent End*/

/* Carousel
----------------------------------- */
.carousel.carousel-fade .carousel-item {
    display: block;
    opacity: 0;
    transition: opacity ease-out 1.7s;
    left: 0;
    top: 0;
    position: absolute;
}
.carousel.carousel-fade .carousel-item.active {
    opacity: 1 !important;
}
.carousel.carousel-fade .carousel-item:first-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.carousel.carousel-fade .carousel-item:second-child {
    top: auto;
    position: relative;
    transition: opacity ease-out 1.7s;
}
.carousel-item .img-fluid {
    margin: 0 auto;
}