body,
h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #878787
}

.clear,
.push {
    clear: both
}

* {
    margin: 0
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    background: url(../images/main-bg.jpg)
}

body,
html {
    height: 100%
}

.wrapper {
    min-height: 100%;
    height: auto!important;
    height: 100%;
    margin: 0 auto -446px
}

.push {
    height: 446px
}

.container {
    margin: auto
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin-top: 0
}

h1,
h2 {
    font-weight: lighter
}

h1 {
    font-size: 24px;
    color: #272c23;
    padding-top: 20px
}

h2,
h3 {
    font-size: 18px;
    color: #A1B528
}

.ie8 h1 {
    padding-top: 10px
}

h2 {
    margin-top: 50px;
    border-bottom: solid 1px #4e4e4e;
    padding-bottom: 15px
}

.white-box h2 {
    margin-top: 0
}

h4 {
    font-size: 16px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 12px
}

::-moz-selection {
    background: #bf1e2e;
    color: #fff
}

::selection {
    background: #bfd730;
    color: #fff
}

a:active,
a:link,
a:visited {
    color: #878787;
    text-decoration: none
}

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

.btn {
    font-weight: 700;
    border: none
}

a.btn-xs {
    font-weight: 400
}

a.btn {
    color: #fff
}

.btn-primary {
    background-color: #bfd730;
    color: #fff
}

.btn-primary:hover {
    background-color: #e2ff36;
    color: #9cb216
}

.btn-default {
    float: right;
    background-color: #bfd730;
    color: #fff
}

.btn-default:hover {
    background-color: #e2ff36;
    color: #9cb216
}

.header {
    position: relative
}

a.navbar-brand {
    float: left;
    display: block;
    width: 196px
}

.green-header {
    background-color: #272c23;
    height: 175px
}

.header-contact {
    float: right;
    margin-top: 87px;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 0;
    color: #fff;
    text-align: right
}

.call-us,
label {
    font-weight: 400
}

.ie8 .header-contact {
    margin-right: 300px;
    font-size: 16px
}

span {
    color: #bfd730
}

.call-us {
    color: #fff;
    font-size: 15px;
    padding-left: 129px;
    background: url(../images/phone-icon.png) 100px 3px no-repeat
}

.ie8 .call-us {
    padding-left: 115px;
    background: url(../images/phone-icon.png) 80px 3px no-repeat
}

.ie10 .call-us,
.ie9 .call-us {
    padding-left: 125px;
    background: url(../images/phone-icon.png) 95px 3px no-repeat
}

.login {
    width: 276px;
    height: 279px;
    background: url(../images/login-board.jpg) no-repeat;
    z-index: 500;
    top: 10px;
    right: 0;
    padding: 30px 40px 20px
}

a.facebook,
a.twitter {
    position: absolute;
    top: 35px
}

.login p {
    text-align: center;
    color: #fff;
    font-size: 16px
}

.login a {
    color: #fff;
    font-size: 11px
}

.login a:hover {
    color: #bfd730;
    -webkit-transition: color .1s ease-in;
    -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in;
    transition: color .1s ease-in
}

.login strong {
    color: #bfd730
}

.login .admin-menus a {
    font-family: 'Architects Daughter', cursive;
    font-size: 20px;
    line-height: 46px
}

label {
    color: #fff
}

a.twitter {
    right: 320px
}

a.facebook {
    right: 362px
}

.navbar-default {
    background-color: transparent;
    border-color: transparent
}

.navbar {
    background: 0 0;
    border: none;
    margin-bottom: 8px;
    margin-top: 8px
}

.nav-bg {
    background-color: #bfd730;
    margin-bottom: 20px
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    text-transform: uppercase;
    border-right: solid 1px #b7ce2c;
    font-size: 13px
}

.navbar-nav>li>a {
    padding: 15px
}

.slider {
    position: relative
}

.slider .bx-wrapper img {
    height: 447px;
    display: block;
    width: 100%;
    border-bottom: solid 9px #bfd730
}

.catering-needs,
.delicious,
.tasty {
    padding: 5px;
    height: 160px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0
}

.catering-needs p,
.delicious p,
.tasty p {
    font-size: 22px;
    margin: 10px 0 0 10px
}

.delicious {
    background: url(../images/delicious-img.jpg) bottom right no-repeat #fff
}

.tasty {
    background: url(../images/tasty-img.jpg) bottom right no-repeat #fff
}

.catering-needs {
    background: url(../images/catering-needs-img.jpg) bottom right no-repeat #fff
}

.grey-text {
    font-size: 18px;
    color: #878787
}

.main-content {
    margin-top: 80px;
    margin-bottom: 40px
}

.main-content p {
    text-align: justify
}

.fb-box,
.fb-box a,
a.big-button {
    text-align: center
}

.catering-experts {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    padding: 0 15px 15px;
    min-height: 275px;
    line-height: 18px
}

.read-more a,
a.btn-catering-experts {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    font-weight: 700
}

a.btn-catering-experts {
    float: right;
    color: #fff;
    border-radius: 4px;
    background-color: #bfd730;
    padding: 10px 20px;
    margin: 5px
}

.btn-catering-experts:hover {
    background-color: #e2ff36;
    color: #9cb216;
    -webkit-transition: color .1s ease-in;
    -moz-transition: color .1s ease-in;
    -o-transition: color .1s ease-in;
    transition: color .1s ease-in
}

.read-more {
    background: url(../images/food-bg.jpg) right top no-repeat;
    height: 300px
}

.read-more a {
    color: #fff;
    padding: 10px 50px;
    border-radius: 4px;
    background-color: #e6b660;
    border: 1px solid #cba45f;
    position: absolute;
    bottom: 90px;
    left: 112px
}

.guarantee,
.white-box {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px
}

.read-more a:hover {
    color: #cba45f
}

.guarantee {
    background: url(../images/gurantee-bg.png) right bottom no-repeat #fff;
    border-radius: 4px;
    padding: 0 15px 20px;
    min-height: 253px;
    margin-bottom: 20px
}

.guarantee ul li,
.ie10 .guarantee ul li,
.ie9 .guarantee ul li {
    padding-bottom: 3px
}

.guarantee ul {
    width: 100%
}

.guarantee ul li {
    background: url(../images/bullet.jpg) 0 7px no-repeat;
    padding-left: 20px
}

.sidebar-guarantee {
    background: url(../images/gurantee-sidebar-bg.png) right bottom no-repeat #fff
}

.sidebar-guarantee ul {
    width: 350px
}

.sidebar-guarantee ul li {
    color: #343434
}

.ie8 .guarantee ul li {
    padding-bottom: 8px
}

.gallery-img img {
    border: 5px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 17px
}

.certificates {
    border-top: solid 1px #e1e1e1;
    padding-top: 20px;
    margin-bottom: 50px
}

.white-box,
.white-box1 {
    margin-bottom: 20px;
    background-color: #fff
}

.white-box {
    padding-bottom: 20px;
    border-radius: 4px
}

.white-box1 {
    padding: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.clients-bg {
    background-color: #fff;
    border-radius: 4px;
    padding: 15px 0;
    margin-bottom: 50px
}

.sidebar-box,
a.big-button {
    -webkit-border-radius: 4px
}

.clients-bg .bx-wrapper[style] {
    max-width: 100%!important
}

a.big-button {
    color: #fff;
    padding: 20px 0;
    font-weight: 700;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #bfd730;
    font-size: 20px;
    width: 100%;
    display: block;
    margin-bottom: 30px
}

a.big-button:hover {
    background-color: #2C2C2C;
    -webkit-transition: color .2s ease-in;
    -moz-transition: color .2s ease-in;
    -o-transition: color .2s ease-in;
    transition: color .2s ease-in
}

.form-group label {
    color: #878787;
    font-weight: 600
}

.stage-price {
    color: #A1B528;
    font-size: 30px;
    font-weight: 600;
    position: absolute;
    bottom: 10px;
    left: 14px
}

.stage-price span {
    color: #2C2C2C;
    font-size: 10px;
    font-weight: 400
}

.complete-buffet {
    height: 260px;
    position: relative
}

.complete-buffet button {
    position: absolute;
    bottom: 10px;
    right: 10px
}

.checkbox label {
    color: #878787
}

.stage3-table th {
    font-size: 16px;
    vertical-align: middle!important
}

.stage3-table td {
    font-size: 14px;
    vertical-align: middle!important
}

.stage5-table td,
.stage5-table th {
    font-size: 12px;
    vertical-align: middle!important
}

.navbar-default .navbar-toggle {
    border-color: #272c23
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #272c23
}

.sidebar-box {
    background: #fff;
    padding: 20px;
    border-radius: 4px;
    background-clip: padding-box;
    margin-bottom: 20px
}

.blogpage,
address {
    margin-bottom: 0
}

.blogpage {
    margin-top: 70px
}

.fb-box {
    padding: 20px;
    background: #fff;
    color: #fff;
    margin: 15px;
    -webkit-box-shadow: 0 2px 5px rgba(0, 0, 1, .08);
    -moz-box-shadow: 0 2px 5px rgba(0, 0, 1, .08);
    box-shadow: 0 2px 5px rgba(0, 0, 1, .08);
    transition: all .4s ease 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.HomepageRightImage,
.HomepageRightImage .bx-wrapper .bx-viewport ul.slides li {
    background-size: cover!important
}

.fb-box p {
    margin-bottom: 0;
    color: #6b6b6b
}

.fb-box a {
    border: 1px solid #CBCBCB;
    padding: 10px 15px;
    color: #2a2a2a;
    margin-top: 30px;
    display: block
}

.fb-box a:hover {
    border: 1px solid #bfd730;
    color: #bfd730
}

.fb-box h4 {
    color: #A1B528;
    font-weight: 400;
    line-height: 20px;
    font-size: 15px
}

.fb-box h4 span {
    font-weight: 700;
    font-size: 12px
}

.contact-form {
    background-color: #fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    min-height: 290px
}

.contact-send {
    float: right;
    margin-top: 10px;
    padding: 10px 30px;
    margin-bottom: 0
}

.contact-form label {
    color: #000;
    font-weight: 700
}

.form-control {
    width: 100%;
    background-color: #e1e1e1;
    resize: none
}

#map_canvas {
    width: 100%;
    height: 350px;
    margin-top: 20px;
    float: left
}

address strong {
    color: #A1B528;
    font-size: 14px
}

.HomepageIntro {
    background-color: #fff;
    padding: 20px 0;
    position: relative
}

.HomepageIntro h1 {
    font-size: 20px
}

.HomepageIntro h1,
.HomepageIntro h2,
.HomepageIntro h3,
.HomepageIntro h4,
.HomepageIntro h5,
.HomepageIntro h6 {
    color: #272c23;
    font-weight: 700
}

.HomepageIntro .btn {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 15px;
    background-color: #bfd730;
    padding: 15px 25px;
    border-radius: 0;
    margin: 20px 0
}

.HomepageIntro p {
    margin-bottom: 15px
}

.HomepageRightImage {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 43%;
    height: 100%;
    overflow: hidden
}

.HomepageRightImage .bx-wrapper,
.HomepageRightImage .bx-wrapper .bx-viewport,
.HomepageRightImage .bx-wrapper .bx-viewport ul.slides,
.HomepageRightImage .bx-wrapper .bx-viewport ul.slides li {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%!important;
    height: 100%!important;
    margin: 0;
    background-size: cover!important
}

.GreenBanner ul.bullets li:before,
ul.bullets li:before {
    height: 7px;
    top: 7px;
    left: 0;
    content: ''
}

.MenusHomepage {
    padding: 60px 0
}

.MenusHomepage h3 {
    font-size: 20px
}

.MenusHomepage h4 {
    font-size: 18px
}

.MenusHomepage h1,
.MenusHomepage h2,
.MenusHomepage h3,
.MenusHomepage h4,
.MenusHomepage h5,
.MenusHomepage h6 {
    color: #272c23
}

.MenusHomepage .BoldText {
    font-weight: 700
}

.ThreeBoxesMargin {
    margin-top: 30px
}

ul.bullets {
    display: inline-block;
    width: 100%
}

ul.bullets li {
    float: left;
    width: 50%;
    padding-left: 15px;
    position: relative;
    margin-bottom: 5px
}

ul.bullets li:before {
    background: url(../images/arrow-black.png) no-repeat;
    width: 4px;
    position: absolute
}

ul.bullets li a {
    color: #94a627;
    font-weight: 700;
    font-size: 13px
}

.GreenBanner {
    background-color: #bfd730;
    padding: 40px 0
}

.GreenBanner h1,
.GreenBanner h2,
.GreenBanner h3,
.GreenBanner h4,
.GreenBanner h5,
.GreenBanner h6 {
    color: #5f6b1a
}

.GreenBanner h5 {
    font-size: 18px
}

.GreenBanner ul.bullets li {
    width: 100%;
    color: #5f6b1a
}

.GreenBanner ul.bullets li:before {
    background: url(../images/white-bullets.png) no-repeat;
    width: 7px;
    position: absolute
}

.GreenBanner .btn-primary {
    color: #5f6b1a;
    margin-top: 20px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    text-decoration: underline
}

.GreenBanner .btn-primary:hover {
    background-color: transparent
}

.GreenBanner p {
    color: #6e7c1c
}

.Guarantee {
    margin-top: 25px
}

.AccreditionsSlider {
    background-color: #fff
}

.AccreditionsIntro h6 {
    margin-top: 40px;
    color: #272c23;
    font-size: 20px;
    font-weight: 700
}

.clients-bg-new .bx-has-controls-direction {
    position: absolute;
    top: -36px;
    left: 0;
    right: 0
}

.clients-bg-new .bx-wrapper .bx-prev {
    left: 37%;
    background: url(../images/slider-arrow-left.png) center right no-repeat
}

.clients-bg-new .bx-wrapper .bx-next {
    right: 37%;
    background: url(../images/slider-arrow-right.png) center left no-repeat
}

.MenuIntroText {
    padding: 30px 0;
    background-color: #fff
}

.MenuIntroText h1 {
    font-size: 20px;
    padding-top: 0
}

.MenuIntroText h1,
.MenuIntroText h2,
.MenuIntroText h3,
.MenuIntroText h4,
.MenuIntroText h5,
.MenuIntroText h6 {
    font-weight: 700
}

.SelectMenu {
    padding: 60px 0
}

.SelectMenu h3 {
    font-size: 18px;
    color: #272c23
}

.MenuThumbnail {
    margin-top: 30px;
    width: 18.93%!important;
    margin-right: 15px;
    background-color: #fff;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .05)
}

.MenuThumbnail:nth-child(5n+6) {
    margin-right: 0
}

.MenuThumbnail .col-100 h4 {
    color: #6e6e6e;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    height: 17px;
    overflow: hidden
}

.MenuThumbnail .col-100 {
    padding: 35px 15px 25px;
    position: relative
}

.MenuThumbnail .col-100:before {
    content: '';
    background: url(../images/file-icon.png) no-repeat;
    width: 48px;
    height: 48px;
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -24px
}

a.ViewMenu {
    color: #b8cf2f;
    font-weight: 700;
    text-decoration: underline
}

a.ViewMenu:hover {
    color: #000
}

.MenuListSection {
    padding-bottom: 30px
}

.MenuList {
    background-color: #fff;
    margin-top: 30px
}

.MenuList .MenuListText {
    padding: 25px 20px 80px;
    position: relative
}

.MenuList .MenuListDescription {
    height: 250px;
    overflow-y:scroll;
	overflow-x:hidden;
}

.MenuList .MenuListDescription p {
    color: #6f6f6f;
    margin-bottom: 20px
}

.MenuList .MenuListDescription p:last-of-type,
.MenuTitle {
    margin-bottom: 0
}

.MenuList .MenuListDescription h1,
.MenuList .MenuListDescription h2,
.MenuList .MenuListDescription h3,
.MenuList .MenuListDescription h4,
.MenuList .MenuListDescription h5,
.MenuList .MenuListDescription h6 {
    color: #000;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase
}

.MenuTitle {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    height: 44px;
    overflow: hidden
}

.PP {
    color: #a7a7a7;
    font-size: 13px;
    text-transform: uppercase;
	margin-bottom: 0;
}

.PP span {
    color: #bfd730;
    font-size: 20px;
    font-weight: 700
}

.MC {
    color: #bfd730;
    font-size: 13px;
    text-transform:lowercase;
}

.MC span {
    color: #000;
    font-size: 14px;
    font-weight: 700;
	text-transform: uppercase;
}

.OrderSection {
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    padding: 0 15px
}

.OrderSection form {
    display: inline-block;
    width: 90%
}

.OrderSection .form-group {
    position: relative
}

.OrderSection .form-group label {
    color: #000;
    font-weight: 700;
    float: left;
    font-size: 13px;
    margin: 7px 0 0;
    width: 15%;
    padding-right: 10px
}

.OrderSection .form-control {
    width: 85%;
    resize: none;
    float: left;
    border-radius: 0;
    background-color: #efefef;
    border: none;
    height: 40px;
    padding: 6px 168px 6px 12px
}

.OrderSection .form-group .contact-send {
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 0;
    border: none;
    border-radius: 0;
    height: 40px;
    background-color: #bfd730;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700
}

.AccountOption{
	margin-bottom: 50px;
}

.AccountOption .btn {
    background-color: #bfd730;
    width: 31.2%;
    padding: 15px 10px;
    text-transform: uppercase;
	margin-right: 30px;
}

.AccountOption .btn:hover {
    background-color: #2a2a2a;
	color: #fff;
}

.AccountOption .btn:last-child{
	margin-right: 0;
}

.MenuDetails table{
	display: block;
	width: 100%;
	text-align: center;
}

.MenuDetails table tbody tr:first-of-type{
	border-top: solid 1px #e2e2e2;
}

.MenuDetails table tbody tr:first-of-type td{
	font-weight: 700;
	font-size: 16px;
}

.MenuDetails table tbody tr td{
	width: 20%;
	padding: 10px!important;
	vertical-align: top;
	border-right: solid 1px #e2e2e2;
}

.MenuDetails table tbody tr td:first-of-type{
	border-left: solid 1px #e2e2e2;
}

.MenuDetails table tbody tr{
	border-bottom: solid 1px #e2e2e2;
}

.top-footer-bg p,
.top-footer-bg ul a li {
    color: #d4d4d4
}

p.D380,
p.copyright {
    font-size: 12px;
    line-height: 18px;
    margin-top: 17px
}

.top-footer-bg {
    background-color: #2a2a2a;
    padding-bottom: 20px
}

.top-footer-bg ul li {
    background: url(../images/arrow.png) 0 6px no-repeat;
    padding-left: 15px
}

.top-footer-bg ul a li:hover {
    color: #bfd730
}

.footer-bg {
    background-color: #343434;
    border-bottom: solid 8px #bfd730;
    height: 60px;
    text-align: left
}

.footer-bg a {
    color: #fff
}

.footer-bg a:hover {
    color: #bfd730
}

p.copyright span {
    font-weight: 700
}

p.D380 {
    float: right
}

.col-100,
.float-L {
    float: left
}

a.top {
    text-align: center;
    display: block;
    text-indent: -9999px;
    background: url(../images/return-to-top-button.png) left top no-repeat;
    height: 52px;
    width: 52px;
    position: absolute;
    top: -25px;
    left: 50%;
    margin-left: -26px;
    z-index: 9999
}

.col-100,
.img-responsive {
    width: 100%
}

.footer a {
    color: #d4d4d4
}

.img-center {
    display: block;
    margin: auto
}

.float-R {
    float: right
}

.tab-content {
    padding: 20px 0 0
}

ol,
ul {
    padding: 0;
    margin: 0 0 20px
}

ol li,
ul li {
    list-style: none
}

.bullets ol,
.bullets ul {
    padding: 0;
    margin: 0 0 10px 25px
}

.bullets ol li,
.bullets ul li {
    list-style: circle
}

@media(max-width:767px) {
    .login,
    .sidebar-guarantee ul {
        width: 100%
    }
    .catering-experts,
    .footer-bg,
    .nav-tabs>li,
    a.navbar-brand,
    p.D380 {
        text-align: center
    }
    .footer-bg,
    .green-header,
    .login {
        height: auto
    }
    .header-contact {
        margin-right: 310px;
        font-size: 14px
    }
    .call-us {
        font-size: 13px;
        padding-left: 75px;
        background: url(../images/phone-icon.png) 50px 3px no-repeat
    }
    .navbar-nav>li>a {
        padding: 15px 6px
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 12px;
        border-right: none
    }
    .read-more {
        background: url(../images/food-bg.jpg) center top no-repeat
    }
    .read-more a {
        left: 65px
    }
    .login {
        background: 0 0;
        float: left;
        position: relative!important;
        padding: 0;
        margin-bottom: 20px
    }
    .blogpage {
        margin-top: 10px;
        margin-bottom: 30px
    }
    a.navbar-brand {
        width: 70px;
        padding: 0
    }
    .FreshTasty,
    .nav-tabs>li,
    .navbar-default .navbar-collapse,
    .navbar-nav,
    a.btn-catering-experts,
    p.D380 {
        width: 100%
    }
    .main-content {
        margin-top: 30px;
        margin-bottom: 0
    }
    .catering-needs,
    .delicious,
    .tasty {
        margin-bottom: 30px
    }
    .guarantee {
        margin-bottom: 40px
    }
    .contact-send {
        margin-bottom: 10px
    }
    .fb-box {
        margin: 15px 0
    }
    .nav-bg {
        background-color: #272c23;
        margin-bottom: 20px;
        z-index: 9
    }
    .navbar-default .navbar-toggle {
        border-color: #bfd730;
        margin-top: 14px
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #bfd730
    }
    .navbar-default .navbar-toggle:focus,
    .navbar-default .navbar-toggle:hover {
        background-color: transparent
    }
    .navbar-default .navbar-nav>li>a:focus,
    .navbar-default .navbar-nav>li>a:hover {
        color: #bfd730;
        background-color: transparent
    }
    .navbar-nav {
        margin: 15px -15px;
        display: inline-block
    }
    .MenuThumbnail,
    .MenuThumbnail:nth-child(5n+6) {
        margin-right: 0
    }
    .login p {
        font-size: 12px;
        line-height: 14px;
        margin-bottom: 15px
    }
    .login .admin-menus a {
        font-family: 'Architects Daughter', cursive;
        font-size: 15px;
        line-height: 23px
    }
    .form-horizontal .checkbox,
    .form-horizontal .checkbox-inline,
    .form-horizontal .control-label,
    .form-horizontal .radio,
    .form-horizontal .radio-inline {
        font-size: 11px
    }
    .form-horizontal .form-group {
        margin-bottom: 0
    }
    .form-horizontal .form-group .form-control {
        border-radius: 0
    }
    .form-horizontal .btn-default {
        margin-top: 10px
    }
    a.big-button {
        font-size: 14px;
        margin-bottom: 15px
    }
    .nav-tabs>li {
        float: left;
        margin-bottom: -1px
    }
    .nav-tabs>li a {
        background-color: #bfd730;
        color: #fff
    }
    .nav>li>a:focus,
    .nav>li>a:hover {
        text-decoration: none;
        background-color: #bfd730
    }
    .nav-tabs>li.active>a,
    .nav-tabs>li.active>a:focus,
    .nav-tabs>li.active>a:hover {
        border-bottom: solid 1px #ddd
    }
    .complete-buffet {
        height: auto;
        padding: 15px 15px 45px
    }
    .HomepageRightImage {
        position: relative;
        right: 0;
        top: 0;
        bottom: 0;
        width: 100%;
        height: 200px;
        background-size: cover!important
    }
    .FreshTasty,
    .MenuList .MenuListDescription {
        height: auto
    }
    .HomepageIntro {
        padding: 0
    }
    .GreenBanner img {
        width: auto;
        margin-bottom: 20px;
        margin-top: 0
    }
    ul.bullets li {
        width: 100%
    }
    .clients-bg-new .bx-wrapper .bx-prev {
        left: 0
    }
    .clients-bg-new .bx-wrapper .bx-next {
        right: 0
    }
    ul.slides-cert-new li[style] {
        width: 100px!important
    }
    .MenuThumbnail {
        width: 100%!important;
        margin-left: 0
    }
    .SelectMenu {
        padding: 30px 0
    }
    .OrderSection form {
        width: 100%
    }
    .wrapper.active {
        overflow: hidden
    }
    .sidebar-wrapper {
        width: 280px;
        position: fixed;
        overflow-y: auto;
        display: block;
        top: 0;
        bottom: 0;
        right: -280px;
        background: #272c23;
        z-index: 99
    }
    .sidebar-wrapper.active {
        transition: all .4s ease 0s;
        right: 0
    }
    ul.tier1 {

        margin-top: 60px;
        list-style: none;
        padding-left: 0
    }
    ul.tier1>li {
        width: 100%;
        border-top: 1px solid #3b4038;
        display: inline-block
    }
    ul.tier1>li:first-child {
        border: none
    }
    ul.tier1>li>a {
        padding: 10px;
        text-align: left;
        color: #fff;
        display: block;
        width: 100%;
        text-transform: uppercase
    }
    ul.tier1>li>a:active,
    ul.tier1>li>a:focus,
    ul.tier1>li>a:hover {
        color: #75C9F9
    }
    ul.tier1>li span {
        top: 19px
    }
    .dropdown-submenu>.dropdown-menu,
    ul.tier1>li>ul.dropdown-menu {
        float: left;
        position: relative;
        left: auto;
        width: 100%;
        min-width: 100%;
        background: #232720;
        overflow: hidden;
        padding-left: 10px;
        border-radius: 0;
        margin: 2px 0 11px
    }
    ul.tier1>li>ul.dropdown-menu>li,
    ul.tier2>li>ul.dropdown-menu>li {
        position: relative
    }
    ul.tier1>li>ul.dropdown-menu>li:before,
    ul.tier2>li>ul.dropdown-menu>li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 12px;
        background: url(../images/arrow-green.png) no-repeat;
        width: 4px;
        height: 7px
    }
    ul.tier1>li>ul.dropdown-menu>li>a,
    ul.tier2>li>ul.dropdown-menu>li>a {
        color: #fff;
        padding: 7px 10px;
        text-transform: capitalize;
        font-size: 12px
    }
    ul.tier1>li>ul.dropdown-menu>li>p,
    ul.tier2>li>ul.dropdown-menu>li>p {
        padding: 10px 10px 10px 15px;
        color: #bfd730;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        margin-bottom: 0
    }
    ul.tier1>li>ul.dropdown-menu>li>p span,
    ul.tier2>li>ul.dropdown-menu>li>p span {
        background: url(../images/file.png) no-repeat;
        position: absolute;
        left: 0;
        top: 13px;
        width: 10px;
        height: 12px
    }
    ul.tier1>li>ul.dropdown-menu>li>a:hover,
    ul.tier2>li>ul.dropdown-menu>li>a:hover {
        background: #fff;
        color: #fff
    }
    span.menu-btn,
    span.menu-btn-close {
        cursor: pointer
    }
    a[href^=tel],
    a[href^=tel]:hover {
        color: pink
    }
    span.menu-btn-close {
        background: url(../images/close-icon.png) no-repeat;
        width: 28px;
        height: 23px;
        position: absolute;
        right: 15px;
        top: 15px
    }
    span.menu-btn {
        color: #fff;
        float: right;
        background: url(../images/menu-icon.png) no-repeat;
        width: 28px;
        height: 23px;
        margin-top: 11px
    }
    p.MenuPhone {
        position: absolute;
        top: 10px;
        color: #fff;
        padding: 10px;
        font-size: 20px;
        margin: 0;
        display: block
    }
    p.MenuPhone a[href^=tel] {
        color: #fff
    }
    nav.MainMenu {
        height: 75px;
        background: #272c23;
        clear: both;
        padding: 15px 0
    }
    nav.MainMenu a.navbar-brand {
        width: 70px;
        padding: 0;
        margin-top: -7px;
        text-align: center
    }
    nav.MainMenu .login {
        width: 100%;
        height: auto;
        background: 0 0;
        float: left;
        position: relative!important;
        padding: 0 20px 20px;
        margin-bottom: 0
    }
	.AccountOption .btn {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
		padding: 15px 10px;
	}
}

@media(min-width:768px) {
    .admin-menus,
    .login p {
        display: inline-block
    }
    .footer-bg,
    .green-header,
    .login {
        height: auto
    }
    .footer-bg,
    p.D380 {
        text-align: center
    }
    .header-contact {
        font-size: 14px
    }
    .call-us {
        font-size: 13px;
        padding-left: 75px;
        background: url(../images/phone-icon.png) 50px 3px no-repeat
    }
    .ie10 .header-contact,
    .ie9 .header-contact {
        margin-right: 300px;
        font-size: 14px
    }
    .ie10 .call-us,
    .ie9 .call-us {
        font-size: 13px;
        padding-left: 65px;
        background: url(../images/phone-icon.png) 30px 1px no-repeat
    }
    .navbar-nav>li>a {
        padding: 15px 9px
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 11px;
        border-right: solid 1px #b7ce2c
    }
    .read-more {
        background: url(../images/read-more-bg-new.jpg) center top no-repeat
    }
    .read-more a {
        left: 53px
    }
    .sidebar-guarantee ul {
        width: 100%
    }
    .ie8 .header-contact {
        margin-right: 300px;
        font-size: 13px
    }
    .ie8 .call-us {
        padding-left: 75px;
        background: url(../images/phone-icon.png) 45px 3px no-repeat
    }
    .login {
        width: auto;
        background: 0 0;
        position: absolute;
        top: 0;
        right: 0;
        padding: 0
    }
    .admin-menus {
        margin-top: 20px
    }
    .blogpage {
        margin-top: 10px;
        margin-bottom: 30px
    }
    a.twitter {
        right: 0;
        top: 32px
    }
    a.facebook {
        right: 42px;
        top: 32px
    }
    a.navbar-brand {
        width: 196px;
        padding: 36px 15px
    }
    .main-content {
        margin-top: 30px;
        margin-bottom: 0
    }
    .catering-needs,
    .delicious,
    .tasty {
        margin-bottom: 30px
    }
    p.D380 {
        width: 100%
    }
    .guarantee {
        margin-bottom: 20px
    }
    .contact-send {
        margin-bottom: 10px
    }
    .fb-box {
        margin: 15px 0
    }
    .MenuThumbnail,
    .MenuThumbnail:nth-child(5n+6) {
        margin-right: 15px
    }
    .complete-buffet-three {
        height: 760px
    }
    .FreshTasty {
        width: 100%;
        height: auto
    }
    .clients-bg-new .bx-wrapper .bx-prev {
        left: 30%
    }
    .clients-bg-new .bx-wrapper .bx-next {
        right: 30%
    }
    ul.slides-cert-new li[style] {
        width: 120px!important
    }
    .MenuThumbnail {
        width: 29%!important;
        margin-left: 15px
    }
    span.menu-btn,
    span.menu-btn-close {
        display: block;
        cursor: pointer
    }
    span.menu-btn-close {
        background: url(../images/close-icon.png) no-repeat;
        width: 28px;
        height: 23px;
        float: right
    }
    span.menu-btn {
        color: #fff;
        float: left;
        background: url(../images/menu-icon.png) no-repeat;
        width: 28px;
        height: 23px
    }
    nav.MainMenu {
        background: #bfd730;
        clear: both;
        padding: 15px 0
    }
    .sidebar-wrapper {
        width: 350px;
        position: fixed;
        overflow-y: auto;
        top: 0;
        bottom: 0;
        right: -350px;
        background: #272c23;
        z-index: 999
    }
    .sidebar-wrapper.active {
        transition: all .4s ease 0s;
        right: 0
    }
    ul.tier1 {
        margin-top: 60px;
        list-style: none;
        padding-left: 0
    }
    ul.tier1>li {
        width: 100%;
        border-top: 1px solid #3b4038
    }
    ul.tier1>li>a {
        padding: 10px;
        text-align: left;
        color: #fff;
        display: block;
        width: 100%;
        text-transform: uppercase
    }
    ul.tier1>li>a:active,
    ul.tier1>li>a:focus,
    ul.tier1>li>a:hover {
        color: #fff
    }
    ul.tier1>li span {
        top: 19px
    }
    .dropdown-submenu>.dropdown-menu,
    ul.tier1>li>ul.dropdown-menu {
        float: left;
        position: relative;
        left: auto;
        width: 100%;
        min-width: 100%;
        background: #232720;
        overflow: hidden;
        padding-left: 10px;
        border-radius: 0;
        margin: 2px 0 11px
    }
    ul.tier1>li>ul.dropdown-menu>li,
    ul.tier2>li>ul.dropdown-menu>li {
        position: relative
    }
    ul.tier1>li>ul.dropdown-menu>li:before,
    ul.tier2>li>ul.dropdown-menu>li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 12px;
        background: url(../images/arrow-green.png) no-repeat;
        width: 4px;
        height: 7px
    }
    ul.tier1>li>ul.dropdown-menu>li>a,
    ul.tier2>li>ul.dropdown-menu>li>a {
        color: #fff;
        padding: 7px 10px;
        text-transform: capitalize;
        font-size: 12px
    }
    ul.tier1>li>ul.dropdown-menu>li>p,
    ul.tier2>li>ul.dropdown-menu>li>p {
        padding: 10px 10px 10px 15px;
        color: #bfd730;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        margin-bottom: 0
    }
    ul.tier1>li>ul.dropdown-menu>li>p span,
    ul.tier2>li>ul.dropdown-menu>li>p span {
        background: url(../images/file.png) no-repeat;
        position: absolute;
        left: 0;
        top: 13px;
        width: 10px;
        height: 12px
    }
    ul.tier1>li>ul.dropdown-menu>li>a:active,
    ul.tier1>li>ul.dropdown-menu>li>a:focus,
    ul.tier1>li>ul.dropdown-menu>li>a:hover,
    ul.tier2>li>ul.dropdown-menu>li>a:active,
    ul.tier2>li>ul.dropdown-menu>li>a:focus,
    ul.tier2>li>ul.dropdown-menu>li>a:hover {
        background: #0072b3;
        color: #fff
    }
    span.menu-btn-close {
        top: 15px;
        right: 15px;
        position: absolute
    }
    p.MenuPhone {
        position: absolute;
        top: 10px;
        color: #fff;
        padding: 10px;
        font-size: 20px;
        margin: 0;
        display: block
    }
    p.MenuPhone a[href^=tel] {
        color: #fff
    }
	.AccountOption .btn {
		width: 30%;
		padding: 15px 10px;
	}
}

@media(min-width:992px) {
    .admin-menus,
    .login p {
        display: block
    }
    .header-contact {
        margin-right: 310px;
        font-size: 14px
    }
    .call-us {
        font-size: 13px;
        padding-left: 75px;
        background: url(../images/phone-icon.png) 50px 3px no-repeat
    }
    .ie10 .header-contact,
    .ie9 .header-contact {
        margin-right: 300px;
        font-size: 14px
    }
    .ie10 .call-us,
    .ie9 .call-us {
        font-size: 13px;
        padding-left: 65px;
        background: url(../images/phone-icon.png) 30px 1px no-repeat
    }
    .navbar-nav>li>a {
        padding: 15px 7px
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 11px;
        border-right: solid 1px #b7ce2c
    }
    .read-more {
        background: url(../images/read-more-bg-new.jpg) center top no-repeat
    }
    .read-more a {
        left: 53px
    }
    .sidebar-guarantee ul {
        width: 100%
    }
    .ie8 .header-contact {
        margin-right: 300px;
        font-size: 13px
    }
    .ie8 .call-us {
        padding-left: 75px;
        background: url(../images/phone-icon.png) 45px 3px no-repeat
    }
    .login {
        width: 214px;
        height: 279px;
        background: url(../images/login-board-small.png) no-repeat;
        position: absolute;
        top: 10px;
        right: 0;
        padding: 30px 40px 20px
    }
    .blogpage {
        margin-top: 70px;
        margin-bottom: 0
    }
    a.twitter {
        right: 311px;
        top: 35px
    }
    a.facebook {
        right: 351px;
        top: 35px
    }
    .green-header {
        height: 175px
    }
    a.navbar-brand {
        width: 196px;
        padding: 15px
    }
    nav.MainMenu,
    ul.tier1 {
        padding: 0
    }
    .main-content {
        margin-top: 80px;
        margin-bottom: 40px
    }
    .catering-needs,
    .delicious,
    .tasty {
        margin-bottom: 0
    }
    .footer-bg {
        height: 60px;
        text-align: left
    }
    .guarantee {
        margin-bottom: 20px
    }
    .contact-send {
        margin-bottom: 0
    }
    .fb-box {
        margin: 15px
    }
    .admin-menus {
        margin-top: 0
    }
    .FreshTasty {
        width: auto;
        height: auto
    }
    .clients-bg-new .bx-wrapper .bx-prev {
        left: 35%
    }
    .clients-bg-new .bx-wrapper .bx-next {
        right: 35%
    }
    ul.slides-cert-new li[style] {
        width: 130px!important
    }
    .MenuThumbnail {
        width: 18.7%!important;
        margin-right: 15px;
        margin-left: 0
    }
    .MenuThumbnail:nth-child(5n+6) {
        margin-right: 0
    }
    span.menu-btn,
    span.menu-btn-close {
        display: none
    }
    .sidebar-wrapper {
        width: 100%;
        position: relative;
        overflow: visible;
        top: auto;
        bottom: auto;
        right: auto;
        background: 0 0
    }
    ul.tier1,
    ul.tier1>li {
        width: auto;
        float: left
    }
    ul.tier1 {
        margin: 0;
        list-style: none
    }
    ul.tier1>li {
        position: relative;
        border-top: none;
        border-right: solid 1px #b6cd2d
    }
    ul.tier1>li:last-child {
        border-right: none
    }
    ul.tier1>li>a {
        display: block;
        color: #fff;
        padding: 20px 7px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 700
    }
    p.MenuPhone,
    ul.tier1>li>ul.dropdown-menu>li:first-child:before,
    ul.tier2>li>ul.dropdown-menu>li:first-child:before {
        display: none
    }
    ul.tier1>li>ul.dropdown-menu>li>a,
    ul.tier2>li>ul.dropdown-menu>li>a {
        padding: 6px 10px;
        color: #fff;
        font-size: 13px;
        text-transform: capitalize
    }
    ul.tier1>li>ul.dropdown-menu>li>p,
    ul.tier2>li>ul.dropdown-menu>li>p {
        padding: 10px 10px 10px 15px;
        color: #bfd730;
        font-size: 14px;
        font-weight: 600;
        position: relative;
        margin-bottom: 0
    }
    ul.tier1>li>ul.dropdown-menu>li>p span,
    ul.tier2>li>ul.dropdown-menu>li>p span {
        background: url(../images/file.png) no-repeat;
        position: absolute;
        left: 0;
        top: 13px;
        width: 10px;
        height: 12px
    }
    ul.tier1>li>ul.dropdown-menu>li,
    ul.tier2>li>ul.dropdown-menu>li {
        border-left: none;
        float: left;
        width: 50%;
        position: relative
    }
    ul.tier1>li>ul.dropdown-menu>li:before,
    ul.tier2>li>ul.dropdown-menu>li:before {
        content: '';
        position: absolute;
        left: 0;
        top: 12px;
        background: url(../images/arrow-green.png) no-repeat;
        width: 4px;
        height: 7px
    }
    ul.tier1>li>ul.dropdown-menu>li:first-child,
    ul.tier2>li>ul.dropdown-menu>li:first-child {
        border-left: none;
        float: left;
        width: 100%
    }
    ul.tier1>li span.Tier1Caret {
        position: absolute;
        top: 50%;
        margin-top: -6px;
        right: 5px
    }
    ul.tier1>li.open span.Tier1Caret {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        transform: rotate(90deg)
    }
    ul.tier1>li>a:active,
    ul.tier1>li>a:focus,
    ul.tier1>li>a:hover {
        color: #fff;
        box-shadow: none
    }
    .dropdown-submenu>.dropdown-menu,
    ul.tier1>li>ul.dropdown-menu {
        background: #272c23;
        border: none;
        margin-top: 0;
        border-radius: 0;
        left: 0;
        position: absolute;
        width: 677px;
        overflow: visible;
        padding: 15px
    }
    .dropdown-submenu>.dropdown-menu:before,
    ul.tier1>li>ul.dropdown-menu:before {
        content: '';
        background: url(../images/dropdown-arrow.png) no-repeat;
        width: 26px;
        height: 14px;
        position: absolute;
        top: -1px;
        left: 36px
    }
    ul.tier1>li>ul.dropdown-menu>li>a:active,
    ul.tier1>li>ul.dropdown-menu>li>a:focus,
    ul.tier1>li>ul.dropdown-menu>li>a:hover,
    ul.tier2>li>ul.dropdown-menu>li>a:active,
    ul.tier2>li>ul.dropdown-menu>li>a:focus,
    ul.tier2>li>ul.dropdown-menu>li>a:hover {
        background-color: transparent;
        color: #bfd730
    }
    .dropdown-submenu {
        position: relative
    }
    .dropdown-submenu>.dropdown-menu {
        top: 0;
        left: 100%
    }
    .dropdown-submenu.pull-left {
        float: none
    }
    .dropdown-submenu.pull-left>.dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px
    }
	.AccountOption .btn {
		width: 30.8%;
		padding: 15px 10px;
	}
}

@media(min-width:1200px) {
    .call-us,
    .ie10 .call-us,
    .ie9 .call-us {
        padding-left: 129px;
        background: url(../images/phone-icon.png) 100px 3px no-repeat
    }
    .header-contact {
        margin-right: 320px;
        font-size: 18px
    }
    .call-us {
        font-size: 15px
    }
    .ie10 .header-contact,
    .ie9 .header-contact {
        margin-right: 320px;
        font-size: 18px
    }
    .ie10 .call-us,
    .ie9 .call-us {
        font-size: 15px
    }
    .navbar-nav>li>a {
        padding: 15px 11px
    }
    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        border-right: solid 1px #b7ce2c
    }
    .read-more {
        background: url(../images/food-bg.jpg) right top no-repeat
    }
    .read-more a {
        left: 112px
    }
    .sidebar-guarantee ul {
        width: 350px
    }
    .ie8 .header-contact {
        margin-right: 300px;
        font-size: 16px
    }
    .ie8 .call-us {
        padding-left: 115px;
        background: url(../images/phone-icon.png) 80px 3px no-repeat
    }
    .login {
        width: 276px;
        height: 279px;
        background: url(../images/login-board.jpg) no-repeat;
        position: absolute;
        top: 10px;
        right: 0
    }
    .login .admin-menus a {
        font-family: 'Architects Daughter', cursive;
        font-size: 24px;
        line-height: 46px
    }
    a.twitter {
        right: 320px;
        top: 35px
    }
    a.facebook {
        right: 362px;
        top: 35px
    }
    .green-header {
        height: 175px
    }
    a.navbar-brand {
        width: 196px
    }
    .main-content {
        margin-top: 80px;
        margin-bottom: 40px
    }
    .catering-needs,
    .delicious,
    .tasty {
        margin-bottom: 0
    }
    .footer-bg {
        height: 60px;
        text-align: left
    }
    .guarantee {
        margin-bottom: 20px
    }
    .contact-send {
        margin-bottom: 0
    }
    .fb-box {
        margin: 15px
    }
    .blogpage {
        margin-top: 70px;
        margin-bottom: 0
    }
    .clients-bg-new .bx-wrapper .bx-prev {
        left: 37%
    }
    .clients-bg-new .bx-wrapper .bx-next {
        right: 37%
    }
    ul.slides-cert-new li[style] {
        width: 100px!important
    }
    .MenuThumbnail {
        width: 18.93%!important
    }
    ul.tier1>li>a {
        padding: 20px 10px;
        font-size: 13px
    }
	.dropdown-submenu>.dropdown-menu,
    ul.tier1>li>ul.dropdown-menu {
        width: 803px;
    }
	.AccountOption .btn {
		width: 31.2%;
		padding: 15px 10px;
	}
}