@import url(/core/css/fontAwesome.css);/* ------------------------------ */
/* Variables */
/* ------------------------------ */
/* ------------------------------ */
/* Grid */
/* ------------------------------ */
/* ------------------------------ */
/* Media Query Breakpoints */
/* ------------------------------ */
/* ------------------------------ */
/* @import */
/* ------------------------------ */
/* ------------------------------ */
/* Colours for new template */
/* ------------------------------ */
/* ------------------------------ */
/* SVG Icon Styles */
/* ------------------------------ */
.foodSvg:not(.foodSvgSnappy) path,
.foodSvg:not(.foodSvgSnappy) polygon,
.foodSvg:not(.foodSvgSnappy) rect,
.foodSvg:not(.foodSvgSnappy) circle {
  fill: var(--mainColorAlt);
}
.spar .foodSvg:not(.foodSvgSnappy) path,
.spar .foodSvg:not(.foodSvgSnappy) polygon,
.spar .foodSvg:not(.foodSvgSnappy) rect,
.spar .foodSvg:not(.foodSvgSnappy) circle,
.premier .foodSvg:not(.foodSvgSnappy) path,
.premier .foodSvg:not(.foodSvgSnappy) polygon,
.premier .foodSvg:not(.foodSvgSnappy) rect,
.premier .foodSvg:not(.foodSvgSnappy) circle {
  fill: #FF4141;
}
.foodSvg:not(.foodSvgSnappy) path.shade,
.foodSvg:not(.foodSvgSnappy) polygon.shade,
.foodSvg:not(.foodSvgSnappy) rect.shade,
.foodSvg:not(.foodSvgSnappy) circle.shade {
  fill: var(--mainColorFade80Alt);
}
.spar .foodSvg:not(.foodSvgSnappy) path.shade,
.spar .foodSvg:not(.foodSvgSnappy) polygon.shade,
.spar .foodSvg:not(.foodSvgSnappy) rect.shade,
.spar .foodSvg:not(.foodSvgSnappy) circle.shade,
.premier .foodSvg:not(.foodSvgSnappy) path.shade,
.premier .foodSvg:not(.foodSvgSnappy) polygon.shade,
.premier .foodSvg:not(.foodSvgSnappy) rect.shade,
.premier .foodSvg:not(.foodSvgSnappy) circle.shade {
  fill: #ffdada;
}
/* ------------------------------ */
/* Full Width Styles */
/* ------------------------------ */
body.border {
  padding: 40px;
  background: var(--body_background);
  min-height: 100%;
  height: auto;
}
@media all and (max-width: 780px) {
  body.border {
    padding: 0;
  }
}
body.border .topBar,
body.border .full_width .topBar {
  padding: 0;
}
body.border.fixedTopBar {
  padding-top: 0;
}
body.border.noScroll {
  height: 100%;
}
.siteOuterWrapper {
  background: var(--site_background);
}
@media all and (max-width: 1475px) {
  .siteOuterWrapper .wrapper {
    padding: 0 20px;
  }
}
@media all and (max-width: 1586px) {
  .spar .siteOuterWrapper .wrapper,
  .premier .siteOuterWrapper .wrapper {
    padding: 0 20px;
  }
}
@media all and (max-width: 1475px) {
  .siteOuterWrapper .topBar .wrapper {
    padding: 0;
  }
}
@media all and (max-width: 1475px) {
  .siteOuterWrapper .footer,
  .siteOuterWrapper .footer .wrapper {
    padding: 20px 20px 0;
  }
  .spar .siteOuterWrapper .footer,
  .spar .siteOuterWrapper .footer .wrapper,
  .premier .siteOuterWrapper .footer,
  .premier .siteOuterWrapper .footer .wrapper {
    padding: 60px 20px 0;
  }
}
@media all and (max-width: 780px) {
  .spar .siteOuterWrapper .footer,
  .spar .siteOuterWrapper .footer .wrapper,
  .premier .siteOuterWrapper .footer,
  .premier .siteOuterWrapper .footer .wrapper {
    padding: 20px;
  }
}
.siteOuterWrapper.full_width {
  max-width: 2000px;
  margin: 0 auto;
}
.siteOuterWrapper.full_width .limitWidth .wrapper {
  max-width: 1320px;
}
.siteOuterWrapper.full_width .wrapper {
  padding: 0 40px;
  max-width: 100%;
}
@media all and (max-width: 780px) {
  .siteOuterWrapper.full_width .wrapper {
    padding: 0 20px;
  }
}
.siteOuterWrapper.full_width .footer,
.siteOuterWrapper.full_width .footer .wrapper {
  padding: 40px;
  max-width: 100%;
}
@media all and (max-width: 780px) {
  .siteOuterWrapper.full_width .footer,
  .siteOuterWrapper.full_width .footer .wrapper {
    padding: 20px 20px 0;
  }
}
.siteOuterWrapper.full_width #header,
.siteOuterWrapper.full_width #header .wrapper,
.siteOuterWrapper.full_width .topBar .wrapper,
.siteOuterWrapper.full_width .blockWrapper {
  max-width: 100%;
  padding: 0;
}
@media all and (max-width: 1475px) {
  .siteOuterWrapper.full_width #header,
  .siteOuterWrapper.full_width #header .wrapper,
  .siteOuterWrapper.full_width .topBar .wrapper,
  .siteOuterWrapper.full_width .blockWrapper {
    padding: 0;
  }
}
.siteOuterWrapper.full_width #header {
  padding-top: 6px;
}
@media all and (max-width: 780px) {
  .siteOuterWrapper.full_width #header {
    padding-top: 46px;
  }
  .siteOuterWrapper.full_width #header .headerMain {
    margin-top: 0;
  }
}
.siteOuterWrapper.full_width .callToActionWrap {
  max-width: 100%;
}
.siteOuterWrapper.full_width .blockWrapper {
  background: #FFF;
}
/* ------------------------------ */
/* Logo positions */
/* ------------------------------ */
.headerMain .logo {
  display: block;
}
.spar .headerMain .logo,
.premier .headerMain .logo {
  margin: 66px 0;
  float: left;
}
@media (max-width: 900px) {
  .spar .headerMain .logo,
  .premier .headerMain .logo {
    margin: 66px 0;
  }
}
@media (max-width: 780px) {
  .spar .headerMain .logo,
  .premier .headerMain .logo {
    margin: 40px auto;
    float: none;
  }
}
.premier .headerMain .logo {
  margin: 51px 0;
  float: left;
}
@media (max-width: 900px) {
  .premier .headerMain .logo {
    margin: 66px 0;
  }
}
@media (max-width: 780px) {
  .premier .headerMain .logo {
    margin: 40px auto;
  }
}
.headerMain .logo img {
  max-width: 600px;
  max-height: 150px;
}
@media all and (max-width: 780px) {
  .headerMain .logo img {
    max-width: 60%;
    max-height: 100px;
  }
}
.spar .headerMain .logo img {
  height: 42px;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 900px) {
  .spar .headerMain .logo img {
    height: 32px;
  }
}
@media (max-width: 780px) {
  .spar .headerMain .logo img {
    height: 32px;
  }
}
.premier .headerMain .logo img {
  height: 71px;
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 900px) {
  .premier .headerMain .logo img {
    height: 32px;
  }
}
@media (max-width: 780px) {
  .premier .headerMain .logo img {
    height: 32px;
  }
}
.left.headerMain .logo {
  float: left;
}
.full_width .left.headerMain .logo {
  margin-left: 20px;
}
@media only screen and (max-width:1160px) {
  .full_width .left.headerMain .logo {
    margin: 0 auto;
  }
}
@media only screen and (max-width:1160px) {
  .left.headerMain .logo {
    float: none;
    margin: 0 auto;
  }
}
.right.headerMain .logo {
  float: right;
}
.full_width .right.headerMain .logo {
  margin-right: 20px;
}
@media only screen and (max-width:1160px) {
  .full_width .right.headerMain .logo {
    margin: 0 auto;
  }
}
@media only screen and (max-width:1160px) {
  .right.headerMain .logo {
    float: none;
    margin: 0 auto;
  }
}
.center.headerMain .logo {
  margin: 20px auto 10px;
}
.transparentHeader .center.headerMain .logo {
  margin: 20px auto 10px;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .transparentHeader .center.headerMain .logo {
    margin: 20px auto 20px;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .center.headerMain .logo {
    margin: 20px auto 20px;
  }
}
.spar .center.headerMain .logo,
.premier .center.headerMain .logo {
  margin: 66px 0;
}
@media (max-width: 900px) {
  .spar .center.headerMain .logo,
  .premier .center.headerMain .logo {
    margin: 66px 0;
  }
}
@media (max-width: 780px) {
  .spar .center.headerMain .logo,
  .premier .center.headerMain .logo {
    margin: 40px auto;
    float: none;
  }
}
.premier .center.headerMain .logo {
  margin: 51px 0;
}
@media (max-width: 900px) {
  .premier .center.headerMain .logo {
    margin: 66px 0;
  }
}
@media (max-width: 780px) {
  .premier .center.headerMain .logo {
    margin: 40px auto;
  }
}
.headerMain .flyoutWrap ul {
  width: 100%;
}
.headerMain .flyoutWrap ul li:first-child ul {
  left: 0;
  -webkit-transform: none;
          transform: none;
}
.headerMain .flyoutWrap ul li:last-child ul {
  left: auto;
  right: 0;
  -webkit-transform: none;
          transform: none;
}
.headerMain .flyoutWrap ul li.giftVoucher {
  display: none;
}
@media all and (max-width: 780px) {
  .headerMain .flyoutWrap ul li.giftVoucher {
    display: block;
  }
}
.headerMain .flyoutWrap ul ul {
  position: absolute;
  background: #FFF;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-top: 20px;
  padding: 15px 0;
  width: 240px;
  border-radius: 3px;
  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
  display: none;
}
.headerMain .flyoutWrap ul ul:before {
  content: '';
  position: absolute;
  top: -20px;
  height: 20px;
  width: 100%;
  opacity: 0;
}
.headerMain .flyoutWrap ul ul li {
  width: 100%;
  margin: 0;
}
.headerMain .flyoutWrap ul ul a {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  padding: 10px 20px;
  text-align: left;
}
.headerMain .flyoutWrap ul ul a:hover {
  font-weight: 600;
}
.headerMain .flyoutWrap ul ul a:after {
  display: none;
}
@media all and (min-width : 1320px) {
  .left.headerMain .flyoutWrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 0;
    max-width: calc(100% - 600px);
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .left.headerMain .flyoutWrap {
    position: static;
    width: 100%;
    -webkit-transform: none;
            transform: none;
    max-width: 100%;
  }
}
.left.headerMain .flyoutWrap ul {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
@media all and (min-width : 1320px) {
  .right.headerMain .flyoutWrap {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 0;
    max-width: calc(100% - 600px);
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .right.headerMain .flyoutWrap {
    position: static;
    width: 100%;
    -webkit-transform: none;
            transform: none;
    max-width: 100%;
  }
}
.right.headerMain .flyoutWrap ul {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
.center.headerMain .flyoutWrap {
  float: none;
  margin: 0 auto 20px;
  text-align: center;
}
.transparentHeader .center.headerMain .flyoutWrap {
  margin-bottom: 20px;
}
.center.headerMain .flyoutWrap li {
  display: inline-block;
  float: none;
}
/* ------------------------------ */
/* Header Styles */
/* ------------------------------ */
.topBar {
  background: var(--topbarColor);
  float: none;
}
.fixedTopBar .topBar {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5005;
}
.border .topBar {
  left: 40px;
  right: 40px;
  width: auto;
}
@media all and (max-width: 780px) {
  .border .topBar {
    left: 0;
    right: 0;
  }
}
.topBar .headerSocial {
  margin: 0 18px 0;
}
@media all and (max-width: 780px) {
  .topBar .headerSocial {
    margin: 0 5px 0 0;
  }
}
.fixedTopBar #header {
  margin-top: 46px;
}
@media only screen and (max-width: 1160px) {
  .fixedTopBar #header {
    margin-top: 0;
  }
}
.transparentHeader.home #header {
  position: absolute;
}
@media all and (max-width: 780px) {
}
#header {
  background: var(--headerColor);
  position: relative;
}
.spar #header,
.premier #header {
  background: #FFF;
}
.fixedTopBar .home #header {
  top: 6px;
}
@media all and (max-width: 780px) {
  .fixedTopBar .home #header {
    top: 0;
    padding-top: 46px;
  }
}
@media all and (max-width: 780px) {
  .fullWidth .home #header {
    top: 0;
    padding-top: 0;
  }
}
.transparentHeader #header {
  background: transparent;
  left: 0;
}
@media all and (max-width: 780px) {
  .transparentHeader #header {
    padding-top: 0;
  }
}
@media all and (max-width: 780px) {
  .fixed .transparentHeader #header {
    padding-top: 46px;
  }
}
.home .transparentHeader #header {
  position: absolute;
}
.transparentHeader #header .mainMenu li {
  border-bottom: 0;
}
.transparentHeader #header .mainMenu a {
  color: var(--navSubColor);
}
.home .transparentHeader #header .mainMenu a {
  color: var(--navColor);
}
@media all and (max-width: 780px) {
  .home .transparentHeader #header .mainMenu a {
    color: var(--fontColor);
  }
}
.transparentHeader #header .mainMenu a:after {
  background: var(--navSubColor);
}
.home .transparentHeader #header .mainMenu a:after {
  background: var(--navColor);
}
@media all and (max-width: 780px) {
  .home .transparentHeader #header .mainMenu a:after {
    background: var(--fontColor);
  }
}
.transparentHeader #header .mainMenu a:hover {
  color: var(--navSubColor);
}
.home .transparentHeader #header .mainMenu a:hover {
  background: var(--navColor);
}
@media all and (max-width: 780px) {
  .home .transparentHeader #header .mainMenu a:hover {
    background: var(--fontColor);
  }
}
@media all and (max-width: 780px) {
  .transparentHeader #header .mainMenu a {
    color: var(--fontColor);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-transition: all ease-in-out 300ms;
    transition: all ease-in-out 300ms;
  }
  .transparentHeader #header .mainMenu a:after {
    display: none;
  }
  .transparentHeader #header .mainMenu a:hover {
    color: var(--fontColor);
    background: rgba(0, 0, 0, 0.05);
  }
}
.home #header.hasBanner .pageBanner {
  display: block;
}
#header .pageBanner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
  min-height: inherit;
  overflow: hidden;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  background-color: #000;
}
#header .pageBanner.withImage:after {
  display: none;
}
.home #header .pageBanner {
  display: none;
}
#header .pageBanner.defaultBanner + .headerMain .mainMenu a {
  color: var(--navSubColor);
}
@media all and (max-width: 780px) {
  #header .pageBanner.defaultBanner + .headerMain .mainMenu a {
    color: var(--fontColor);
  }
}
#header .pageBanner.noBanner + .headerMain .mainMenu a {
  color: var(--navSubColor);
}
.home #header .pageBanner.noBanner + .headerMain .mainMenu a {
  color: var(--navColor);
}
@media all and (max-width: 780px) {
  .home #header .pageBanner.noBanner + .headerMain .mainMenu a {
    color: var(--fontColor);
  }
}
#header .pageBanner.noBanner + .headerMain .mainMenu a:after {
  background: var(--navSubColor);
}
.home #header .pageBanner.noBanner + .headerMain .mainMenu a:after {
  background: var(--navColor);
}
@media all and (max-width: 780px) {
  #header .pageBanner.noBanner + .headerMain .mainMenu a {
    color: var(--fontColor);
  }
}
#header .mainMenu a {
  color: var(--navSubColor);
  -webkit-transition: color ease-in-out 300ms;
  transition: color ease-in-out 300ms;
  position: relative;
  display: block;
}
.home #header .mainMenu a {
  color: var(--navColor);
}
@media all and (max-width: 780px) {
  .home #header .mainMenu a {
    color: var(--fontColor);
  }
}
@media all and (max-width: 780px) {
  #header .mainMenu a {
    color: var(--fontColor);
  }
}
#header .mainMenu a:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 0;
  height: 2px;
  background: var(--navSubColor);
  -webkit-transition: width ease-in-out 300ms;
  transition: width ease-in-out 300ms;
}
.home #header .mainMenu a:after {
  background: var(--navColor);
}
@media all and (max-width: 780px) {
  #header .mainMenu a:after {
    display: none;
  }
}
#header .mainMenu a:hover {
  color: var(--navSubColor);
}
.home #header .mainMenu a:hover {
  color: var(--navColor);
}
@media all and (max-width: 780px) {
  .home #header .mainMenu a:hover {
    color: var(--fontColor);
  }
}
@media all and (max-width: 780px) {
  #header .mainMenu a:hover {
    color: var(--fontColor);
  }
}
#header .mainMenu a:hover:after {
  width: 40px;
}
.miniBasket {
  background: var(--topbarBasketColor);
}
.miniBasket a {
  color: var(--topbarBasketColorReverse);
}
.miniBasket.storeIsLOCAL {
  background: #f03547;
}
.miniBasket.storeIsLOCAL a {
  color: #53060e;
}
/* ------------------------------ */
/* Footer Styles */
/* ------------------------------ */
.footer {
  padding-top: 60px;
}
.footerCol.logoCol {
  text-align: right;
}
@media all and (max-width: 780px) {
  .footerCol.logoCol {
    text-align: center;
    padding: 20px 0 0;
  }
}
.footerCol.logoCol img {
  max-width: 200px;
}
.footerCol h3 {
  color: var(--mainColor);
}
.spar .footerCol h3 {
  color: #FF4141;
}
.premier .footerCol h3 {
  color: #4C0743;
}
/* ------------------------------ */
/* Introduction block */
/* ------------------------------ */
.introductionBlockWrapper {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  padding: 150px 0;
}
.introductionBlockWrapper:before,
.introductionBlockWrapper:after {
  content: "";
  display: table;
}
.introductionBlockWrapper:after {
  clear: both;
}
.introductionBlockWrapper:before,
.introductionBlockWrapper:after {
  content: "";
  display: table;
}
.introductionBlockWrapper:after {
  clear: both;
}
.spar .introductionBlockWrapper,
.premier .introductionBlockWrapper {
  max-width: 1160px;
}
.introductionBlockWrapper:before,
.introductionBlockWrapper:after {
  content: "";
  display: table;
}
.introductionBlockWrapper:after {
  clear: both;
}
.introductionBlockWrapper:before,
.introductionBlockWrapper:after {
  content: "";
  display: table;
}
.introductionBlockWrapper:after {
  clear: both;
}
.spar .introductionBlockWrapper,
.premier .introductionBlockWrapper {
  max-width: 1160px;
}
.introductionBlockWrapper:before,
.introductionBlockWrapper:after {
  content: "";
  display: table;
}
.introductionBlockWrapper:after {
  clear: both;
}
.introductionBlockWrapper:before,
.introductionBlockWrapper:after {
  content: "";
  display: table;
}
.introductionBlockWrapper:after {
  clear: both;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .introductionBlockWrapper {
    padding: 120px 20px;
    overflow: hidden;
  }
}
@media all and (max-width: 780px) {
  .introductionBlockWrapper {
    padding: 50px 20px;
  }
}
.introductionBlockWrapper h3 {
  margin-bottom: 20px;
  font-size: 40px;
  font-size: 2.857142857142857rem;
}
.introductionBlockWrapper h3 span {
  color: var(--mainColorAlt);
}
.introductionBlockWrapper h4 {
  margin: 0;
  font-size: 10px;
  font-size: 0.7142857142857143rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 160%;
}
.introductionBlockWrapper .imageWrap {
  position: relative;
  float: left;
  width: 50%;
  z-index: 2;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .introductionBlockWrapper .imageWrap {
    min-height: 0;
    margin-right: 1%;
    width: 49%;
  }
}
@media all and (max-width: 780px) {
  .introductionBlockWrapper .imageWrap {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
  }
}
.introductionBlockWrapper .imageWrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media all and (max-width: 780px) {
  .introductionBlockWrapper .imageWrap img {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}
.introductionBlockWrapper .imageWrap:before,
.introductionBlockWrapper .imageWrap:after {
  content: '';
  position: absolute;
  z-index: 2;
}
@media all and (max-width: 780px) {
  .introductionBlockWrapper .imageWrap:before,
  .introductionBlockWrapper .imageWrap:after {
    display: none;
  }
}
.introductionBlockWrapper .imageWrap:before {
  right: -130px;
  top: -85px;
  right: -150px;
  width: 0;
  height: 0;
  border-bottom: 250px solid transparent;
  border-left: 250px solid var(--mainColorFade80Alt);
}
.introductionBlockWrapper .imageWrap:after {
  content: '';
  position: absolute;
  bottom: -50px;
  left: -50px;
  width: 0;
  height: 0;
  border-left: 200px solid var(--mainColorFade30Alt);
  border-top: 200px solid transparent;
  border-bottom: 200px solid transparent;
  z-index: 5;
}
.introductionBlockWrapper .content {
  float: right;
  padding: 166px 55px;
  min-height: 609px;
  width: 50%;
  position: relative;
  background-image: url(../images/layout/background-pattern.png);
  overflow: hidden;
  z-index: 1;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .introductionBlockWrapper .content {
    min-height: 0;
    margin-left: 1%;
    width: 49%;
    padding: 90px 20px;
  }
}
@media all and (max-width: 780px) {
  .introductionBlockWrapper .content {
    width: 100%;
    padding: 30px 20px;
    min-height: 0;
  }
}
.introductionBlockWrapper .content:before,
.introductionBlockWrapper .content:after {
  content: '';
  position: absolute;
  z-index: -1;
}
@media all and (max-width: 780px), all and (min-width : 781px) and (max-width : 1320px) {
  .introductionBlockWrapper .content:before,
  .introductionBlockWrapper .content:after {
    display: none;
  }
}
.introductionBlockWrapper .content:before {
  top: 0;
  left: -150px;
  width: 0;
  height: 0;
  border-left: 150px solid transparent;
  border-right: 150px solid transparent;
  border-top: 150px solid var(--site_background);
}
.introductionBlockWrapper .content:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: -200px;
  width: 0;
  height: 0;
  border-left: 200px solid transparent;
  border-right: 200px solid transparent;
  border-bottom: 200px solid var(--site_background);
  z-index: 5;
}
/* ------------------------------ */
/* Homepage blocks */
/* ------------------------------ */
.blockWrapper {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  background: #F1F1F1;
}
.blockWrapper:before,
.blockWrapper:after {
  content: "";
  display: table;
}
.blockWrapper:after {
  clear: both;
}
.blockWrapper:before,
.blockWrapper:after {
  content: "";
  display: table;
}
.blockWrapper:after {
  clear: both;
}
.spar .blockWrapper,
.premier .blockWrapper {
  max-width: 1160px;
}
.blockWrapper:before,
.blockWrapper:after {
  content: "";
  display: table;
}
.blockWrapper:after {
  clear: both;
}
.blockWrapper:before,
.blockWrapper:after {
  content: "";
  display: table;
}
.blockWrapper:after {
  clear: both;
}
.spar .blockWrapper,
.premier .blockWrapper {
  max-width: 1160px;
}
.blockWrapper:before,
.blockWrapper:after {
  content: "";
  display: table;
}
.blockWrapper:after {
  clear: both;
}
.blockWrapper:before,
.blockWrapper:after {
  content: "";
  display: table;
}
.blockWrapper:after {
  clear: both;
}
@media all and (max-width: 780px), all and (min-width : 781px) and (max-width : 1320px) {
  .blockWrapper {
    width: 100%;
  }
}
.spar .blockWrapper,
.premier .blockWrapper {
  background: none;
  padding: 0 20px;
  max-width: 1200px;
}
.spar .blockWrapper h2,
.premier .blockWrapper h2 {
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  color: #FF4141;
  text-align: center;
  margin-bottom: 50px;
}
@media all and (max-width: 780px) {
  .spar .blockWrapper h2,
  .premier .blockWrapper h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
  }
}
.premier .blockWrapper h2 {
  color: #4C0743;
}
.noZoomImage .block.full_width_block {
  height: auto;
}
@media all and (max-width: 780px) {
  .noZoomImage .block.full_width_block {
    min-height: 0;
  }
}
.block {
  width: 100%;
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
.block:before,
.block:after {
  content: "";
  display: table;
}
.block:after {
  clear: both;
}
.block:before,
.block:after {
  content: "";
  display: table;
}
.block:after {
  clear: both;
}
.spar .block,
.premier .block {
  background: #F2E9D2;
  color: #404040;
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
}
.spar .block:last-child,
.premier .block:last-child {
  margin-bottom: 0;
}
.spar .block.right,
.premier .block.right {
  background: #0B7791;
  color: #FFF;
}
.premier .block {
  background: #4C0743;
  color: #FFF;
}
.premier .block.right {
  background: #FFDD32;
  color: #4C0743;
}
.block:before,
.block:after {
  display: none;
}
.block.full_width_block {
  height: 450px;
  position: relative;
}
@media all and (max-width: 780px) {
  .block.full_width_block {
    height: auto;
    min-height: 400px;
  }
}
.block.overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 3;
  display: block;
}
.block .content {
  width: 50%;
  line-height: 450px;
}
@media all and (max-width: 780px) {
  .block .content {
    width: 100%;
    padding: 30px 20px;
    line-height: inherit;
  }
  .spar .block .content,
  .premier .block .content {
    padding: 0;
  }
}
.spar .block .content,
.premier .block .content {
  line-height: inherit;
}
.block .content.withVideo .innerContent {
  width: 100%;
}
.block .content .innerContent {
  line-height: normal;
  display: inline-block;
  vertical-align: middle;
  padding: 40px 50px;
}
@media all and (max-width: 780px) {
  .block .content .innerContent {
    padding: 0;
  }
}
.spar .block .content .innerContent,
.premier .block .content .innerContent {
  padding: 20px 70px;
}
@media (max-width: 1200px) {
  .spar .block .content .innerContent,
  .premier .block .content .innerContent {
    padding: 20px 40px;
  }
}
@media all and (max-width: 780px) {
  .spar .block .content .innerContent,
  .premier .block .content .innerContent {
    padding: 20px;
  }
}
.left.block .content {
  float: left;
}
.right.block .content {
  float: right;
}
.full_width_block.block .content {
  position: absolute;
  z-index: 10;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 4;
}
.right.full_width_block.block .content {
  right: 0;
}
.left.full_width_block.block .content {
  left: 0;
}
.center.full_width_block.block .content {
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  text-align: center;
}
.overlay.full_width_block.block .content > .innerContent * {
  color: #FFF;
}
.overlay.full_width_block.block .content > .innerContent * span {
  color: var(--mainColorAlt);
}
.block .imageWrap {
  width: 50%;
  position: absolute;
  overflow: hidden;
  height: 100%;
}
@media all and (max-width: 780px) {
  .block .imageWrap {
    width: 100%;
    position: static;
  }
}
.block .imageWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  min-height: 100%;
  min-width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
  max-width: initial;
}
@media all and (max-width: 780px) {
  .block .imageWrap img {
    position: static;
    -webkit-transform: none;
            transform: none;
    max-height: 100%;
    max-width: 100%;
  }
}
.left.block .imageWrap {
  right: 0;
}
.right.block .imageWrap {
  left: 0;
}
.full_width_block.block .imageWrap {
  left: 0;
  right: 0;
  width: 100%;
}
@media all and (max-width: 780px) {
  .full_width_block.block .imageWrap {
    position: absolute;
  }
  .full_width_block.block .imageWrap img {
    position: absolute;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
  }
}
.block h3 {
  margin-bottom: 20px;
}
.spar .block h3,
.premier .block h3 {
  font-size: 40px;
  line-height: 54px;
  color: inherit;
  margin-bottom: 14px;
}
@media (max-width: 780px) {
  .spar .block h3,
  .premier .block h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.block h3 span {
  color: var(--mainColor);
}
.spar .block h3 span,
.premier .block h3 span {
  color: inherit;
}
.block h4 {
  margin: 0;
  font-size: 10px;
  font-size: 0.7142857142857143rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 160%;
}
.spar .block p,
.premier .block p {
  font-size: 18px;
  line-height: 24px;
  color: inherit;
  margin-bottom: 24px;
}
@media (max-width: 780px) {
  .spar .block p,
  .premier .block p {
    font-size: 16px;
    line-height: 22px;
  }
}
.premier .block.left .button {
  background: #FFF;
  color: #4C0743;
}
.premier .block.left .button:hover {
  background: #7b0b6c;
  color: #FFF;
}
.spar .block .button,
.premier .block .button {
  font-size: 20px;
  line-height: 34px;
  padding: 13px 25px 12px;
  border-radius: 10px;
  margin-top: 14px;
  text-transform: none;
  letter-spacing: 0;
  background: #ff4141;
  color: #FFF;
}
@media all and (max-width: 780px) {
  .spar .block .button,
  .premier .block .button {
    font-size: 18px;
    line-height: 26px;
  }
}
.spar .block .button:hover,
.premier .block .button:hover {
  background: #2a2926;
}
.premier .block .button {
  background: #4C0743;
}
.premier .block .button:hover {
  background: #7b0b6c;
}
/* ------------------------------ */
/* Homepage call to actions */
/* ------------------------------ */
.callToActionWrap {
  padding: 80px 40px;
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.callToActionWrap:before,
.callToActionWrap:after {
  content: "";
  display: table;
}
.callToActionWrap:after {
  clear: both;
}
.callToActionWrap:before,
.callToActionWrap:after {
  content: "";
  display: table;
}
.callToActionWrap:after {
  clear: both;
}
.spar .callToActionWrap,
.premier .callToActionWrap {
  max-width: 1160px;
}
.callToActionWrap:before,
.callToActionWrap:after {
  content: "";
  display: table;
}
.callToActionWrap:after {
  clear: both;
}
.callToActionWrap:before,
.callToActionWrap:after {
  content: "";
  display: table;
}
.callToActionWrap:after {
  clear: both;
}
.spar .callToActionWrap,
.premier .callToActionWrap {
  max-width: 1160px;
}
.callToActionWrap:before,
.callToActionWrap:after {
  content: "";
  display: table;
}
.callToActionWrap:after {
  clear: both;
}
.callToActionWrap:before,
.callToActionWrap:after {
  content: "";
  display: table;
}
.callToActionWrap:after {
  clear: both;
}
.callToActionWrap .prev,
.callToActionWrap .next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #000;
  font-size: 22px;
  font-size: 1.5714285714285714rem;
  background: #F1F1F1;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.callToActionWrap .prev {
  left: 20px;
  padding-right: 2px;
}
@media all and (max-width: 780px) {
  .callToActionWrap .prev {
    left: 10px;
  }
}
.callToActionWrap .next {
  right: 20px;
  padding-left: 2px;
}
@media all and (max-width: 780px) {
  .callToActionWrap .next {
    right: 10px;
  }
}
.callToActionWrap .slick-dots {
  margin: 30px auto 0;
  text-align: center;
}
.callToActionWrap .slick-dots li {
  display: inline-block;
  margin: 0 2px;
}
.callToActionWrap .slick-dots button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 50%;
  background: #EEE;
  width: 14px;
  height: 14px;
  -webkit-appearance: none;
}
.callToActionWrap .slick-dots .slick-active button {
  background: var(--mainColorAlt);
}
.spar .callToActionWrap .slick-dots .slick-active button {
  background: #6FB743;
}
.premier .callToActionWrap .slick-dots .slick-active button {
  background: #4C0743;
}
@media all and (max-width: 780px) {
  .callToActionWrap {
    padding: 20px;
  }
}
.callToActionWrap .cta {
  width: 25%;
  float: left;
  padding: 20px;
  text-align: center;
  position: relative;
}
.count_1.callToActionWrap .cta {
  width: 100%;
}
.count_2.callToActionWrap .cta {
  width: 50%;
}
.count_3.callToActionWrap .cta {
  width: 33.33%;
}
.callToActionWrap .cta:after {
  content: '';
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  height: 150px;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.spar .callToActionWrap .cta:after,
.premier .callToActionWrap .cta:after {
  display: none;
}
.callToActionWrap .cta:last-child:after {
  display: none;
}
@media all and (max-width: 1300px) {
  .callToActionWrap .cta:after {
    display: none;
  }
}
@media all and (max-width: 780px) {
  .callToActionWrap .cta {
    width: 100%;
    padding: 30px;
  }
  .callToActionWrap .cta:after {
    top: 100%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    right: 50%;
    height: auto;
    width: 150px;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
  }
}
.callToActionWrap .cta:hover .foodSvg svg,
.callToActionWrap .cta:hover .foodSvg img {
  -webkit-transform: translateY(-10px) rotate(5deg);
          transform: translateY(-10px) rotate(5deg);
}
.spar .callToActionWrap .cta:hover .foodSvg svg,
.spar .callToActionWrap .cta:hover .foodSvg img,
.premier .callToActionWrap .cta:hover .foodSvg svg,
.premier .callToActionWrap .cta:hover .foodSvg img {
  -webkit-transform: none;
          transform: none;
}
.callToActionWrap .cta:hover .foodSvg .shadow {
  width: 45px;
  background: radial-gradient(ellipse 75% 50%, var(--mainColorFade40Alt), var(--site_background));
}
.spar .callToActionWrap .cta:hover .foodSvg .shadow {
  background: radial-gradient(ellipse 75% 50%, rgba(255, 65, 65, 0.4), var(--site_background));
}
.premier .callToActionWrap .cta:hover .foodSvg .shadow {
  background: radial-gradient(ellipse 75% 50%, rgba(76, 7, 67, 0.4), var(--site_background));
}
.callToActionWrap h3 {
  margin-bottom: 20px;
}
.spar .callToActionWrap h3,
.premier .callToActionWrap h3 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 22px;
}
.callToActionWrap h3 span {
  color: var(--mainColorAlt);
}
.spar .callToActionWrap h3 span {
  color: #FF4141;
}
.premier .callToActionWrap h3 span {
  color: #4C0743;
}
.callToActionWrap .textWrap {
  margin-bottom: 15px;
}
.callToActionWrap .textWrap:last-child {
  margin-bottom: 0;
}
.callToActionWrap p {
  margin-bottom: 15px;
}
.spar .callToActionWrap p,
.premier .callToActionWrap p {
  font-size: 16px;
  line-height: 22px;
  color: #404040;
}
.callToActionWrap h5 {
  font-size: 15px;
  font-size: 1.0714285714285714rem;
  line-height: 1.5;
  color: #666;
}
.callToActionWrap h5:last-child {
  margin-bottom: 0;
}
.callToActionWrap .foodSvg {
  max-width: 100px;
  position: relative;
  margin: 0 auto 40px;
}
.callToActionWrap .foodSvg.foodSvgCenter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.spar .callToActionWrap .foodSvg.foodSvgCenter,
.premier .callToActionWrap .foodSvg.foodSvgCenter {
  height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.callToActionWrap .foodSvg.foodSvgCenter svg {
  height: 100px;
}
.callToActionWrap .foodSvg svg,
.callToActionWrap .foodSvg img {
  position: relative;
  z-index: 10;
  -webkit-transition: 400ms -webkit-transform cubic-bezier(0.12, 0.845, 0.305, 1);
  transition: 400ms -webkit-transform cubic-bezier(0.12, 0.845, 0.305, 1);
  transition: 400ms transform cubic-bezier(0.12, 0.845, 0.305, 1);
  transition: 400ms transform cubic-bezier(0.12, 0.845, 0.305, 1), 400ms -webkit-transform cubic-bezier(0.12, 0.845, 0.305, 1);
}
.callToActionWrap .foodSvg .shadow {
  position: absolute;
  bottom: 2px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
  height: 5px;
  border-radius: 50px;
  width: 55px;
  background: radial-gradient(ellipse 75% 50%, var(--mainColorFade50Alt), var(--site_background));
  z-index: 5;
  -webkit-transition: 400ms all cubic-bezier(0.12, 0.845, 0.305, 1);
  transition: 400ms all cubic-bezier(0.12, 0.845, 0.305, 1);
}
.spar .callToActionWrap .foodSvg .shadow {
  background: radial-gradient(ellipse 75% 50%, rgba(255, 65, 65, 0.5), var(--site_background));
}
.premier .callToActionWrap .foodSvg .shadow {
  background: radial-gradient(ellipse 75% 50%, rgba(76, 7, 67, 0.5), var(--site_background));
}
.imageBlock {
  width: 100%;
  height: 450px;
  position: relative;
  overflow: hidden;
}
.imageBlock .slant {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 100%;
  z-index: 5002;
}
.imageBlock .slant svg {
  width: 100%;
  left: 0;
  top: -1px;
  height: 60px;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.imageBlock .content {
  max-width: 550px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 5;
  text-align: center;
  width: 100%;
}
@media all and (max-width: 780px) {
  .imageBlock .content {
    padding: 0 20px;
  }
}
.imageBlock .content.wide {
  max-width: 800px;
}
.imageBlock a {
  color: var(--mainColor);
}
.imageBlock h2 {
  font-weight: 900;
  font-size: 30px;
  font-size: 2.142857142857143rem;
  color: #FFF;
}
.imageBlock h2 span {
  color: var(--mainColor);
}
.imageBlock h4 {
  margin: 0;
  font-size: 10px;
  font-size: 0.7142857142857143rem;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-weight: 700;
  line-height: 160%;
  color: #FFF;
}
.imageBlock p {
  color: #FFF;
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  margin: 0;
}
.imageBlock p strong {
  color: var(--mainColor);
}
.imageBlock.overlay:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 3;
  display: block;
}
.imageBlock.parallax {
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
}
@media (max-width: 800px) {
  .imageBlock .contentHalf {
    width: 100%;
  }
  .imageBlock .contentHalf + .contentHalf {
    margin-top: 20px;
  }
}
.orderNowSection {
  padding: 60px 20px;
  background: #FFF;
  text-align: center;
  background: var(--mainColor);
}
.spar .orderNowSection {
  padding: 28px 20px;
  background: #FF4141;
}
.premier .orderNowSection {
  padding: 28px 20px;
  background: #4C0743;
}
.orderNowSection h3 {
  color: var(--mainColorReverse);
}
.spar .orderNowSection h3,
.premier .orderNowSection h3 {
  color: #FFF;
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  margin-bottom: 8px;
}
@media all and (max-width: 780px) {
  .spar .orderNowSection h3,
  .premier .orderNowSection h3 {
    font-size: 30px;
    line-height: 38px;
  }
}
.orderNowSection p {
  color: var(--mainColorReverse);
}
.spar .orderNowSection p,
.premier .orderNowSection p {
  color: #FFF;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 29px;
}
@media all and (max-width: 780px) {
  .spar .orderNowSection p,
  .premier .orderNowSection p {
    font-size: 16px;
    line-height: 24px;
  }
}
.orderNowSection .button {
  line-height: 50px;
  padding: 0 1em;
  color: #FFF;
  width: 180px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: background ease-in-out 300ms;
  transition: background ease-in-out 300ms;
  white-space: nowrap;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.spar .orderNowSection .button,
.premier .orderNowSection .button {
  font-size: 25px;
  line-height: 34px;
  padding: 13px 45px 12px;
  border-radius: 10px;
  background: #6FB743;
  text-transform: none;
  letter-spacing: 0;
  width: auto;
}
@media all and (max-width: 780px) {
  .spar .orderNowSection .button,
  .premier .orderNowSection .button {
    font-size: 18px;
    line-height: 26px;
  }
}
.spar .orderNowSection .button:hover {
  background: #589235;
  color: #FFF;
}
.premier .orderNowSection .button {
  background: #FFF;
  color: #4C0743;
}
.premier .orderNowSection .button:hover {
  background: #e6e6e6;
  color: #4C0743;
}
.postcodeChecker {
  padding: 60px 20px;
  background: #FFF;
  text-align: center;
  position: relative;
  overflow: hidden;
  *zoom: 1;
}
.postcodeChecker:before,
.postcodeChecker:after {
  content: "";
  display: table;
}
.postcodeChecker:after {
  clear: both;
}
.postcodeChecker:before,
.postcodeChecker:after {
  content: "";
  display: table;
}
.postcodeChecker:after {
  clear: both;
}
.postcodeChecker:after,
.postcodeChecker:before {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 20px;
  width: 0;
  height: 0;
  border-left: 300px solid transparent;
  border-right: 300px solid transparent;
  border-bottom: 300px solid var(--mainColorDarken10Alt);
  z-index: 5;
}
.postcodeChecker:before {
  right: auto;
  left: 50px;
  bottom: 0;
  top: -10px;
  border-left: 200px solid transparent;
  border-right: 200px solid transparent;
  border-top: 200px solid var(--mainColorDarken15Alt);
  border-bottom: 0;
}
.postcodeChecker form,
.postcodeChecker .postcodeFormWrap {
  position: relative;
  z-index: 10;
}
.postcodeChecker h3 {
  margin: 0 0 5px;
  font-size: 30px;
  font-size: 2.142857142857143rem;
}
@media all and (max-width: 780px) {
  .postcodeChecker h3 {
    font-size: 20px;
    font-size: 1.4285714285714286rem;
  }
}
.postcodeChecker p {
  margin: 0 0 20px;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
@media all and (max-width: 780px) {
  .postcodeChecker p {
    font-size: 15px;
    font-size: 1.0714285714285714rem;
  }
}
.postcodeChecker .row {
  margin: 0 auto;
  max-width: 500px;
  float: none;
}
.postcodeChecker .row .inputWrap {
  position: relative;
  clear: both;
  *zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.postcodeChecker .row .inputWrap:before,
.postcodeChecker .row .inputWrap:after {
  content: "";
  display: table;
}
.postcodeChecker .row .inputWrap:after {
  clear: both;
}
.postcodeChecker .row .inputWrap:before,
.postcodeChecker .row .inputWrap:after {
  content: "";
  display: table;
}
.postcodeChecker .row .inputWrap:after {
  clear: both;
}
.postcodeChecker .row .inputWrap input {
  border: 0;
  display: inline-block;
  width: calc(100% - 180px);
  border-radius: 0;
  line-height: 50px;
  padding: 0 1em;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media all and (max-width: 780px) {
  .postcodeChecker .row .inputWrap input {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
.postcodeChecker .row .inputWrap button {
  float: right;
  line-height: 50px;
  padding: 0 1em;
  background: var(--mainColorDarken30Alt);
  color: #FFF;
  width: 180px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: background ease-in-out 300ms;
  transition: background ease-in-out 300ms;
  white-space: nowrap;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.postcodeChecker.postcodeFooter,
.postcodeChecker.postcodeCta {
  background: var(--mainColorAlt);
}
.postcodeChecker.postcodeFooter h3,
.postcodeChecker.postcodeCta h3 {
  color: var(--mainColorReverseAlt);
}
.postcodeChecker.postcodeFooter p,
.postcodeChecker.postcodeCta p {
  color: var(--mainColorReverseAlt);
}
.postcodeChecker.postcodeSlider {
  padding: 40px 80px;
  background: #FFF;
  border-radius: 10px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: 600px;
  z-index: 10;
  white-space: normal;
}
@media all and (max-width: 780px), all and (min-width : 781px) and (max-width : 1320px) {
  .postcodeChecker.postcodeSlider {
    margin-top: 40px;
    width: 94%;
    padding: 40px 20px;
    -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.16);
  }
}
.postcodeChecker.postcodeSlider .row .inputWrap input {
  border: 1px solid #EEE;
  border-right: 0;
}
@media all and (max-width: 780px) {
  .postcodeChecker.postcodeSlider .row .inputWrap input {
    line-height: 48px;
  }
}
.postcodeChecker.postcodeSlider .row .inputWrap button {
  background: var(--mainColorAlt);
}
.postcodeChecker.postcodeSlider h3 {
  color: var(--mainColorAlt);
}
.postcodeChecker.postcodeSlider p {
  text-shadow: none;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
@media all and (max-width: 780px) {
  .postcodeChecker.postcodeSlider p {
    font-size: 15px;
    font-size: 1.0714285714285714rem;
  }
}
.contentImage {
  float: left;
  width: auto;
  max-width: 40%;
  margin: 0 2em 2em 0;
}
@media all and (max-width: 780px) {
  .contentImage {
    max-width: 100%;
    margin: 0 auto 2em;
    float: none;
    display: block;
  }
}
.homeAddressWrap {
  padding: 25px 0;
  text-align: center;
}
.headerInStock {
  float: left;
}
@media (max-width: 800px) {
  .headerInStock {
    display: none;
  }
}
.headerInStock li {
  float: left;
  margin: 0 10px;
  padding: 7px 0;
}
@media (max-width: 1100px) {
  .headerInStock li:last-child {
    display: none;
  }
}
.headerInStock li a,
.headerInStock li span {
  font-size: 18px;
  line-height: 32px;
  color: #fff;
  text-transform: uppercase;
}
@media (max-width: 1270px) {
  .headerInStock li a,
  .headerInStock li span {
    font-size: 14px;
  }
}
.headerInStock li .inactive {
  opacity: 0.5;
}
.siteOuterWrapper.full_width .awardsWrap .wrapper {
  max-width: 1500px;
}
.awardsWrap {
  padding: 52px 0;
}
.awardsWrap h3 {
  font-weight: 20px;
  line-height: 24px;
  letter-spacing: -0.6px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 46px;
}
.awardsWrap .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.awardsWrap .slick-slide {
  height: inherit;
}
.awardsWrap ul {
  position: relative;
  width: calc(100% + 20px);
  margin: 0 -10px;
}
.awardsWrap ul .slick-prev,
.awardsWrap ul .slick-next {
  position: absolute;
  left: -30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 42.5px;
  color: #000;
  width: 30px;
  text-align: center;
}
.awardsWrap ul .slick-next {
  left: auto;
  right: -30px;
}
.awardsWrap li {
  float: left;
  margin: 0 10px;
  text-align: center;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.awardsWrap li img {
  margin: 0 auto;
}
.siteOuterWrapper .menusPage .wrapper {
  max-width: 1200px;
}
.menusPage h1 {
  text-align: center;
  margin: 20px 0;
}
.menusPage .pageContent {
  text-align: center;
}
.menusWrapper {
  margin: 40px 0;
}
.menuBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 40px;
}
.menuBlock:last-child {
  margin-bottom: 0;
}
.menuBlock.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.menuBlock.reverse.withImage .textWrap {
  padding-right: 0;
  padding-left: 80px;
}
@media (max-width: 1100px) {
  .menuBlock.reverse.withImage .textWrap {
    padding-left: 50px;
  }
}
@media (max-width: 800px) {
  .menuBlock.reverse.withImage .textWrap {
    padding-right: 0;
    padding-left: 0;
  }
}
.menuBlock.reverse .imageWrap {
  padding-left: 0;
  padding-right: 10px;
}
@media (max-width: 800px) {
  .menuBlock.reverse .imageWrap {
    padding-right: 0;
  }
}
.menuBlock.withImage .textWrap {
  width: 50%;
  padding-right: 80px;
  padding-left: 0;
}
@media (max-width: 1100px) {
  .menuBlock.withImage .textWrap {
    padding-right: 50px;
  }
}
@media (max-width: 800px) {
  .menuBlock.withImage .textWrap {
    width: 100%;
    padding-right: 0;
    padding-left: 0;
  }
}
.menuBlock .textWrap {
  width: 100%;
  padding: 20px 0;
}
@media (max-width: 800px) {
  .menuBlock .textWrap {
    padding: 0;
    margin: 0 0 30px;
  }
}
.menuBlock .textWrap .button {
  padding-left: 30px;
  padding-right: 30px;
}
.menuBlock .imageWrap {
  width: 50%;
  padding-left: 10px;
}
@media (max-width: 800px) {
  .menuBlock .imageWrap {
    width: 100%;
    padding-left: 0;
  }
}
.block .socialFeed ul {
  float: right;
  width: 100%;
  max-width: 647px;
  padding: 41px 41px 41px 20px;
}
@media all and (max-width: 780px) {
  .block .socialFeed ul {
    padding: 0;
    max-width: 100%;
  }
}
.block .socialFeed li {
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 22px;
}
.block .socialFeed li:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  max-width: 523px;
  border-bottom: 1px solid rgba(151, 151, 151, 0.3);
}
.block .socialFeed li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.block .socialFeed li:last-child:after {
  border-bottom: 0;
}
.block .socialFeed .socialHandle {
  display: block;
  font-size: 17.28px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 20px;
  color: #fff;
}
.block .socialFeed .socialHandle img {
  float: left;
  margin-right: 15px;
  border-radius: 18.5px;
  width: 37px;
  height: 37px;
  margin-top: -5px;
}
.block .socialFeed .socialContent.withImage {
  *zoom: 1;
}
.block .socialFeed .socialContent.withImage:before,
.block .socialFeed .socialContent.withImage:after {
  content: "";
  display: table;
}
.block .socialFeed .socialContent.withImage:after {
  clear: both;
}
.block .socialFeed .socialContent.withImage:before,
.block .socialFeed .socialContent.withImage:after {
  content: "";
  display: table;
}
.block .socialFeed .socialContent.withImage:after {
  clear: both;
}
.block .socialFeed .socialContent.withImage img {
  float: left;
  max-width: 120px;
  margin-right: 20px;
}
.block .socialFeed .socialContent.withImage .socialText {
  float: left;
  width: calc(100% - 140px);
  padding: 10px 0;
}
.block .socialFeed .socialContent a {
  color: #fff;
  text-decoration: underline;
}
.block .socialFeed .socialContent p {
  font-size: 15.3px;
  line-height: 18px;
  margin-bottom: 18px;
}
.block .socialFeed .socialContent p:last-child {
  margin-bottom: 0;
}
.overlayAjax .contentBlock {
  padding: 40px 30px;
}
.ourLocations {
  float: left;
  width: 100%;
  margin: 30px 0 0;
}
.locationPage {
  padding: 40px 0 60px;
}
.locationPage #map {
  height: 340px;
}
.locationPage .buttonGroup {
  margin: 0 -5px 20px;
}
.locationPage .buttonGroup .button {
  margin: 0 5px 10px;
  padding: 10px 20px;
  font-weight: normal;
  font-size: 16px;
  text-transform: none;
}
.locationPage .buttonGroup .facebook {
  background: #3C5A99;
}
.locationPage .buttonGroup .twitter {
  background: #1DA1F2;
}
.locationPage .buttonGroup .instagram {
  background: #E1306C;
}
.contentHalf {
  float: left;
  width: calc(50% - 20px);
}
@media (max-width: 800px) {
  .contentHalf {
    width: 100%;
  }
  .contentHalf + .contentHalf {
    margin-top: 30px;
  }
}
.contentHalf:nth-child(odd) {
  float: right;
}
.bookingPage .bookingLocations {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 40px -10px 20px;
}
.bookingPage .bookingLocation {
  width: calc(25% - 20px);
  margin: 0 10px 20px;
  padding: 30px 20px;
  text-align: center;
  background: rgba(0, 0, 0, 0.1);
}
@media (max-width: 1100px) {
  .bookingPage .bookingLocation {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 800px) {
  .bookingPage .bookingLocation {
    width: calc(50% - 20px);
  }
}
@media (max-width: 500px) {
  .bookingPage .bookingLocation {
    width: calc(100% - 20px);
    padding: 20px 10px;
  }
}
.bookingPage .bookingLocation h4 {
  font-weight: bold;
  margin: 0 0 20px;
}
.bookingPage .bookingLocation h4:last-child {
  margin-bottom: 0;
}
.bookingPage .bookingLocation .button {
  font-size: 16px;
  padding: 10px 20px;
  text-transform: none;
}
.bookingPage .bookingLocation .button:not(:first-child) {
  margin-top: 10px;
}
@media (max-width: 500px) {
  .bookingPage .bookingLocation .button {
    width: 100%;
  }
}
.bookingPage .bookingLocation .button + .link {
  margin-top: 10px;
}
.bookingPage .bookingLocation .link {
  position: relative;
  display: inline-block;
  padding: 5px 0;
  text-transform: uppercase;
  font-weight: 600;
}
.bookingPage .bookingLocation .link:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  height: 2px;
  background: #666666;
}
.doorOpeningWrap {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000000;
  pointer-events: none;
  display: none;
}
.doorOpeningWrap.active {
  display: block;
}
.doorOpeningWrap.active .button {
  opacity: 1;
}
.doorOpeningWrap.open .doorLeft {
  -webkit-animation: 3s ease-in-out 1 forwards slideLeft;
          animation: 3s ease-in-out 1 forwards slideLeft;
}
.doorOpeningWrap.open .doorRight {
  -webkit-animation: 3s ease-in-out 1 forwards slideRight;
          animation: 3s ease-in-out 1 forwards slideRight;
}
.doorOpeningWrap .doorLeft,
.doorOpeningWrap .doorRight {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  -webkit-transform-origin: left;
          transform-origin: left;
  background: #000;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.doorOpeningWrap .doorLeft img,
.doorOpeningWrap .doorRight img {
  float: right;
  max-height: 100%;
}
.doorOpeningWrap .doorRight {
  left: auto;
  right: 0;
  -webkit-transform-origin: right;
          transform-origin: right;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.doorOpeningWrap .doorRight img {
  float: left;
}
.doorOpeningWrap .button {
  position: fixed;
  left: 0;
  right: 0;
  margin: auto;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  max-width: 200px;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: auto;
}
.doorOpeningWrap .button.hide {
  opacity: 0;
}
@-webkit-keyframes slideLeft {
  from {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
  }
  to {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(110deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(110deg);
  }
}
@keyframes slideLeft {
  from {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
  }
  to {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(110deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(110deg);
  }
}
@-webkit-keyframes slideRight {
  from {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
  }
  to {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-110deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-110deg);
  }
}
@keyframes slideRight {
  from {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(0deg);
  }
  to {
    -webkit-transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-110deg);
            transform: perspective(1200px) translateZ(0px) translateX(0px) translateY(0px) rotateY(-110deg);
  }
}
.voucherForm {
  margin: 0 0 30px;
}
.pageContent ul,
.pageContent ol {
  margin: 0 0 20px;
}
.pageContent ul li,
.pageContent ol li {
  margin-bottom: 10px;
}
.pageContent ul li:last-child,
.pageContent ol li:last-child {
  margin-bottom: 0;
}
.contactDetails .pageContent + h2 {
  margin-top: 30px;
}
.openTable {
  display: none;
}
.descMoreInfo {
  margin: 20px 0 0;
}
.descMoreInfo h4 {
  display: block;
  cursor: pointer;
  margin: 0;
}
.descMoreInfo .descMoreContent {
  display: none;
  padding: 8px 0 0;
}
.pageBanner.withBanner:after {
  background: none;
}
.hasPageBanner .pageBanner {
  background: none;
}
.hasPageBanner + .siteInnerWrapper .pageBanner:after {
  background: none;
}
.meatMonstersHeader + .siteInnerWrapper .pageBannerNav:after {
  background: none;
}
@media (max-width: 640px) {
  .itemPopup #itemform.formInline .row.rowQuantity {
    text-align: center;
  }
}
@media (max-width: 640px) {
  .itemPopup #itemform.formInline .row:not(.checkboxRow) input[type="number"] {
    float: none;
  }
}
.itemPopup #itemform.formInline .itemPopupButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 500px) {
  .itemPopup #itemform.formInline .itemPopupButtons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.itemPopup #itemform.formInline .itemPopupButtons button {
  margin-left: 5px;
  margin-right: 0;
}
@media (max-width: 500px) {
  .itemPopup #itemform.formInline .itemPopupButtons .button,
  .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    width: 100%;
  }
}
.itemPopup #itemform.formInline .itemPopupButtons .button {
  margin-left: 5px;
  margin-right: 0;
}
@media (max-width: 500px) {
  .itemPopup #itemform.formInline .itemPopupButtons .button {
    margin-left: 0;
    margin-bottom: 10px;
  }
}
.itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
  margin-right: 5px;
  margin-left: 0;
}
@media (max-width: 500px) {
  .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
    margin-right: 0;
    margin-bottom: 0;
  }
}
.checkoutSmallScreens {
  display: none;
}
@media only screen and (max-width:1160px) {
  .checkoutSmallScreens {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 16px;
    background: #fefefe;
    z-index: 5000;
    -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
            box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-animation: smoothlyEnter 0.5s 1s forwards;
            animation: smoothlyEnter 0.5s 1s forwards;
  }
}
.checkoutSmallScreens.displayAlways {
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background: #fefefe;
  z-index: 5000;
  -webkit-box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.2);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-animation: smoothlyEnter 0.5s 1s forwards;
          animation: smoothlyEnter 0.5s 1s forwards;
}
.checkoutSmallScreens .button {
  display: block;
  position: relative;
}
.checkoutSmallScreens .button .buttonItems {
  position: absolute;
  left: 10px;
  top: 50%;
  display: block;
  background: #FFF;
  color: var(--buttonColor);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  padding: 4px 6px;
  min-width: 31px;
  font-weight: bold;
}
.checkoutSmallScreens .button .buttonTotal {
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@-webkit-keyframes smoothlyEnter {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes smoothlyEnter {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/**
 * Contact Locations and Search
 */
.locationsWrap {
  margin: 0 0 20px;
}
.locationsWrap .contentWrap {
  margin: 0 0 20px;
}
.locationsWrap .storesWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.locationsWrap .storesWrap:before,
.locationsWrap .storesWrap:after {
  content: "";
  display: table;
}
.locationsWrap .storesWrap:after {
  clear: both;
}
.locationsWrap .storesWrap:before,
.locationsWrap .storesWrap:after {
  content: "";
  display: table;
}
.locationsWrap .storesWrap:after {
  clear: both;
}
.locationsWrap .storesWrap:before,
.locationsWrap .storesWrap:after {
  content: "";
  display: table;
}
.locationsWrap .storesWrap:after {
  clear: both;
}
.locationsWrap .storesWrap:before,
.locationsWrap .storesWrap:after {
  content: "";
  display: table;
}
.locationsWrap .storesWrap:after {
  clear: both;
}
.spar .locationsWrap .storesWrap,
.premier .locationsWrap .storesWrap {
  max-width: 1160px;
}
.locationsWrap .storesWrap:before,
.locationsWrap .storesWrap:after {
  content: "";
  display: table;
}
.locationsWrap .storesWrap:after {
  clear: both;
}
.locationsWrap .storesWrap:before,
.locationsWrap .storesWrap:after {
  content: "";
  display: table;
}
.locationsWrap .storesWrap:after {
  clear: both;
}
.spar .locationsWrap .storesWrap,
.premier .locationsWrap .storesWrap {
  max-width: 1160px;
}
.locationsWrap .storesWrap .pagination .prev a,
.locationsWrap .storesWrap .pagination .next a {
  width: auto;
}
.locationsWrap .stores {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -10px -20px;
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.locationsWrap .stores .store {
  position: relative;
  float: none;
  width: calc(25% - 20px);
  margin: 0 10px 20px;
}
@media (max-width: 960px) {
  .locationsWrap .stores .store {
    width: calc(33.3% - 20px);
  }
}
@media (max-width: 640px) {
  .locationsWrap .stores .store {
    width: calc(50% - 20px);
  }
}
@media (max-width: 420px) {
  .locationsWrap .stores .store {
    width: calc(100% - 20px);
  }
}
.locationsWrap .stores .store .storeLogo {
  margin: 0 0 10px;
}
.locationsWrap .stores .store .storeLogo img {
  max-height: 80px;
}
.locationsWrap .stores .store .details {
  float: none !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  width: 100% !important;
  margin: 0;
}
.locationsWrap .stores .store .details ul {
  margin: 0 0 1em;
}
.locationsWrap .stores .store .details ul li:last-of-type {
  margin-bottom: 0;
}
.locationsWrap .stores .store .details .buttonGroup {
  margin-top: auto;
}
.locationsWrap .stores .store .details .buttonGroup .orderNow {
  width: 100%;
}
.locationsWrap .stores .store .details .openingTimes {
  padding: 25px;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f7f7f7;
  border-top: 3px solid var(--mainColorAlt);
  -webkit-transition: opacity 0.5s, visibility 0.5s;
  transition: opacity 0.5s, visibility 0.5s;
  max-height: calc(100% - 47px);
}
.locationsWrap .stores .store .details .openingTimes.active {
  opacity: 1;
  visibility: visible;
}
.locationsWrap .stores .store .details .openingTimes .overlayCloseButton {
  z-index: 5;
}
.locationsWrap .stores .store .overlayOpeningTimes {
  font-size: 14px;
  font-size: 1rem;
  line-height: 21px;
  color: var(--mainColorAlt);
  font-weight: bold;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  display: block;
  margin: 0 0 1em;
}
.locationsWrap .stores .store .overlayOpeningTimes:hover {
  color: var(--mainColorAlt);
}
.locationsWrap .locationsMap {
  margin: 0 0 20px;
}
.locationSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background: #f7f7f7;
  padding: 20px;
  margin: 0 0 20px;
}
.locationSearch .locationSearchTitle {
  margin-bottom: 0;
}
@media all and (max-width: 780px) {
  .locationSearch .locationSearchTitle {
    width: 100%;
    text-align: center;
    margin: 0 0 10px;
  }
}
.locationSearch .locationSearchForm {
  float: left;
  width: 100%;
  max-width: 400px;
}
@media all and (max-width: 780px) {
  .locationSearch .locationSearchForm {
    max-width: 100%;
  }
}
.locationSearch .locationSearchForm .row {
  margin-bottom: 0;
}
.locationSearch .locationSearchForm .inputWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.locationSearch .locationSearchForm .inputWrap label {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.locationSearch .locationSearchForm .inputWrap .selectWrap {
  background: #fff;
  width: calc(100% - 20px - 150px);
  margin-right: 20px;
}
@media (max-width: 420px) {
  .locationSearch .locationSearchForm .inputWrap .selectWrap {
    width: 100%;
    margin: 0 0 10px;
  }
}
.locationSearch .locationSearchForm .inputWrap button {
  width: 150px;
}
@media (max-width: 420px) {
  .locationSearch .locationSearchForm .inputWrap button {
    width: 100%;
  }
}
.blockIntroWrapper {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 64px 20px;
  margin: 0 -20px;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.blockIntroWrapper:before,
.blockIntroWrapper:after {
  content: "";
  display: table;
}
.blockIntroWrapper:after {
  clear: both;
}
.blockIntroWrapper:before,
.blockIntroWrapper:after {
  content: "";
  display: table;
}
.blockIntroWrapper:after {
  clear: both;
}
.spar .blockIntroWrapper,
.premier .blockIntroWrapper {
  max-width: 1160px;
}
.blockIntroWrapper:before,
.blockIntroWrapper:after {
  content: "";
  display: table;
}
.blockIntroWrapper:after {
  clear: both;
}
.blockIntroWrapper:before,
.blockIntroWrapper:after {
  content: "";
  display: table;
}
.blockIntroWrapper:after {
  clear: both;
}
.spar .blockIntroWrapper,
.premier .blockIntroWrapper {
  max-width: 1160px;
}
@media (max-width: 900px) {
  .blockIntroWrapper {
    padding: 40px 20px;
  }
}
@media all and (max-width: 780px) {
  .blockIntroWrapper {
    padding: 40px 20px;
    margin: 0;
  }
}
@media all and (max-width: 780px) {
  .blockIntroWrapper {
    padding: 30px 20px;
  }
}
.blockIntroWrapper .imageWrap {
  position: relative;
  margin-left: 60px;
  max-width: 498px;
}
@media (max-width: 1100px) {
  .blockIntroWrapper .imageWrap {
    max-width: 300px;
  }
}
@media (max-width: 900px) {
  .blockIntroWrapper .imageWrap {
    display: none;
  }
}
.blockIntroWrapper .textWrap {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px 0;
  padding-left: 90px;
  padding-right: 60px;
}
@media (max-width: 1100px) {
  .blockIntroWrapper .textWrap {
    padding-left: 20px;
  }
}
@media (max-width: 900px) {
  .blockIntroWrapper .textWrap {
    width: 100%;
    -webkit-box-flex: inherit;
        -ms-flex: inherit;
            flex: inherit;
    padding: 0;
  }
}
.blockIntroWrapper h1 {
  font-size: 24px;
  font-size: 1.7142857142857142rem;
  line-height: 32px;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.blockIntroWrapper p {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  line-height: 26px;
}
.blockIntroWrapper .button {
  margin-top: 17px;
}
.fileListContainer #menuFileListLabel {
  margin-top: 10px;
}
.fileListContainer #menuFileList ul {
  margin-left: 15px;
}
.fileListContainer #menuFileList ul li {
  font-weight: bold;
  list-style-type: none;
}
.resdiaryWrap,
.bookATableWrap {
  float: left;
  width: 100%;
  margin: 30px 0 0;
}
.resdiaryWrap #rd-widget-root .row,
.bookATableWrap #rd-widget-root .row,
.resdiaryWrap #rd-mini-widget-root .row,
.bookATableWrap #rd-mini-widget-root .row,
.resdiaryWrap #widget-modal-root .row,
.bookATableWrap #widget-modal-root .row {
  width: auto;
  float: none;
  margin-bottom: 0;
  position: initial;
}
.headerAddress {
  float: right;
  text-align: right;
  padding: 40px 20px;
}
@media only screen and (max-width: 1160px) {
  .headerAddress {
    display: none;
  }
}
.offersDiscountsWrap {
  text-align: center;
}
.offersDiscounts {
  max-width: 1360px;
  margin: 0 auto 20px;
  padding: 0 20px;
}
.spar .offersDiscounts,
.premier .offersDiscounts {
  margin: 0 auto;
  padding: 40px 20px;
}
.full_width .offersDiscounts {
  max-width: 100%;
}
.offersDiscounts .textWrap {
  padding: 0 0 20px;
}
.offersDiscounts .contentTextWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  color: #FFF;
  margin: 0 -10px;
}
.offersDiscounts .contentLeft,
.offersDiscounts .contentRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(50% - 20px);
  padding: 80px 20px;
  margin: 0 10px;
  border-radius: 10px;
}
@media (max-width: 800px) {
  .offersDiscounts .contentLeft,
  .offersDiscounts .contentRight {
    width: 100%;
    padding: 40px 20px;
    margin-bottom: 20px;
  }
  .offersDiscounts .contentLeft:last-child,
  .offersDiscounts .contentRight:last-child {
    margin-bottom: 0;
  }
}
.offersDiscounts .contentLeft p,
.offersDiscounts .contentRight p {
  font-size: 20px;
  color: inherit;
}
.offersDiscounts .contentLeft {
  background: #007791;
}
.offersDiscounts .contentRight {
  background: #f3e9d3;
  color: #444;
}
.offersDiscounts h1,
.offersDiscounts h2,
.offersDiscounts h3,
.offersDiscounts h4,
.offersDiscounts h5,
.offersDiscounts h6,
.offersDiscounts p {
  color: inherit;
}
/* Sweet Alerts */
.sa-confirm-button-container button.confirm {
  background-color: var(--buttonColor) !important;
  color: var(--buttonColorReverse);
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.sa-confirm-button-container button.confirm:hover {
  background-color: var(--buttonColorHover) !important;
}
/* ------------------------------ */
/* normalize.css v3.0.2 | MIT License | git.io/normalize */
/* ------------------------------ */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/**
 * Remove default margin.
 */
body {
  margin: 0;
}
/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}
/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}
/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}
/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}
/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}
/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}
/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}
/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}
/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}
/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}
/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}
/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}
/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}
/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}
/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/* ------------------------------ */
/* End of normalise code */
/* ------------------------------ */
img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}
#map img {
  max-width: none;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.lt-ie7 input {
  vertical-align: text-bottom;
}
.lt-ie8 input[type="checkbox"] {
  vertical-align: baseline;
}
/* ------------------------------ */
/* Base Styles */
/* ------------------------------ */
* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  overflow-y: scroll;
  height: 100%;
}
body {
  font-size: 13px;
  line-height: 1.462;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  height: 100%;
}
/* ------------------------------ */
/* Base Styles */
/* ------------------------------ */
* {
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  overflow-y: scroll;
  height: 100%;
}
body {
  font-size: 13px;
  line-height: 1.462;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  height: 100%;
}
/* ------------------------------ */
/* Text Selection Colours */
/* ------------------------------ */
::-moz-selection {
  background: #0f55c4;
  color: #fff;
  text-shadow: none;
}
::selection {
  background: #0f55c4;
  color: #fff;
  text-shadow: none;
}
/* ------------------------------ */
/* Horizontal Rule */
/* ------------------------------ */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #000;
  color: #333;
  margin: 2em 0;
  padding: 0;
  clear: both;
}
p {
  margin-top: 0;
}
p:last-child {
  margin-bottom: 0;
}
a {
  text-decoration: none;
  color: #000;
  outline: 0;
}
a:hover,
a:active {
  outline: 0;
}
/* ------------------------------ */
/* Form Styles */
/* ------------------------------ */
form fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
form legend {
  display: none;
}
textarea {
  resize: vertical;
}
.lt-ie7 input {
  vertical-align: text-bottom;
}
.lt-ie8 input[type="checkbox"] {
  vertical-align: baseline;
}
input,
textarea,
select,
label {
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  outline: 0;
  margin: 0;
  padding: 0;
}
select {
  width: 100%;
}
.row {
  float: left;
  width: 100%;
  margin: 0 0 15px;
}
.row label {
  float: left;
  padding-bottom: 5px;
}
.row small {
  display: none;
}
.row input[type="text"],
.row input[type="tel"],
.row input[type="email"],
.row input[type="password"],
.row input[type="search"],
.row textarea,
.row select,
.row .placeholder {
  float: left;
  position: relative;
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #999;
}
.formInline .row:not(.checkboxRow) label {
  width: 30%;
  padding-top: 4px;
}
.formInline .row:not(.checkboxRow) .text,
.formInline .row:not(.checkboxRow) textarea,
.formInline .row:not(.checkboxRow) select {
  width: 70%;
}
@media all and (max-width: 780px) {
  .formInline .row:not(.checkboxRow) label {
    width: 100%;
    padding: 0 0 5px 0;
    clear: both;
  }
  .formInline .row:not(.checkboxRow) .text,
  .formInline .row:not(.checkboxRow) textarea,
  .formInline .row:not(.checkboxRow) select {
    width: 100%;
  }
}
.formInline .row .inlineWithButton input {
  width: auto;
}
/* ------------------------------ */
/* Change Box Model */
/* ------------------------------ */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/* ------------------------------ */
/* non-HTML5 placeholder script */
/* ------------------------------ */
.placeholder {
  position: absolute;
  width: auto;
  top: 0;
  left: 0;
  cursor: text;
}
/* ------------------------------ */
/* Hide Anti Spam Field */
/* ------------------------------ */
.contact-answer {
  display: none;
}
/* ------------------------------ */
/* Checkboxes */
/* ------------------------------ */
.checkbox input {
  float: left;
  display: inline;
  margin: 2%;
  padding: 0;
  *height: 13px;
  *width: 13px;
}
/* ------------------------------ */
/* Radio buttons */
/* ------------------------------ */
.radioWrap ul {
  margin: 0;
  padding: 0;
  float: left;
  display: inline;
  width: 70%;
}
.radioWrap ul li {
  list-style-type: none;
}
/* ------------------------------ */
/* Notification Styles */
/* ------------------------------ */
.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  color: #C09853;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
  border-radius: 2px;
}
.alert p {
  margin: 0;
  padding: 0;
}
.success,
.error {
  clear: both;
  padding: 15px;
  border-radius: 2px;
  margin: 0 0 15px 0;
}
.success > *,
.error > * {
  color: inherit;
}
.success ul,
.error ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.success ul li,
.error ul li {
  background: none;
  padding: 0;
  margin: 0;
}
.success {
  background: #DFF0D8;
  color: #468847;
  border: 1px solid #D6E9C6;
}
.error {
  background: #F2DEDE;
  color: #B94A48;
  border: 1px solid #EED3D7;
}
.messageFull {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  padding: 20px;
  background: #DFF0D8;
  color: #468847;
  border: 1px solid #D6E9C6;
  padding: 15px;
  border-radius: 2px;
  margin: 0 0 15px 0;
  z-index: 9000;
}
.errorMessageFull {
  background: #F2DEDE;
  color: #B94A48;
  border: 1px solid #EED3D7;
}
input.inputError,
input textarea,
.inputError {
  border-color: #B94A48;
}
.hideme {
  display: none;
}
/* ------------------------------ */
/* Clearing for general use */
/* ------------------------------ */
.clear {
  clear: both;
}
/* ------------------------------ */
/* Last (deprecated by only applying to below IE9, use media queries instead) */
/* ------------------------------ */
.lt-ie9 .last {
  margin-right: 0 !important;
}
/* ------------------------------ */
/* First (deprecated by only applying to below IE9, use media queries instead) */
/* ------------------------------ */
.lt-ie9 .first {
  clear: both;
}
/* ------------------------------ */
/* Relative Positioning */
/* ------------------------------ */
.relative {
  position: relative;
}
/* ------------------------------ */
/* Images */
/* ------------------------------ */
img {
  max-width: 100%;
}
.left,
.alignleft {
  float: left;
  display: block;
}
.right,
.alignright {
  float: right;
  display: block;
}
/* ------------------------------ */
/* Placeholder styles */
/* ------------------------------ */
::-webkit-input-placeholder {
  color: #999;
}
:-moz-placeholder {
  /* Firefox 18- */
  color: #999;
}
::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #999;
}
:-ms-input-placeholder {
  color: #999;
}
.placeholder {
  color: #999;
}
/* ------------------------------ */
/* Lists */
/* ------------------------------ */
ul {
  margin: 0;
  padding: 0;
}
ul li {
  list-style-type: none;
}
/* ------------------------------ */
/* Basic List */
/* ------------------------------ */
/* ------------------------------ */
/* Navigation Style */
/* ------------------------------ */
/* ------------------------------ */
/* Credit styling */
/* ------------------------------ */
#credits a strong {
  text-transform: lowercase;
}
#credits a:hover strong {
  color: #0f55c4;
}
/* ------------------------------ */
/* Checkbox Groups */
/* ------------------------------ */
.checkboxgroup {
  margin: 0;
  padding: 0;
  display: table;
  clear: both;
}
.checkboxgroup li {
  list-style-type: none;
  display: table-cell;
}
.checkboxgroup li input,
.checkboxgroup li li label {
  float: left;
  display: inline;
}
/* ------------------------------ */
/* Buttons */
/* ------------------------------ */
/* ------------------------------ */
/* Button Groups */
/* ------------------------------ */
.buttongroup {
  float: left;
  display: inline;
  width: 100%;
  clear: both;
}
.buttongroup .button {
  float: left;
  display: block;
  margin-right: 2%;
  border-right: 0;
}
/* ------------------------------ */
/* Tables */
/* ------------------------------ */
table {
  width: 100%;
}
table td,
table th {
  padding: 5px 10px;
  text-align: left;
}
/* ------------------------------ */
/* max-width: none; overrides max-width: 100% from above which distorts the icons on gmaps */
/* ------------------------------ */
#map img {
  max-width: none;
}
/* ------------------------------ */
/* Centre Elements */
/* ------------------------------ */
.centerPush {
  position: relative;
  float: left;
  left: 50%;
}
.centerPull {
  position: relative;
  float: right;
  right: 50%;
}
@media all and (max-width: 780px) {
  .mobilePush {
    position: relative;
    float: left;
    left: 50%;
  }
  .mobilePull {
    position: relative;
    float: right;
    right: 50%;
  }
}
/* ------------------------------ */
/* Overlay Styles */
/* ------------------------------ */
.noScroll {
  overflow: hidden;
}
/* ------------------------------ */
/* Fluid Grid */
/* ------------------------------ */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.columnFirst,
.columnSecond,
.oneHalf,
.columnHalf {
  float: left;
  display: inline;
  margin-bottom: 2%;
  margin-right: 2%;
  border: 0px solid rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-clip: padding-box !important;
  *behavior: url(/css/boxsizing.htc);
  /* Box sizing polyfill for ie7/8 */
}
.grid_1:after,
.grid_2:after,
.grid_3:after,
.grid_4:after,
.grid_5:after,
.grid_6:after,
.grid_7:after,
.grid_8:after,
.grid_9:after,
.grid_10:after,
.grid_11:after,
.grid_12:after,
.columnFirst:after,
.columnSecond:after,
.oneHalf:after,
.columnHalf:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.columnFirst,
.columnSecond,
.oneHalf,
.columnHalf {
  display: inline-block;
  zoom: 1;
  *display: inline;
}
html[xmlns] .grid_1,
html[xmlns] .grid_2,
html[xmlns] .grid_3,
html[xmlns] .grid_4,
html[xmlns] .grid_5,
html[xmlns] .grid_6,
html[xmlns] .grid_7,
html[xmlns] .grid_8,
html[xmlns] .grid_9,
html[xmlns] .grid_10,
html[xmlns] .grid_11,
html[xmlns] .grid_12,
html[xmlns] .oneHalf,
html[xmlns] .columnHalf {
  display: block;
}
* html .grid_1,
* html .grid_2,
* html .grid_3,
* html .grid_4,
* html .grid_5,
* html .grid_6,
* html .grid_7,
* html .grid_8,
* html .grid_9,
* html .grid_10,
* html .grid_11,
* html .grid_12,
* html .columnFirst,
* html .columnSecond,
* html .oneHalf,
* html .columnHalf {
  height: 1%;
}
.grid_1 {
  width: 6.5%;
}
.grid_2 {
  width: 15%;
}
.grid_3 {
  width: 23.5%;
}
.grid_4 {
  width: 32%;
}
.grid_5 {
  width: 40.5%;
}
.grid_6 {
  width: 49%;
}
.grid_7 {
  width: 57.5%;
}
.grid_8 {
  width: 66%;
}
.grid_9 {
  width: 74.5%;
}
.grid_10 {
  width: 83%;
}
.grid_11 {
  width: 91.5%;
}
.grid_12 {
  margin-right: 0;
  width: 100%;
}
/* ------------------------------ */
/* Low content page */
/* ------------------------------ */
.emptyBasket,
.lowContent {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  padding: 100px 0;
  text-align: center;
  clear: both;
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
.spar .emptyBasket,
.spar .lowContent,
.premier .emptyBasket,
.premier .lowContent {
  max-width: 1160px;
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
.spar .emptyBasket,
.spar .lowContent,
.premier .emptyBasket,
.premier .lowContent {
  max-width: 1160px;
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
.emptyBasket:before,
.lowContent:before,
.emptyBasket:after,
.lowContent:after {
  content: "";
  display: table;
}
.emptyBasket:after,
.lowContent:after {
  clear: both;
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.4.2
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2015 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
  width: 100%;
  position: relative;
  min-width: 190px;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
}
.chosen-container.chosen-container-active .chosen-single {
  border-color: var(--mainColor);
}
.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}
.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  width: 100%;
  border-top: 0;
  background: #f1f1f1;
  z-index: 6000;
  border: 1px solid var(--mainColor);
}
.chosen-container .chosen-container a {
  cursor: pointer;
}
.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}
.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}
.chosen-container .chosen-results {
  float: left;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 12px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container .chosen-results li.highlighted {
  background-color: #dddddd;
}
.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}
.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}
.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}
.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  text-align: left;
  padding: 0 35px 0 10px;
  height: 45px;
  background-color: #fff;
  text-decoration: none;
  white-space: nowrap;
  line-height: 45px;
  border: 1px solid var(--border_color);
  background: #fff;
  font-size: 1em;
  border-radius: 3px;
  background-clip: padding-box;
}
.chosen-container-single .chosen-single span {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 25px;
  display: block;
  width: 18px;
  height: 100%;
}
.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}
.chosen-container-single .chosen-single div b:after {
  content: "\f107";
  right: -15px;
  position: absolute;
  top: 0px;
  font-family: 'FontAwesome';
  -webkit-transition: transform 200ms ease 0ms;
  -webkit-transition: -webkit-transform 200ms ease 0ms;
  transition: -webkit-transform 200ms ease 0ms;
  transition: transform 200ms ease 0ms;
  transition: transform 200ms ease 0ms, -webkit-transform 200ms ease 0ms;
}
.chosen-container-single .chosen-default {
  color: #999;
}
.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}
.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 3px 4px;
  white-space: nowrap;
  background: #f1f1f1;
}
.chosen-container-single .chosen-search input[type="search"] {
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  width: 100%;
  height: auto;
  outline: 0;
  font-size: 1em;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.chosen-container-single .chosen-drop {
  margin-top: -1px;
  border-radius: 0 0 4px 4px;
  background-clip: padding-box;
  text-align: left;
}
.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0 5px;
  width: 100%;
  height: auto !important;
  height: 1%;
  background-color: #fff;
  cursor: text;
}
.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="search"] {
  margin: 1px 0;
  padding: 0;
  height: 25px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: #999;
  font-size: 100%;
  font-family: sans-serif;
  line-height: normal;
  border-radius: 0;
}
.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  max-width: 100%;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #333;
  line-height: 13px;
  cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 4px;
  right: 3px;
  display: block;
  width: 12px;
  height: 12px;
  font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
  background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b:after {
  -webkit-transform: rotate(-180deg);
          transform: rotate(-180deg);
}
.chosen-container-active .chosen-choices li.search-field input[type="search"] {
  color: #222 !important;
}
.chosen-disabled {
  cursor: default;
  opacity: 0.2;
}
.chosen-disabled .chosen-single {
  cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}
.chosen-rtl {
  text-align: right;
}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}
.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}
.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}
.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}
.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}
.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}
.chosen-rtl .chosen-choices li {
  float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="search"] {
  direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}
.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}
.chosen-rtl .chosen-search input[type="text"] {
  padding: 4px 5px 4px 20px;
  direction: rtl;
}
.mobileChosen {
  position: relative;
  min-width: 200px;
}
.mobileChosen select {
  display: block !important;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  z-index: 998;
}
.reset-chosen-disabled .chosen-disabled {
  opacity: 0.7;
}
.reset-chosen-disabled .chosen-container-single .chosen-single {
  border-color: #e0e0e0;
}
.select2-container {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
  text-align: left;
  max-width: 100%;
}
.select2-container:focus {
  outline: none;
}
.select2-container *:focus {
  outline-color: var(--mainColor);
}
.select2-container .select2-selection--single {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 45px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 1em;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container .select2-selection--single .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-selection--multiple {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline;
  list-style: none;
  padding: 0;
}
.select2-container .select2-selection--multiple .select2-selection__clear {
  background-color: transparent;
  border: none;
  font-size: 1em;
}
.select2-container .select2-search--inline .select2-search__field {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  margin-left: 5px;
  padding: 0;
}
.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}
.select2-dropdown {
  background-color: white;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}
.select2-results {
  display: block;
}
.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}
.select2-results__option {
  padding: 6px;
  -moz-user-select: none;
   -ms-user-select: none;
       user-select: none;
  -webkit-user-select: none;
}
.select2-results__option--selectable {
  cursor: pointer;
}
.select2-container--open .select2-dropdown {
  left: 0;
}
.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-search--dropdown {
  display: block;
  padding: 4px;
}
.select2-search--dropdown .select2-search__field {
  padding: 4px;
  line-height: 24px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
}
.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
.select2-search--dropdown.select2-search--hide {
  display: none;
}
.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}
.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important;
  white-space: nowrap !important;
}
.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid var(--border_color);
  border-radius: 4px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 45px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
  padding-right: 0px;
}
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 45px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  cursor: text;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 20px;
  margin-right: 10px;
  margin-top: 5px;
  padding: 1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-right: 1px solid var(--border_color);
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #999;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus {
  background-color: #f1f1f1;
  color: #333;
  outline: none;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border_color);
}
.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: textfield;
}
.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}
.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}
.select2-container--default .select2-results__option--group {
  padding: 0;
}
.select2-container--default .select2-results__option--disabled {
  color: #999;
}
.select2-container--default .select2-results__option--selected {
  background-color: #ddd;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #5897fb;
  color: white;
}
.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-left: 1px solid var(--border_color);
  border-right: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear {
  float: left;
  margin-left: 10px;
  margin-right: auto;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}
.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
  background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}
.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  height: 26px;
  margin-right: 20px;
}
.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}
.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid var(--border_color);
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
  background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}
.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}
.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  cursor: text;
  outline: 0;
  padding-bottom: 5px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}
.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  display: inline-block;
  margin-left: 5px;
  margin-top: 5px;
  padding: 0;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__display {
  cursor: default;
  padding-left: 2px;
  padding-right: 5px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  background-color: transparent;
  border: none;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  color: #888;
  cursor: pointer;
  font-size: 1em;
  font-weight: bold;
  padding: 0 4px;
}
.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
  outline: none;
}
.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid var(--border_color);
  outline: 0;
}
.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.select2-container--classic .select2-dropdown {
  background-color: #fff;
  border: 1px solid transparent;
}
.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}
.select2-container--classic .select2-dropdown--below {
  border-top: none;
}
.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}
.select2-container--classic .select2-results__option--group {
  padding: 0;
}
.select2-container--classic .select2-results__option--disabled {
  color: grey;
}
.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable {
  background-color: #3875d7;
  color: #fff;
}
.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left;
}
.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid var(--border_color);
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display {
  padding-left: 5px;
  padding-right: 2px;
}
.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}
.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}
.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}
.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #eee));
  background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff));
  background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}
.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.select2-container--open {
  z-index: 6000;
}
.ps-container {
  overflow: hidden !important;
}
.ps-container.ps-active-x > .ps-scrollbar-x-rail,
.ps-container.ps-active-y > .ps-scrollbar-y-rail {
  display: block;
}
.ps-container.ps-in-scrolling {
  pointer-events: none;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container > .ps-scrollbar-x-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  bottom: 3px;
  /* there must be 'bottom' for ps-scrollbar-x-rail */
  height: 8px;
}
.ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  bottom: 0;
  /* there must be 'bottom' for ps-scrollbar-x */
  height: 8px;
}
.ps-container > .ps-scrollbar-y-rail {
  display: none;
  position: absolute;
  /* please don't change 'position' */
  border-radius: 4px;
  opacity: 0;
  -webkit-transition: background-color 0.2s linear, opacity 0.2s linear;
  transition: background-color 0.2s linear, opacity 0.2s linear;
  right: 3px;
  /* there must be 'right' for ps-scrollbar-y-rail */
  width: 8px;
}
.ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  position: absolute;
  /* please don't change 'position' */
  background-color: #aaa;
  border-radius: 4px;
  -webkit-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  right: 0;
  /* there must be 'right' for ps-scrollbar-y */
  width: 8px;
}
.ps-container:hover.ps-in-scrolling {
  pointer-events: none;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-x > .ps-scrollbar-x-rail > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover.ps-in-scrolling.ps-y > .ps-scrollbar-y-rail > .ps-scrollbar-y {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-x-rail,
.ps-container:hover > .ps-scrollbar-y-rail {
  opacity: 0.6;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-x-rail:hover > .ps-scrollbar-x {
  background-color: #999;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover {
  background-color: #eee;
  opacity: 0.9;
}
.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y {
  background-color: #999;
}
/*
 * Responsive styles for mobile size tables
 */
@media all and (min-width : 781px) and (max-width : 1320px) {
  table.responsive {
    margin-bottom: 0;
  }
  table.responsive th,
  table.responsive td {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
  }
  table.responsive th:first-child,
  table.responsive td:first-child {
    display: none;
  }
  table.responsive .pinned td {
    display: none;
  }
  .tableWrapper {
    position: relative;
    margin-bottom: 20px;
    overflow: hidden;
    border-right: 1px solid var(--border_color);
  }
  .tableWrapper .scrollable {
    margin-left: 35%;
    overflow: scroll;
    overflow-y: hidden;
  }
  .tableWrapper .pinned {
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
    width: 35%;
    overflow: hidden;
    overflow-x: scroll;
    border-right: 1px solid var(--border_color);
    border-left: 1px solid var(--border_color);
  }
  .tableWrapper .pinned table {
    border-right: none;
    border-left: none;
    width: 100%;
  }
  .tableWrapper .pinned table th,
  .tableWrapper .pinned table td {
    white-space: nowrap;
  }
  .tableWrapper .pinned table td:last-child {
    border-bottom: 0;
  }
}
/* ------------------------------ */
/* Slick Slider Styles */
/* ------------------------------ */
.slick-slider {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}
.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
}
.slick-track:before,
.slick-track:after {
  display: table;
  content: '';
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}
.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}
[dir='rtl'] .slick-slide {
  float: right;
}
.slick-slide img {
  display: inline;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}
/*
 * Overlay Styles
 */
.overlayBoxOuter {
  position: fixed;
  z-index: 9100;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
  background: #090909;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.overlayBoxOuter.overlayBoxOuterOpen:after {
  display: none;
}
.overlayBoxOuter:after {
  content: '\f110';
  position: absolute;
  display: block;
  font-size: 3.5714285714285716em;
  font-family: FontAwesome;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-animation: fa-spin-new 1s infinite steps(8);
          animation: fa-spin-new 1s infinite steps(8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  color: #FFF;
}
@-webkit-keyframes fa-spin-new {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50%) translateY(-50%);
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
  100% {
    -webkit-transform: rotate(359deg) translateX(-50%) translateY(-50%);
    transform: rotate(359deg) translateX(-50%) translateY(-50%);
  }
}
@keyframes fa-spin-new {
  0% {
    -webkit-transform: rotate(0deg) translateX(-50%) translateY(-50%);
    transform: rotate(0deg) translateX(-50%) translateY(-50%);
  }
  100% {
    -webkit-transform: rotate(359deg) translateX(-50%) translateY(-50%);
    transform: rotate(359deg) translateX(-50%) translateY(-50%);
  }
}
.overlayBox {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  background: none !important;
  opacity: 0;
  display: block;
  float: left;
  max-width: 100%;
  z-index: 9200;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  border-radius: 3px;
  background-clip: padding-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 640px;
      flex-basis: 640px;
  max-height: calc(100% - 64px);
  margin: 32px;
  /*
     * Menu Pop Up
     */
}
@media all and (max-width: 780px) {
  .overlayBox {
    text-align: center;
    max-height: 100%;
    margin: 0;
    border-radius: 0;
    background-clip: padding-box;
  }
}
.overlayBox .popupImage {
  background: #f4f4f4;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.overlayBox iframe {
  display: block;
}
.overlayBox .overlayImage {
  max-width: 1024px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  width: auto !important;
}
@media all and (max-width: 780px) {
  .overlayBox .overlayImage {
    padding: 50px 0 0;
  }
}
.overlayBox .overlayImage img {
  max-width: 100%;
  height: auto;
}
.overlayBox .overlayAjax {
  max-width: 1024px;
  background: #fff;
  -webkit-overflow-scrolling: touch;
  padding: 20px;
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
@media all and (max-width: 780px) {
  .overlayBox .overlayAjax {
    padding: 50px 20px 20px;
  }
}
@media all and (max-width: 780px) {
  .overlayBox {
    overflow-y: auto;
  }
}
.overlayBox .itemPopup {
  float: left;
  max-width: 100%;
  padding: 0;
  width: 100%;
}
@media all and (max-width: 780px) {
  .overlayBox .itemPopup {
    max-width: none;
    width: 100%;
  }
}
.overlayBox .itemPopup h2 {
  font-size: 20px;
  padding: 0 0 0.5em 0;
  margin: 0;
  border-bottom: 1px solid #e0e0e0;
  font-weight: 700;
}
.overlayBox .itemPopup .removeIcon,
.overlayBox .itemPopup .addIcon {
  width: 20px;
  height: 20px;
}
.overlayBox .itemPopup .row > div {
  position: relative;
  clear: both;
}
.overlayBox .itemPopup .row .gridWrapper {
  margin-top: 10px;
  *zoom: 1;
  line-height: 40px;
}
.overlayBox .itemPopup .row .gridWrapper:before,
.overlayBox .itemPopup .row .gridWrapper:after {
  content: "";
  display: table;
}
.overlayBox .itemPopup .row .gridWrapper:after {
  clear: both;
}
.overlayBox .itemPopup .row .gridWrapper:before,
.overlayBox .itemPopup .row .gridWrapper:after {
  content: "";
  display: table;
}
.overlayBox .itemPopup .row .gridWrapper:after {
  clear: both;
}
.overlayBox .itemPopup .row .gridName {
  display: inline-block;
  width: calc(100% - 120px);
}
.overlayBox .itemPopup .row .name {
  display: inline-block;
  width: calc(100% - 60px);
  font-family: var(--bodyFont);
  font-size: 1em;
  font-weight: 500;
  line-height: 24px;
  padding: 8px 0;
}
@media all and (max-width: 780px) {
  .overlayBox .itemPopup .row .name {
    margin-left: 0;
    margin-right: 10px;
  }
}
.overlayBox .itemPopup .row .name .calories {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
@media all and (max-width: 780px) {
  .overlayBox .itemPopup .row .name .calories {
    display: block;
  }
}
.overlayBox .itemPopup .row .cost {
  float: right;
}
.overlayBox .itemPopup .row .mutual .mutualName {
  float: left;
  width: calc(100% - 100px);
}
.overlayBox .itemPopup .row .mutual .mutualRight {
  float: left;
  width: 100px;
}
.overlayBox .itemPopup .row .mutual .mutualRight .mutualPrice {
  float: left;
  padding-top: 5px;
}
.overlayBox .itemPopup .row .mutual .mutualRight .mutualCheckbox {
  float: right;
  position: relative;
}
.overlayBox .itemPopup .row .mutual .name {
  font-family: var(--bodyFont);
  font-size: 1em;
  font-weight: 500;
  padding: 7px 0;
}
.overlayBox .itemPopup .row .buttonsWrap {
  display: inline-block;
  width: 120px;
  float: right;
  text-align: right;
}
.overlayBox .itemPopup .row .buttonsWrap .buttons {
  display: inline-block;
}
.overlayBox .itemPopup .row .buttonsWrap .buttons .quantity {
  position: relative;
  display: inline-block;
  float: none;
  vertical-align: middle;
  width: 40px;
  border: 0px;
  padding: 0;
  text-align: center;
  height: 40px;
  line-height: 40px;
  margin: 0 5px;
}
.overlayBox .itemPopup .row .buttonsWrap .buttons .grid_option_minus,
.overlayBox .itemPopup .row .buttonsWrap .buttons .grid_option_add {
  display: inline-block;
  vertical-align: middle;
  height: 20px;
}
.overlayBox .itemPopup .row .buttonsWrap .buttons .grid_option_minus svg,
.overlayBox .itemPopup .row .buttonsWrap .buttons .grid_option_add svg {
  vertical-align: top;
}
.overlayBox .itemPopup .description .popupDesc {
  width: 100%;
  float: left;
  margin-bottom: 16px;
}
.overlayBox .itemPopup .description .popupDesc.small {
  width: 100%;
  float: left;
}
.overlayBox .itemPopup .description .popupDesc .popupImage {
  background: #f4f4f4;
  text-align: center;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.overlayBox .menuPopup .row .customCheckbox + label {
  position: absolute;
  display: block;
  width: 30px !important;
  height: 30px !important;
  top: 0;
  right: 0;
  margin-right: 0 !important;
  background: none;
}
.overlayBox .menuPopup .row .customCheckbox + label:before {
  content: none;
}
.overlayBox .menuPopup .row .customCheckbox:checked + label {
  background: url('/sites/template_2018/images/icons/check.png') no-repeat;
  width: 30px;
  height: 30px;
}
.overlayBox .overlayBoxSlider,
.overlayBox .overlayBoxTitleSlider {
  max-width: 700px;
  clear: both;
}
.overlayBox .overlayBoxTitleSlider {
  padding: 1em;
}
@media all and (max-width: 780px) {
  .overlayBox .overlayBoxSlider {
    margin-top: 40px;
  }
}
.itemPopup .overlayCloseButton {
  position: static;
  width: auto;
}
.overlayBox .itemPopup {
  max-height: 8110px;
  overflow-y: auto;
}
@media (max-width: 780px) {
  .overlayBox .itemPopup {
    text-align: left;
  }
}
.noScroll {
  overflow: hidden;
}
.overlayCloseButton {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 1em;
}
.overlayCloseButton a {
  position: absolute;
  right: -15px;
  top: -15px;
  font-size: 1.4285714285714286em;
  color: #fff;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  z-index: 10000;
  display: block;
}
.overlayCloseButton a .closeIcon {
  width: 30px;
  height: 30px;
  fill: var(--mainColorAlt);
}
.overlayCloseButton a:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  background: var(--mainColorAlt);
  left: 5px;
  top: 5px;
  z-index: -1;
}
@media all and (max-width: 780px) {
  .overlayCloseButton {
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px;
    background: #FFF;
    z-index: 10;
  }
  .overlayCloseButton a {
    float: right;
    background: none;
    color: var(--mainColor);
    position: static;
    margin: 0;
  }
  .overlayCloseButton a:before {
    display: none;
  }
}
.overlayBoxTitle {
  position: relative;
  bottom: 0;
  line-height: 30px;
  font-size: 16px;
  width: 100%;
  text-align: left;
  left: 0;
  padding: 10px;
  display: inline-block;
}
@media all and (max-width: 780px) {
  .overlayBoxTitle {
    padding-left: 0;
    font-size: 14px;
  }
}
.galleryPrev,
.galleryNext {
  font-size: 40px;
  line-height: 40px;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  padding: 0;
  background: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  color: var(--mainColorAlt);
}
.galleryPrev:focus,
.galleryNext:focus {
  border: none;
  outline: none;
}
.galleryPrev {
  left: 5px;
}
.galleryNext {
  right: 5px;
}
.popupDesc {
  margin-top: 2em;
}
.tableConfirmOverlay h3 {
  margin-bottom: 20px;
}
@media (min-width: 781px) {
  .overlayBox.hasGallery .galleryPrev {
    left: -20px;
  }
  .overlayBox.hasGallery .galleryNext {
    right: -20px;
  }
}
.advancedGrid .overlayBox.openTableOverlay,
.overlayBox.openTableOverlay {
  -ms-flex-preferred-size: 224px;
      flex-basis: 224px;
}
.openTableOverlay {
  -ms-flex-preferred-size: 224px;
      flex-basis: 224px;
}
.openTableOverlay .overlayAjax {
  padding: 0;
}
.openTableOverlay .ot-dtp-picker {
  width: 100%;
}
body.stop-scrolling {
  height: 100%;
}
.sweet-overlay {
  background-color: black;
  background-color: rgba(0, 0, 0, 0.4);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: none;
  z-index: 10000;
}
.sweet-alert {
  background-color: white;
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  width: 478px;
  padding: 17px;
  border-radius: 5px;
  text-align: center;
  position: fixed;
  left: 50%;
  top: 50%;
  margin-left: -256px;
  margin-top: -200px;
  overflow: hidden;
  display: none;
  z-index: 99999;
}
@media all and (max-width: 540px) {
  .sweet-alert {
    width: auto;
    margin-left: 0;
    margin-right: 0;
    left: 15px;
    right: 15px;
  }
}
.sweet-alert.show-input input {
  display: block;
}
.sweet-alert h2 {
  color: #575757;
  font-size: 30px;
  text-align: center;
  font-weight: 600;
  text-transform: none;
  position: relative;
  margin: 15px 0;
  padding: 0;
  line-height: 40px;
  display: block;
}
.sweet-alert p {
  color: #797979;
  font-size: 14px;
  text-align: center;
  font-weight: 300;
  position: relative;
  text-align: inherit;
  float: none;
  margin: 0;
  padding: 0;
  line-height: normal;
}
.sweet-alert fieldset {
  border: none;
  position: relative;
}
.sweet-alert .sa-error-container {
  background-color: #f1f1f1;
  margin-left: -17px;
  margin-right: -17px;
  overflow: hidden;
  padding: 0 10px;
  max-height: 0;
  -webkit-transition: padding 0.15s, max-height 0.15s;
  transition: padding 0.15s, max-height 0.15s;
}
.sweet-alert .sa-error-container.show {
  padding: 10px 0;
  max-height: 100px;
  -webkit-transition: padding 0.25s, max-height 0.25s;
  transition: padding 0.25s, max-height 0.25s;
}
.sweet-alert .sa-error-container .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #ea7d7d;
  color: white;
  line-height: 24px;
  text-align: center;
  margin-right: 3px;
}
.sweet-alert .sa-error-container p {
  display: inline-block;
}
.sweet-alert .sa-input-error {
  position: absolute;
  top: 29px;
  right: 26px;
  width: 20px;
  height: 20px;
  opacity: 0;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.sweet-alert .sa-input-error::before,
.sweet-alert .sa-input-error::after {
  content: "";
  width: 20px;
  height: 6px;
  background-color: #f06e57;
  border-radius: 3px;
  position: absolute;
  top: 50%;
  margin-top: -4px;
  left: 50%;
  margin-left: -9px;
}
.sweet-alert .sa-input-error::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sweet-alert .sa-input-error::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sweet-alert .sa-input-error.show {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.sweet-alert input {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #d7d7d7;
  height: 43px;
  margin-top: 10px;
  margin-bottom: 17px;
  font-size: 18px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
          box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06);
  padding: 0 12px;
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.sweet-alert input:focus {
  outline: none;
  -webkit-box-shadow: 0px 0px 3px #c4e6f5;
          box-shadow: 0px 0px 3px #c4e6f5;
  border: 1px solid #b4dbed;
}
.sweet-alert input:focus::-moz-placeholder {
  -webkit-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}
.sweet-alert input:focus:-ms-input-placeholder {
  -webkit-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}
.sweet-alert input:focus::-webkit-input-placeholder {
  -webkit-transition: opacity 0.3s 0.03s ease;
  transition: opacity 0.3s 0.03s ease;
  opacity: 0.5;
}
.sweet-alert input::-moz-placeholder {
  color: #bdbdbd;
}
.sweet-alert input:-ms-input-placeholder {
  color: #bdbdbd;
}
.sweet-alert input::-webkit-input-placeholder {
  color: #bdbdbd;
}
.sweet-alert .sa-confirm-button-container {
  display: inline-block;
  position: relative;
}
.sweet-alert .la-ball-fall {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -27px;
  margin-top: 4px;
  opacity: 0;
  visibility: hidden;
}
.sweet-alert button {
  background-color: #8CD4F5;
  color: white;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-size: 17px;
  font-weight: 500;
  border-radius: 5px;
  padding: 10px 32px;
  margin: 15px 5px 0 5px;
  cursor: pointer;
}
.sweet-alert button:focus {
  outline: none;
  -webkit-box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.sweet-alert button:hover {
  background-color: #7ecff4;
}
.sweet-alert button:active {
  background-color: #5dc2f1;
}
.sweet-alert button.cancel {
  background-color: #C1C1C1;
}
.sweet-alert button.cancel:hover {
  background-color: #b9b9b9;
}
.sweet-alert button.cancel:active {
  background-color: #a8a8a8;
}
.sweet-alert button.cancel:focus {
  -webkit-box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
          box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important;
}
.sweet-alert button[disabled] {
  opacity: 0.6;
  cursor: default;
}
.sweet-alert button.confirm[disabled] {
  color: transparent;
}
.sweet-alert button.confirm[disabled] ~ .la-ball-fall {
  opacity: 1;
  visibility: visible;
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
}
.sweet-alert button::-moz-focus-inner {
  border: 0;
}
.sweet-alert[data-has-cancel-button=false] button {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] {
  padding-bottom: 40px;
}
.sweet-alert .sa-icon {
  width: 80px;
  height: 80px;
  border: 4px solid gray;
  border-radius: 40px;
  border-radius: 50%;
  margin: 20px auto;
  padding: 0;
  position: relative;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}
.sweet-alert .sa-icon.sa-error {
  border-color: #F27474;
}
.sweet-alert .sa-icon.sa-error .sa-x-mark {
  position: relative;
  display: block;
}
.sweet-alert .sa-icon.sa-error .sa-line {
  position: absolute;
  height: 5px;
  width: 47px;
  background-color: #F27474;
  display: block;
  top: 37px;
  border-radius: 2px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-left {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: 17px;
}
.sweet-alert .sa-icon.sa-error .sa-line.sa-right {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  right: 16px;
}
.sweet-alert .sa-icon.sa-warning {
  border-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
  position: absolute;
  width: 5px;
  height: 47px;
  left: 50%;
  top: 10px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-warning .sa-dot {
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  left: 50%;
  bottom: 10px;
  background-color: #F8BB86;
}
.sweet-alert .sa-icon.sa-info {
  border-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::before {
  content: "";
  position: absolute;
  width: 5px;
  height: 29px;
  left: 50%;
  bottom: 17px;
  border-radius: 2px;
  margin-left: -2px;
  background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-info::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  margin-left: -3px;
  top: 19px;
  background-color: #C9DAE1;
}
.sweet-alert .sa-icon.sa-success {
  border-color: #A5DC86;
}
.sweet-alert .sa-icon.sa-success::before,
.sweet-alert .sa-icon.sa-success::after {
  content: '';
  border-radius: 40px;
  border-radius: 50%;
  position: absolute;
  width: 60px;
  height: 120px;
  background: white;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success::before {
  border-radius: 120px 0 0 120px;
  top: -7px;
  left: -33px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 60px 60px;
          transform-origin: 60px 60px;
}
.sweet-alert .sa-icon.sa-success::after {
  border-radius: 0 120px 120px 0;
  top: -11px;
  left: 30px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: 0px 60px;
          transform-origin: 0px 60px;
}
.sweet-alert .sa-icon.sa-success .sa-placeholder {
  width: 80px;
  height: 80px;
  border: 4px solid rgba(165, 220, 134, 0.2);
  border-radius: 40px;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  position: absolute;
  left: -4px;
  top: -4px;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-fix {
  width: 5px;
  height: 90px;
  background-color: white;
  position: absolute;
  left: 28px;
  top: 8px;
  z-index: 1;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line {
  height: 5px;
  background-color: #A5DC86;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 2;
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-tip {
  width: 25px;
  left: 14px;
  top: 46px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}
.sweet-alert .sa-icon.sa-success .sa-line.sa-long {
  width: 47px;
  right: 8px;
  top: 38px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.sweet-alert .sa-icon.sa-custom {
  background-size: contain;
  border-radius: 0;
  border: none;
  background-position: center center;
  background-repeat: no-repeat;
}
/*
 * Animations
 */
@-webkit-keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7) translateY(-50%);
            transform: scale(0.7) translateY(-50%);
  }
  45% {
    -webkit-transform: scale(1.05) translateY(-50%);
            transform: scale(1.05) translateY(-50%);
  }
  80% {
    -webkit-transform: scale(0.95) translateY(-50%);
            transform: scale(0.95) translateY(-50%);
  }
  100% {
    -webkit-transform: scale(1) translateY(-50%);
            transform: scale(1) translateY(-50%);
  }
}
@keyframes showSweetAlert {
  0% {
    -webkit-transform: scale(0.7) translateY(-50%);
            transform: scale(0.7) translateY(-50%);
  }
  45% {
    -webkit-transform: scale(1.05) translateY(-50%);
            transform: scale(1.05) translateY(-50%);
  }
  80% {
    -webkit-transform: scale(0.95) translateY(-50%);
            transform: scale(0.95) translateY(-50%);
  }
  100% {
    -webkit-transform: scale(1) translateY(-50%);
            transform: scale(1) translateY(-50%);
  }
}
@-webkit-keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1) translateY(-50%);
            transform: scale(1) translateY(-50%);
  }
  100% {
    -webkit-transform: scale(0.5) translateY(-50%);
            transform: scale(0.5) translateY(-50%);
  }
}
@keyframes hideSweetAlert {
  0% {
    -webkit-transform: scale(1) translateY(-50%);
            transform: scale(1) translateY(-50%);
  }
  100% {
    -webkit-transform: scale(0.5) translateY(-50%);
            transform: scale(0.5) translateY(-50%);
  }
}
@-webkit-keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromTop {
  0% {
    top: 0%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@keyframes slideToTop {
  0% {
    top: 50%;
  }
  100% {
    top: 0%;
  }
}
@-webkit-keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@keyframes slideFromBottom {
  0% {
    top: 70%;
  }
  100% {
    top: 50%;
  }
}
@-webkit-keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
@keyframes slideToBottom {
  0% {
    top: 50%;
  }
  100% {
    top: 70%;
  }
}
.showSweetAlert[data-animation=pop] {
  -webkit-animation: showSweetAlert 0.3s;
          animation: showSweetAlert 0.3s;
}
.showSweetAlert[data-animation=none] {
  -webkit-animation: none;
          animation: none;
}
.showSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideFromTop 0.3s;
          animation: slideFromTop 0.3s;
}
.showSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideFromBottom 0.3s;
          animation: slideFromBottom 0.3s;
}
.hideSweetAlert[data-animation=pop] {
  -webkit-animation: hideSweetAlert 0.2s;
          animation: hideSweetAlert 0.2s;
}
.hideSweetAlert[data-animation=none] {
  -webkit-animation: none;
          animation: none;
}
.hideSweetAlert[data-animation=slide-from-top] {
  -webkit-animation: slideToTop 0.4s;
          animation: slideToTop 0.4s;
}
.hideSweetAlert[data-animation=slide-from-bottom] {
  -webkit-animation: slideToBottom 0.3s;
          animation: slideToBottom 0.3s;
}
.sweet-alert {
  margin-top: 0 !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
/* ------------------------------ */
/* Shop Styles */
/* Only styles related to the shop catalogue and basket process should go here */
/* ------------------------------ */
/* ------------------------------ */
/* Mini Basket */
/* ------------------------------ */
.miniBasket {
  position: relative;
  float: right;
  font-family: var(--bodyFont);
}
.miniBasket a {
  font-weight: bold;
  display: block;
  padding: 5px 10px;
}
.miniBasketPreview {
  *zoom: 1;
  clear: both;
}
.miniBasketPreview:before,
.miniBasketPreview:after {
  content: "";
  display: table;
}
.miniBasketPreview:after {
  clear: both;
}
.miniBasketPreview:before,
.miniBasketPreview:after {
  content: "";
  display: table;
}
.miniBasketPreview:after {
  clear: both;
}
.miniBasketPreview > li {
  background: #fff;
  color: #000;
  width: 322px;
  border: 2px solid #000;
  padding: 20px;
  margin-top: 20px;
  position: relative;
}
.miniBasketPreview > li:after {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 40px;
  width: 0;
  height: 0;
  border: 15px solid transparent;
  border-bottom: 10px solid #fff;
}
.miniBasketPreview h2 {
  margin: 0;
  padding: 0;
}
.miniBasketPreview .miniBasketRow {
  padding: 20px 0;
  border-bottom: 2px solid #e9e9e9;
  *zoom: 1;
}
.miniBasketPreview .miniBasketRow:before,
.miniBasketPreview .miniBasketRow:after {
  content: "";
  display: table;
}
.miniBasketPreview .miniBasketRow:after {
  clear: both;
}
.miniBasketPreview .miniBasketRow:before,
.miniBasketPreview .miniBasketRow:after {
  content: "";
  display: table;
}
.miniBasketPreview .miniBasketRow:after {
  clear: both;
}
.miniBasketPreview .miniBasketRow .imageWrap {
  float: left;
  width: 25%;
  margin-right: 5%;
}
.miniBasketPreview .miniBasketRow .innerText {
  float: right;
  margin-left: 5%;
  width: 65%;
}
.miniBasketPreview .miniBasketRow .miniBasketDescription {
  margin-bottom: 10px;
  font-family: var(--primaryFont);
  font-size: 14px;
  color: var(--mainColorAlt);
}
.miniBasketPreview .miniBasketRow .miniBasketRemove {
  float: right;
  font-size: 18px;
  color: #939393;
  margin-top: -5px;
}
.miniBasketPreview .miniBasketRow .miniBasketPrice {
  font-size: 14px;
}
.miniBasketPreview .miniBasketSubmit {
  float: right;
  padding: 12px 25px;
  color: #fff;
  font-size: 20px;
}
.miniBasketPreview .miniBasketTotal {
  *zoom: 1;
  font-size: 16px;
  padding: 20px 0 0;
}
.miniBasketPreview .miniBasketTotal:before,
.miniBasketPreview .miniBasketTotal:after {
  content: "";
  display: table;
}
.miniBasketPreview .miniBasketTotal:after {
  clear: both;
}
.miniBasketPreview .miniBasketTotal:before,
.miniBasketPreview .miniBasketTotal:after {
  content: "";
  display: table;
}
.miniBasketPreview .miniBasketTotal:after {
  clear: both;
}
/* ------------------------------ */
/* Browse Page */
/* ------------------------------ */
#browse {
  clear: both;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
#browse:before,
#browse:after {
  content: "";
  display: table;
}
#browse:after {
  clear: both;
}
#browse:before,
#browse:after {
  content: "";
  display: table;
}
#browse:after {
  clear: both;
}
.spar #browse,
.premier #browse {
  max-width: 1160px;
}
#browse:before,
#browse:after {
  content: "";
  display: table;
}
#browse:after {
  clear: both;
}
#browse:before,
#browse:after {
  content: "";
  display: table;
}
#browse:after {
  clear: both;
}
.spar #browse,
.premier #browse {
  max-width: 1160px;
}
@media all and (min-width: 800px) and (max-width: 1060px) {
  #browse {
    padding: 0 20px;
  }
}
.brandInfo {
  margin-bottom: 15px;
  clear: both;
}
.categoriesHeader {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  position: relative;
  clear: both;
  margin-bottom: 30px;
}
.categoriesHeader:before,
.categoriesHeader:after {
  content: "";
  display: table;
}
.categoriesHeader:after {
  clear: both;
}
.categoriesHeader:before,
.categoriesHeader:after {
  content: "";
  display: table;
}
.categoriesHeader:after {
  clear: both;
}
.spar .categoriesHeader,
.premier .categoriesHeader {
  max-width: 1160px;
}
.categoriesHeader:before,
.categoriesHeader:after {
  content: "";
  display: table;
}
.categoriesHeader:after {
  clear: both;
}
.categoriesHeader:before,
.categoriesHeader:after {
  content: "";
  display: table;
}
.categoriesHeader:after {
  clear: both;
}
.spar .categoriesHeader,
.premier .categoriesHeader {
  max-width: 1160px;
}
@media all and (max-width: 780px) {
  .categoriesHeader {
    margin-bottom: 0;
    padding: 0 20px;
  }
  .categoriesHeader h1 {
    margin: 0 0 20px;
  }
  .categoriesHeader img {
    display: none;
  }
}
@media all and (min-width : 1320px) {
  .categoriesHeader .innerText {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 20px;
  }
  .categoriesHeader .innerText h1 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 30px;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .categoriesHeader .innerText {
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: rgba(0, 0, 0, 0.5);
    padding: 5px 20px;
  }
  .categoriesHeader .innerText h1 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 30px;
  }
}
.filterContent {
  position: relative;
  float: left;
  width: 74%;
  *zoom: 1;
}
.filterContent:before,
.filterContent:after {
  content: "";
  display: table;
}
.filterContent:after {
  clear: both;
}
.filterContent:before,
.filterContent:after {
  content: "";
  display: table;
}
.filterContent:after {
  clear: both;
}
@media all and (min-width: 640px) and (max-width: 800px) {
  .filterContent {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}
@media all and (max-width: 780px) {
  .filterContent {
    width: 100%;
    margin: 0 0 15px;
    padding: 0 20px;
  }
}
#productFilter {
  position: relative;
  float: left;
  width: 24%;
  margin-right: 2%;
  margin-bottom: 15px;
  *zoom: 1;
  /* Scrollpane Styles */
}
#productFilter:before,
#productFilter:after {
  content: "";
  display: table;
}
#productFilter:after {
  clear: both;
}
#productFilter:before,
#productFilter:after {
  content: "";
  display: table;
}
#productFilter:after {
  clear: both;
}
@media all and (min-width: 640px) and (max-width: 800px) {
  #productFilter {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}
@media all and (max-width: 780px) {
  #productFilter {
    width: 100%;
    margin: 0;
    padding: 0 20px;
  }
}
#productFilter .filterSortBoxWrap,
#productFilter .currentSelectionWrap {
  background: #e9e9e9;
  *zoom: 1;
  margin-bottom: 20px;
}
#productFilter .filterSortBoxWrap:before,
#productFilter .currentSelectionWrap:before,
#productFilter .filterSortBoxWrap:after,
#productFilter .currentSelectionWrap:after {
  content: "";
  display: table;
}
#productFilter .filterSortBoxWrap:after,
#productFilter .currentSelectionWrap:after {
  clear: both;
}
#productFilter .filterSortBoxWrap:before,
#productFilter .currentSelectionWrap:before,
#productFilter .filterSortBoxWrap:after,
#productFilter .currentSelectionWrap:after {
  content: "";
  display: table;
}
#productFilter .filterSortBoxWrap:after,
#productFilter .currentSelectionWrap:after {
  clear: both;
}
@media all and (max-width: 780px) {
  #productFilter .filterSortBoxWrap,
  #productFilter .currentSelectionWrap {
    margin-bottom: 10px;
  }
}
#productFilter .currentSelection {
  display: block;
  width: 100%;
}
#productFilter .currentSelection .filterLink,
#productFilter .currentSelection .flink {
  padding-left: 20px;
  padding-bottom: 5px;
  display: block;
  position: relative;
  font-family: var(--primaryFont);
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: 0;
}
#productFilter .currentSelection .filterLink i,
#productFilter .currentSelection .flink i {
  position: absolute;
  top: 3px;
  left: 0;
}
#productFilter h3 {
  background: #232323;
  color: #fff;
  font-size: 18px;
  font-family: var(--primaryFont);
  padding: 12px 20px;
  margin: 0;
  display: block;
  position: relative;
  cursor: pointer;
}
#productFilter h3 i {
  position: absolute;
  right: -30px;
  top: 8px;
  color: #fff;
  font-size: 30px;
}
@media all and (max-width: 780px) {
  #productFilter h3 i {
    right: -15px;
  }
}
@media all and (max-width: 780px) {
  #productFilter h3 {
    font-size: 13px;
    padding: 10px 10px;
  }
  #productFilter h3 i {
    font-size: 20px;
    top: 5px;
  }
}
#productFilter .overflowWrap,
#productFilter .innerContent {
  *zoom: 1;
  max-height: 200px;
  position: relative;
}
#productFilter .overflowWrap:before,
#productFilter .innerContent:before,
#productFilter .overflowWrap:after,
#productFilter .innerContent:after {
  content: "";
  display: table;
}
#productFilter .overflowWrap:after,
#productFilter .innerContent:after {
  clear: both;
}
#productFilter .overflowWrap:before,
#productFilter .innerContent:before,
#productFilter .overflowWrap:after,
#productFilter .innerContent:after {
  content: "";
  display: table;
}
#productFilter .overflowWrap:after,
#productFilter .innerContent:after {
  clear: both;
}
@media all and (max-width: 780px) {
  #productFilter .overflowWrap,
  #productFilter .innerContent {
    max-height: initial;
  }
}
#productFilter .jspDrag {
  background: #262626;
}
#productFilter .jspTrack {
  background: #cfcfcf;
}
#productFilter #productFilterBrands,
#productFilter #productFilterColours,
#productFilter #productFilterCategories,
#productFilter .currentSelection {
  padding: 20px 10px 20px 20px;
}
@media all and (max-width: 800px) {
  #productFilter #productFilterBrands,
  #productFilter #productFilterColours,
  #productFilter #productFilterCategories,
  #productFilter .currentSelection {
    display: none;
  }
}
#productFilter .innerContent {
  padding: 20px;
}
#productFilter input[type=checkbox] {
  float: left;
  margin: 4px 10px 5px 0;
}
#productFilter .checkboxRow {
  padding-bottom: 10px;
}
#productFilter .checkboxRow a {
  font-family: var(--primaryFont);
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  outline: 0;
}
#productFilter .checkboxRow:last-child {
  padding-bottom: 0;
}
@media all and (max-width: 780px) {
  .refineSelection {
    display: none;
  }
}
.refineSelection i {
  display: none;
}
@media all and (max-width: 800px) {
  .productFilterSelectionWrap {
    position: relative;
    clear: both;
  }
  .productFilterSelection {
    width: 100%;
    display: none;
    z-index: 6000;
  }
}
.productFilterControls {
  *zoom: 1;
  margin-bottom: 30px;
  min-height: 30px;
  margin-top: -7px;
  position: relative;
  clear: both;
}
.productFilterControls:before,
.productFilterControls:after {
  content: "";
  display: table;
}
.productFilterControls:after {
  clear: both;
}
.productFilterControls:before,
.productFilterControls:after {
  content: "";
  display: table;
}
.productFilterControls:after {
  clear: both;
}
.productFilterControls.controlsBottom {
  margin-top: 20px;
}
@media all and (max-width: 800px) {
  .productFilterControls {
    margin: 0;
    padding: 0;
  }
  .productFilterControls .centerPush,
  .productFilterControls .centerPull {
    float: none;
    left: auto;
    right: auto;
    width: 100%;
  }
}
.productFilterControls .filterTrigger {
  display: none;
}
@media all and (max-width: 800px) {
  .productFilterControls .filterTrigger {
    background: #232323;
    color: #fff;
    cursor: pointer;
    float: left;
    width: 48%;
    position: relative;
    display: block;
    font-family: var(--primaryFont);
  }
  .productFilterControls .filterTrigger h2 {
    margin: 0;
    padding: 0;
    font-size: 13px;
  }
  .productFilterControls .filterTrigger a {
    color: #fff;
    display: block;
    padding: 0 10px;
    line-height: 38px;
  }
  .productFilterControls .filterTrigger i {
    position: absolute;
    top: 12px;
    right: 5px;
    color: #fff;
  }
}
.productFilterControls .pagination {
  margin-top: 6px;
  float: left;
}
.productFilterControls .pagination:before {
  content: 'Page';
  position: absolute;
  top: 10px;
  right: 100%;
  margin-right: -20px;
}
@media all and (max-width: 800px) {
  .productFilterControls .pagination:before {
    content: '';
  }
}
@media all and (max-width: 800px) {
  .productFilterControls .pagination {
    width: 100%;
    display: block;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 0 20px;
    padding: 0;
  }
}
.productFilterControls .showAll {
  float: left;
  font-family: var(--primaryFont);
  font-size: 14px;
  padding: 11px 0 11px 5px;
  color: #232323;
  text-transform: uppercase;
}
.productFilterControls .showAll:hover {
  color: #909090;
}
@media all and (max-width: 800px) {
  .productFilterControls .showAll {
    display: none;
  }
}
.productFilterControls #productFilterPageNumbers {
  *zoom: 1;
}
.productFilterControls #productFilterPageNumbers:before,
.productFilterControls #productFilterPageNumbers:after {
  content: "";
  display: table;
}
.productFilterControls #productFilterPageNumbers:after {
  clear: both;
}
.productFilterControls #productFilterPageNumbers:before,
.productFilterControls #productFilterPageNumbers:after {
  content: "";
  display: table;
}
.productFilterControls #productFilterPageNumbers:after {
  clear: both;
}
@media all and (max-width: 800px) {
  .productFilterControls #productFilterPageNumbers {
    clear: both;
  }
}
.productFilterControls .numberOfProducts {
  font-family: var(--primaryFont);
  font-size: 15px;
  text-transform: uppercase;
  position: absolute;
  top: 10px;
  left: 0;
}
@media all and (max-width: 800px) {
  .productFilterControls .numberOfProducts {
    display: none;
  }
}
.productFilterControls #productFilterSort,
.productFilterControls #productFilterSortBottom {
  position: absolute;
  top: 2px;
  right: 0;
  *zoom: 1;
}
.productFilterControls #productFilterSort:before,
.productFilterControls #productFilterSortBottom:before,
.productFilterControls #productFilterSort:after,
.productFilterControls #productFilterSortBottom:after {
  content: "";
  display: table;
}
.productFilterControls #productFilterSort:after,
.productFilterControls #productFilterSortBottom:after {
  clear: both;
}
.productFilterControls #productFilterSort:before,
.productFilterControls #productFilterSortBottom:before,
.productFilterControls #productFilterSort:after,
.productFilterControls #productFilterSortBottom:after {
  content: "";
  display: table;
}
.productFilterControls #productFilterSort:after,
.productFilterControls #productFilterSortBottom:after {
  clear: both;
}
.productFilterControls #productFilterSort select,
.productFilterControls #productFilterSortBottom select {
  font-size: 16px;
}
@media all and (max-width: 800px) {
  .productFilterControls #productFilterSort,
  .productFilterControls #productFilterSortBottom {
    width: 48%;
    float: right;
    position: relative;
    top: auto;
    right: auto;
    margin: 0 0 20px;
  }
  .productFilterControls #productFilterSort.controlsBottom,
  .productFilterControls #productFilterSortBottom.controlsBottom {
    float: none;
    width: 100%;
  }
}
.productFilterControls #productFilterSort:before,
.productFilterControls #productFilterSortBottom:before {
  content: 'Sort';
  position: absolute;
  top: 8px;
  right: 100%;
  margin-right: 12px;
  font-family: var(--primaryFont);
  font-size: 15px;
  text-transform: uppercase;
}
@media all and (max-width: 800px) {
  .productFilterControls #productFilterSort:before,
  .productFilterControls #productFilterSortBottom:before {
    content: '';
  }
}
@media all and (max-width: 800px) {
  .productFilterControls #productFilterSortBottom {
    width: 100%;
    float: none;
  }
}
/* ------------------------------ */
/* Loading overlay */
/* ------------------------------ */
#loadingOverlay {
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  position: fixed;
  background: rgba(0, 0, 0, 0.3);
  z-index: 9000;
  display: none;
}
/* ------------------------------ */
/* Price Range */
/* ------------------------------ */
.priceRangeWrap {
  *zoom: 1;
  margin-bottom: 20px;
}
.priceRangeWrap:before,
.priceRangeWrap:after {
  content: "";
  display: table;
}
.priceRangeWrap:after {
  clear: both;
}
.priceRangeWrap:before,
.priceRangeWrap:after {
  content: "";
  display: table;
}
.priceRangeWrap:after {
  clear: both;
}
.priceRangeWrap .currency {
  font-size: 1.5em;
}
.priceRangeWrap input[type=text] {
  padding: 10px;
  font-family: var(--primaryFont);
  max-width: 81px;
  border: 2px solid #000;
}
.priceRangeWrap .priceRangeCurrency {
  text-transform: uppercase;
  font-family: var(--primaryFont);
  padding: 0 5px 0 0;
  font-size: 15px;
}
.priceRangeWrap .priceRangeTo {
  text-transform: uppercase;
  font-family: var(--primaryFont);
  padding: 0 10px;
  font-size: 15px;
}
.filterPrices {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 1.2em;
  border: 0;
  background: 0;
  font-size: 16px;
  padding: 0.75em 1.75em;
  background: var(--buttonColor);
  color: var(--buttonColorReverse);
  font-family: var(--bodyFont);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  letter-spacing: 1px;
  width: 100%;
  float: left;
}
.filterPrices i {
  padding-left: 0.25em;
}
.filterPrices.buttonSmall {
  font-size: 1em;
}
.filterPrices.buttonLarge {
  font-size: 1.8em;
}
.filterPrices i {
  padding-left: 0.25em;
}
.filterPrices.buttonSmall {
  font-size: 1em;
}
.filterPrices.buttonLarge {
  font-size: 1.8em;
}
.filterPrices:focus {
  outline: 0;
}
.filterPrices:hover {
  background: var(--buttonColorHover);
}
.spar .filterPrices:hover {
  background-color: #ff7474;
  color: #FFF;
}
.premier .filterPrices:hover {
  background-color: #7b0b6c;
  color: #FFF;
}
.filterPrices[disabled] {
  background: var(--buttonColor);
}
.filterPrices[disabled]:hover {
  background: var(--buttonColor);
}
.filterPrices.forward {
  position: relative;
  padding-right: 3em;
}
.filterPrices.forward.storeButtonOverlayButton {
  margin-top: 10px;
  width: calc(100% + 10px);
}
.filterPrices.forward:after {
  content: "\f105";
  font-family: "fontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.filterPrices.back {
  position: relative;
  padding-left: 3em;
}
.filterPrices.back:after {
  content: "\f104";
  font-family: "fontAwesome";
  position: absolute;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.filterPrices#add_to_basket {
  position: relative;
}
.filterPrices#add_to_basket.hideText span {
  opacity: 0;
}
.filterPrices#add_to_basket i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 22px;
  padding: 0;
  line-height: 0;
  -webkit-animation: fa-spin-icon 2s infinite linear;
  animation: fa-spin-icon 2s infinite linear;
}
.filterPrices a {
  color: inherit;
}
.filterPrices:hover {
  padding: 9px 48px;
  border: 2px solid #fff;
  outline: 2px solid #262626;
}
/* ------------------------------ */
/* Item */
/* ------------------------------ */
.itemsList,
.itemsFeatured,
.complementedList,
.recentlyViewedList {
  margin: 0 0 40px;
  padding: 0;
  width: 100%;
  clear: both;
  *zoom: 1;
}
.itemsList:before,
.itemsFeatured:before,
.complementedList:before,
.recentlyViewedList:before,
.itemsList:after,
.itemsFeatured:after,
.complementedList:after,
.recentlyViewedList:after {
  content: "";
  display: table;
}
.itemsList:after,
.itemsFeatured:after,
.complementedList:after,
.recentlyViewedList:after {
  clear: both;
}
.itemsList:before,
.itemsFeatured:before,
.complementedList:before,
.recentlyViewedList:before,
.itemsList:after,
.itemsFeatured:after,
.complementedList:after,
.recentlyViewedList:after {
  content: "";
  display: table;
}
.itemsList:after,
.itemsFeatured:after,
.complementedList:after,
.recentlyViewedList:after {
  clear: both;
}
.itemsList li,
.itemsFeatured li,
.complementedList li,
.recentlyViewedList li {
  cursor: pointer;
  list-style-type: none;
  float: left;
  text-align: center;
}
.itemsList li:hover .itemImageWrap,
.itemsFeatured li:hover .itemImageWrap,
.complementedList li:hover .itemImageWrap,
.recentlyViewedList li:hover .itemImageWrap {
  opacity: 0.8;
}
.itemsList li h3,
.itemsFeatured li h3,
.complementedList li h3,
.recentlyViewedList li h3 {
  margin: 0 0 5px;
  font-size: 18px;
  letter-spacing: 0;
}
@media all and (max-width: 780px) {
  .itemsList li h3,
  .itemsFeatured li h3,
  .complementedList li h3,
  .recentlyViewedList li h3 {
    font-size: 15px;
  }
}
.itemsList li h3 a,
.itemsFeatured li h3 a,
.complementedList li h3 a,
.recentlyViewedList li h3 a {
  display: block;
}
.itemsList li .itemPriceWrap,
.itemsFeatured li .itemPriceWrap,
.complementedList li .itemPriceWrap,
.recentlyViewedList li .itemPriceWrap {
  font-family: var(--primaryFont);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 300;
}
@media all and (max-width: 780px) {
  .itemsList li .itemPriceWrap,
  .itemsFeatured li .itemPriceWrap,
  .complementedList li .itemPriceWrap,
  .recentlyViewedList li .itemPriceWrap {
    font-size: 15px;
  }
}
.itemsList li .itemPriceWrap .priceNow,
.itemsFeatured li .itemPriceWrap .priceNow,
.complementedList li .itemPriceWrap .priceNow,
.recentlyViewedList li .itemPriceWrap .priceNow {
  font-size: 20px;
  color: #d02a21;
  font-weight: 400;
}
@media all and (max-width: 780px) {
  .itemsList li .itemPriceWrap .priceNow,
  .itemsFeatured li .itemPriceWrap .priceNow,
  .complementedList li .itemPriceWrap .priceNow,
  .recentlyViewedList li .itemPriceWrap .priceNow {
    font-size: 15px;
  }
}
.itemsList li .itemPriceWrap .priceWas,
.itemsFeatured li .itemPriceWrap .priceWas,
.complementedList li .itemPriceWrap .priceWas,
.recentlyViewedList li .itemPriceWrap .priceWas {
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 10px;
  font-weight: 400;
}
@media all and (max-width: 780px) {
  .itemsList li .itemPriceWrap .priceWas,
  .itemsFeatured li .itemPriceWrap .priceWas,
  .complementedList li .itemPriceWrap .priceWas,
  .recentlyViewedList li .itemPriceWrap .priceWas {
    font-size: 15px;
  }
}
.itemsList li .itemImageWrap,
.itemsFeatured li .itemImageWrap,
.complementedList li .itemImageWrap,
.recentlyViewedList li .itemImageWrap {
  position: relative;
  text-align: center;
  height: 300px;
  line-height: 298px;
  padding: 0 20px;
  display: block;
  margin-bottom: 10px;
  -webkit-transition: opacity 300ms ease-in;
  transition: opacity 300ms ease-in;
}
@media all and (max-width: 780px) {
  .itemsList li .itemImageWrap,
  .itemsFeatured li .itemImageWrap,
  .complementedList li .itemImageWrap,
  .recentlyViewedList li .itemImageWrap {
    height: auto;
    line-height: 150px;
  }
}
.itemsList li .itemImageWrap img,
.itemsFeatured li .itemImageWrap img,
.complementedList li .itemImageWrap img,
.recentlyViewedList li .itemImageWrap img {
  vertical-align: middle;
}
.itemsList li .itemImageWrap .itemHoverImage,
.itemsFeatured li .itemImageWrap .itemHoverImage,
.complementedList li .itemImageWrap .itemHoverImage,
.recentlyViewedList li .itemImageWrap .itemHoverImage {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.itemsList li .itemImageWrap .salePercentageWrap,
.itemsFeatured li .itemImageWrap .salePercentageWrap,
.complementedList li .itemImageWrap .salePercentageWrap,
.recentlyViewedList li .itemImageWrap .salePercentageWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  line-height: 100%;
  margin-bottom: 10px;
}
.complementedList li {
  margin-bottom: 0;
}
.itemsFeaturedWrap {
  margin-bottom: 40px;
}
.itemsFeaturedWrap .itemsFeatured {
  margin: 0;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.itemsFeaturedWrap .itemsFeatured:before,
.itemsFeaturedWrap .itemsFeatured:after {
  content: "";
  display: table;
}
.itemsFeaturedWrap .itemsFeatured:after {
  clear: both;
}
.itemsFeaturedWrap .itemsFeatured:before,
.itemsFeaturedWrap .itemsFeatured:after {
  content: "";
  display: table;
}
.itemsFeaturedWrap .itemsFeatured:after {
  clear: both;
}
.spar .itemsFeaturedWrap .itemsFeatured,
.premier .itemsFeaturedWrap .itemsFeatured {
  max-width: 1160px;
}
.itemsFeaturedWrap .itemsFeatured:before,
.itemsFeaturedWrap .itemsFeatured:after {
  content: "";
  display: table;
}
.itemsFeaturedWrap .itemsFeatured:after {
  clear: both;
}
.itemsFeaturedWrap .itemsFeatured:before,
.itemsFeaturedWrap .itemsFeatured:after {
  content: "";
  display: table;
}
.itemsFeaturedWrap .itemsFeatured:after {
  clear: both;
}
.spar .itemsFeaturedWrap .itemsFeatured,
.premier .itemsFeaturedWrap .itemsFeatured {
  max-width: 1160px;
}
@media all and (max-width: 780px) {
  .itemsFeaturedWrap {
    margin: 0 20px 20px;
  }
}
@media all and (min-width : 1320px) {
  .itemsList li {
    width: 32%;
    margin: 0 2% 2% 0;
    float: left;
    cursor: pointer;
  }
  .itemsList li:nth-child(3n) {
    margin-right: 0;
  }
  .itemsList li:nth-child(3n+1) {
    clear: both;
  }
  .itemsList .itemImageWrap img {
    max-height: 100%;
    vertical-align: middle;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .itemsList li {
    width: 32%;
    margin: 0 2% 2% 0;
    float: left;
  }
  .itemsList li:nth-child(3n) {
    margin-right: 0;
  }
  .itemsList li:nth-child(3n+1) {
    clear: both;
  }
  .itemsList .itemImageWrap img {
    max-height: 100%;
    vertical-align: top;
  }
}
@media all and (max-width: 780px) {
  .itemsList li {
    width: 48%;
    margin: 0 4% 4% 0;
    float: left;
  }
  .itemsList li:nth-child(2n) {
    margin-right: 0;
  }
  .itemsList li:nth-child(2n+1) {
    clear: both;
  }
  .itemsList .itemImageWrap img {
    max-height: 100%;
    vertical-align: top;
  }
}
@media all and (min-width : 1320px) {
  .complementedList li,
  .recentlyViewedList li {
    width: 23.5%;
    margin: 0 2% 2% 0;
    float: left;
  }
  .complementedList li:nth-child(4n),
  .recentlyViewedList li:nth-child(4n) {
    margin-right: 0;
  }
  .complementedList li:nth-child(4n+1),
  .recentlyViewedList li:nth-child(4n+1) {
    clear: both;
  }
  .complementedList .itemImageWrap img,
  .recentlyViewedList .itemImageWrap img {
    max-height: 100%;
    vertical-align: top;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .complementedList,
  .recentlyViewedList {
    margin-bottom: 20px;
  }
  .complementedList li,
  .recentlyViewedList li {
    width: 23.5%;
    margin: 0 2% 2% 0;
    float: left;
  }
  .complementedList li:nth-child(4n),
  .recentlyViewedList li:nth-child(4n) {
    margin-right: 0;
  }
  .complementedList li:nth-child(4n+1),
  .recentlyViewedList li:nth-child(4n+1) {
    clear: both;
  }
  .complementedList .itemImageWrap img,
  .recentlyViewedList .itemImageWrap img {
    max-height: 100%;
    vertical-align: top;
  }
}
@media all and (max-width: 780px) {
  .complementedList li,
  .recentlyViewedList li {
    width: 48%;
    margin: 0 4% 4% 0;
    float: left;
  }
  .complementedList li:nth-child(2n),
  .recentlyViewedList li:nth-child(2n) {
    margin-right: 0;
  }
  .complementedList li:nth-child(2n+1),
  .recentlyViewedList li:nth-child(2n+1) {
    clear: both;
  }
  .complementedList .itemImageWrap img,
  .recentlyViewedList .itemImageWrap img {
    max-height: 100%;
    vertical-align: top;
  }
}
/* ------------------------------ */
/* Item Full */
/* ------------------------------ */
.itemWrap {
  position: relative;
  *zoom: 1;
}
.itemWrap:before,
.itemWrap:after {
  content: "";
  display: table;
}
.itemWrap:after {
  clear: both;
}
.itemWrap:before,
.itemWrap:after {
  content: "";
  display: table;
}
.itemWrap:after {
  clear: both;
}
@media all and (min-width: 800px) and (max-width: 1160px) {
  .itemWrap {
    padding: 0 20px;
  }
}
.itemWrap .item {
  *zoom: 1;
  margin-bottom: 20px;
}
.itemWrap .item:before,
.itemWrap .item:after {
  content: "";
  display: table;
}
.itemWrap .item:after {
  clear: both;
}
.itemWrap .item:before,
.itemWrap .item:after {
  content: "";
  display: table;
}
.itemWrap .item:after {
  clear: both;
}
@media all and (max-width: 780px) {
  .itemWrap .breadcrumbWrap {
    display: none;
  }
}
.itemWrap .itemBackButton {
  display: none;
}
@media all and (max-width: 780px) {
  .itemWrap .itemBackButton {
    display: block;
    background: #dedede;
  }
}
.itemWrap .itemBackButton a {
  display: block;
  padding: 10px 20px;
  font-family: var(--primaryFont);
  font-size: 12px;
  text-transform: uppercase;
}
.itemWrap .itemBackButton a i {
  margin-right: 3px;
  font-size: 15px;
}
.itemWrap .itemDescription {
  float: left;
  width: 35%;
  *zoom: 1;
}
.itemWrap .itemDescription:before,
.itemWrap .itemDescription:after {
  content: "";
  display: table;
}
.itemWrap .itemDescription:after {
  clear: both;
}
.itemWrap .itemDescription:before,
.itemWrap .itemDescription:after {
  content: "";
  display: table;
}
.itemWrap .itemDescription:after {
  clear: both;
}
@media all and (max-width: 800px) {
  .itemWrap .itemDescription {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
  }
  .itemWrap .itemDescription h1 {
    padding: 0 20px;
  }
  .itemWrap .itemDescription .itemPrice {
    padding: 0 20px;
  }
  .itemWrap .itemDescription .itemTabWrap {
    padding: 0 20px;
  }
}
.itemWrap .itemDescription h1 {
  margin-bottom: 5px;
}
.itemWrap .itemImages {
  float: left;
  width: 60%;
  *zoom: 1;
  margin-right: 5%;
}
.itemWrap .itemImages:before,
.itemWrap .itemImages:after {
  content: "";
  display: table;
}
.itemWrap .itemImages:after {
  clear: both;
}
.itemWrap .itemImages:before,
.itemWrap .itemImages:after {
  content: "";
  display: table;
}
.itemWrap .itemImages:after {
  clear: both;
}
@media all and (max-width: 800px) {
  .itemWrap .itemImages {
    margin: 0;
    padding: 0 20px;
    width: 100%;
    clear: both;
  }
}
.itemWrap .itemPriceWrap {
  color: #808080;
}
.salePercentage {
  font-family: var(--primaryFont);
  font-size: 14px;
  color: #fff;
  background: #d02a21;
  text-transform: uppercase;
  padding: 4px 20px;
  display: inline-block;
  line-height: 100%;
  position: relative;
}
.salePercentage:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 10px;
  margin-top: -1px;
  height: 2px;
  width: 2px;
  background: #fff;
}
.salePercentage:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -1px;
  height: 2px;
  width: 2px;
  background: #fff;
}
.itemDescription .itemPriceWrap {
  font-family: var(--primaryFont);
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 20px;
  *zoom: 1;
}
.itemDescription .itemPriceWrap:before,
.itemDescription .itemPriceWrap:after {
  content: "";
  display: table;
}
.itemDescription .itemPriceWrap:after {
  clear: both;
}
.itemDescription .itemPriceWrap:before,
.itemDescription .itemPriceWrap:after {
  content: "";
  display: table;
}
.itemDescription .itemPriceWrap:after {
  clear: both;
}
.itemDescription .itemPriceWrap .priceNow {
  font-size: 20px;
  color: #d02a21;
  display: inline-block;
}
.itemDescription .itemPriceWrap .priceWas {
  font-size: 17px;
  text-decoration: line-through;
  margin-right: 10px;
  display: inline-block;
}
.itemDescription .itemPriceWrap .salePercentage {
  display: inline-block;
  margin-left: 10px;
  position: relative;
  top: -3px;
}
.addToBasketWrap {
  background: #e9e9e9;
  text-align: center;
  padding: 20px;
  margin: 0 0 25px;
  *zoom: 1;
}
.addToBasketWrap:before,
.addToBasketWrap:after {
  content: "";
  display: table;
}
.addToBasketWrap:after {
  clear: both;
}
.addToBasketWrap:before,
.addToBasketWrap:after {
  content: "";
  display: table;
}
.addToBasketWrap:after {
  clear: both;
}
.addToBasketWrap #addToBag {
  background: #262626;
  color: #fff;
  font-family: var(--primaryFont);
  text-transform: uppercase;
  font-size: 25px;
  display: inline-block;
  padding: 7px 50px;
  letter-spacing: 1px;
}
.addToBasketWrap #addToBag:hover {
  padding: 6px 48px;
  border: 2px solid #fff;
  outline: 2px solid #262626;
}
.addToBasketWrap .addedToBasket {
  background: #2b8900;
  font-family: var(--primaryFont);
  font-size: 20px;
  color: #fff;
  font-weight: 300;
}
.addToBasketWrap .addedToBasket a {
  color: #fff;
}
.itemColourSelectWrapper,
.itemSizeSelectWrapper {
  float: left;
  width: 50%;
  *zoom: 1;
  margin-bottom: 20px;
}
.itemColourSelectWrapper:before,
.itemSizeSelectWrapper:before,
.itemColourSelectWrapper:after,
.itemSizeSelectWrapper:after {
  content: "";
  display: table;
}
.itemColourSelectWrapper:after,
.itemSizeSelectWrapper:after {
  clear: both;
}
.itemColourSelectWrapper:before,
.itemSizeSelectWrapper:before,
.itemColourSelectWrapper:after,
.itemSizeSelectWrapper:after {
  content: "";
  display: table;
}
.itemColourSelectWrapper:after,
.itemSizeSelectWrapper:after {
  clear: both;
}
.itemColourSelectWrapper label,
.itemSizeSelectWrapper label {
  color: #323130;
  font-family: var(--primaryFont);
  text-transform: uppercase;
  float: left;
  width: 100%;
  text-align: left;
  margin-bottom: 5px;
  font-size: 15px;
}
.itemSizeSelectWrapper,
.itemColourSelectWrapper {
  padding: 0 10px 0 0;
  text-align: left;
}
.itemSizeSelectWrapper .select2-selection__arrow,
.itemColourSelectWrapper .select2-selection__arrow {
  line-height: 38px;
}
.itemSizeSelectWrapper .select2-container--default .select2-selection--single,
.itemColourSelectWrapper .select2-container--default .select2-selection--single {
  background: #fff;
  border: 0;
}
.itemSizeSelectWrapper .select2-container--default .select2-selection--single:after,
.itemColourSelectWrapper .select2-container--default .select2-selection--single:after {
  content: "\f0c9";
  font-family: 'fontAwesome';
  position: absolute;
  top: 10px;
  right: 10px;
  color: #232323;
}
.itemSizeSelectWrapper .select2-container--default .select2-selection--single .select2-selection__rendered,
.itemColourSelectWrapper .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #232323;
}
.itemSizeSelectWrapper .select2-selection__rendered,
.itemColourSelectWrapper .select2-selection__rendered {
  border: 2px solid #232323;
}
.itemSizeSelectWrapper .select2-container--default.select2-container--disabled,
.itemColourSelectWrapper .select2-container--default.select2-container--disabled {
  border: 0;
}
#select2-itemSizes-results,
#select2-colourLinkedItems-results {
  background: #fff;
  color: #232323;
  border: 1px solid #232323;
  border-top: 0;
}
#select2-itemSizes-results .select2-results__option[aria-selected=true],
#select2-colourLinkedItems-results .select2-results__option[aria-selected=true] {
  background: #f1f1f1;
  color: #232323;
}
#select2-itemSizes-results .select2-results__option--highlighted[aria-selected],
#select2-colourLinkedItems-results .select2-results__option--highlighted[aria-selected] {
  background-color: #eee;
  color: #232323;
}
.itemSizeSelectWrapper {
  padding: 0 0 0 10px;
}
.itemImages {
  *zoom: 1;
  position: relative;
}
.itemImages:before,
.itemImages:after {
  content: "";
  display: table;
}
.itemImages:after {
  clear: both;
}
.itemImages:before,
.itemImages:after {
  content: "";
  display: table;
}
.itemImages:after {
  clear: both;
}
.itemImages .largeImage {
  border-bottom: 3px solid #000;
  width: 78%;
  float: left;
  margin-right: 2%;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .itemImages .largeImage {
    float: none;
    width: 80%;
    margin: 0 auto;
  }
}
@media all and (max-width: 780px) {
  .itemImages .largeImage {
    display: none;
  }
}
.thumbs {
  margin: 0;
  padding: 0;
  float: right;
  width: 20%;
  text-align: center;
}
.thumbs a {
  outline: 0;
}
.thumbs li {
  list-style-type: none;
  float: left;
  *zoom: 1;
  margin: 0 0 20px 0;
  line-height: 80px;
}
.thumbs li:before,
.thumbs li:after {
  content: "";
  display: table;
}
.thumbs li:after {
  clear: both;
}
.thumbs li:before,
.thumbs li:after {
  content: "";
  display: table;
}
.thumbs li:after {
  clear: both;
}
.thumbs li.active .imageWrap {
  border: 2px solid #000000;
}
.thumbs li .imageWrap {
  border: 2px solid #c5c5c5;
  overflow: hidden;
  height: 90px;
  width: 90px;
  padding: 3px 3px 0;
  *zoom: 1;
}
.thumbs li .imageWrap:before,
.thumbs li .imageWrap:after {
  content: "";
  display: table;
}
.thumbs li .imageWrap:after {
  clear: both;
}
.thumbs li .imageWrap:before,
.thumbs li .imageWrap:after {
  content: "";
  display: table;
}
.thumbs li .imageWrap:after {
  clear: both;
}
.thumbs li .imageWrap img {
  margin-bottom: 3px;
  max-height: 80px;
}
.thumbs li img {
  vertical-align: middle;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .thumbs {
    width: 100%;
    float: left;
    padding: 20px 0 0;
    text-align: center;
  }
  .thumbs li {
    display: inline-block;
    float: none;
  }
}
@media all and (max-width: 780px) {
  .thumbs {
    display: none;
  }
}
.socialShareButtons {
  clear: both;
  float: left;
  width: 100%;
  *zoom: 1;
  padding: 20px 0;
}
.socialShareButtons:before,
.socialShareButtons:after {
  content: "";
  display: table;
}
.socialShareButtons:after {
  clear: both;
}
.socialShareButtons:before,
.socialShareButtons:after {
  content: "";
  display: table;
}
.socialShareButtons:after {
  clear: both;
}
.socialShareButtons h4 {
  float: left;
  margin: 0 20px 0 0;
  line-height: 22px;
  font-size: 15px;
  position: relative;
  top: -2px;
}
.socialShareButtons .addthis_button_tweet {
  width: 90px;
}
.itemInputWrap {
  margin: 0 0 15px;
}
.itemSizesRow label {
  display: none;
}
/* Item Tabs */
.itemTabWrap {
  *zoom: 1;
  position: relative;
}
.itemTabWrap:before,
.itemTabWrap:after {
  content: "";
  display: table;
}
.itemTabWrap:after {
  clear: both;
}
.itemTabWrap:before,
.itemTabWrap:after {
  content: "";
  display: table;
}
.itemTabWrap:after {
  clear: both;
}
.itemTabWrap .itemTabHorz {
  border-bottom: 2px solid #000;
}
.itemTabWrap .itemTabHorz h4 {
  font-family: var(--primaryFont);
  font-size: 18px;
  margin: 0;
  padding: 15px 0;
  position: relative;
}
.itemTabWrap .itemTabHorz h4 i {
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -0.6em;
  font-size: 11px;
}
.itemTabWrap .itemTabHorz .innerText {
  padding: 0 0 15px;
  line-height: 1.7;
}
/* ------------------------------ */
/* ------------------------------ */
/* Checkout CSS */
/* ------------------------------ */
/* ------------------------------ */
#checkout {
  margin: 0;
  padding: 40px 0;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  clear: both;
}
#checkout:before,
#checkout:after {
  content: "";
  display: table;
}
#checkout:after {
  clear: both;
}
#checkout:before,
#checkout:after {
  content: "";
  display: table;
}
#checkout:after {
  clear: both;
}
#checkout:before,
#checkout:after {
  content: "";
  display: table;
}
#checkout:after {
  clear: both;
}
#checkout:before,
#checkout:after {
  content: "";
  display: table;
}
#checkout:after {
  clear: both;
}
.spar #checkout,
.premier #checkout {
  max-width: 1160px;
}
#checkout:before,
#checkout:after {
  content: "";
  display: table;
}
#checkout:after {
  clear: both;
}
#checkout:before,
#checkout:after {
  content: "";
  display: table;
}
#checkout:after {
  clear: both;
}
.spar #checkout,
.premier #checkout {
  max-width: 1160px;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  #checkout {
    padding: 40px 20px;
  }
}
@media all and (max-width: 780px) {
  #checkout {
    padding: 20px 20px;
  }
}
.checkoutForm .inputError:after {
  content: '\f107';
  font-family: fontAwesome;
  position: absolute;
  top: 0;
  right: 10px;
  font-size: 1.5em;
}
/* ------------------------------ */
/* Main checkout layout */
/* ------------------------------ */
.orderSummaryWrap {
  float: left;
  width: 55%;
  margin-right: 3%;
  *zoom: 1;
}
.orderSummaryWrap:before,
.orderSummaryWrap:after {
  content: "";
  display: table;
}
.orderSummaryWrap:after {
  clear: both;
}
.orderSummaryWrap:before,
.orderSummaryWrap:after {
  content: "";
  display: table;
}
.orderSummaryWrap:after {
  clear: both;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .orderSummaryWrap {
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
    clear: both;
  }
}
@media all and (max-width: 780px) {
  .orderSummaryWrap {
    margin: 0 0 40px;
    padding: 0;
    width: 100%;
    clear: both;
  }
}
.userDetailsWrap {
  float: left;
  width: 42%;
  *zoom: 1;
}
.userDetailsWrap:before,
.userDetailsWrap:after {
  content: "";
  display: table;
}
.userDetailsWrap:after {
  clear: both;
}
.userDetailsWrap:before,
.userDetailsWrap:after {
  content: "";
  display: table;
}
.userDetailsWrap:after {
  clear: both;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .userDetailsWrap {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
  }
}
@media all and (max-width: 780px) {
  .userDetailsWrap {
    margin: 0;
    padding: 0px;
    width: 100%;
    clear: both;
  }
}
#orderSummary {
  *zoom: 1;
  padding: 40px 20px 20px;
  background: #f1f1f1;
  border: 2px solid #000;
  margin-bottom: 20px;
}
#orderSummary:before,
#orderSummary:after {
  content: "";
  display: table;
}
#orderSummary:after {
  clear: both;
}
#orderSummary:before,
#orderSummary:after {
  content: "";
  display: table;
}
#orderSummary:after {
  clear: both;
}
#userDetails {
  *zoom: 1;
  padding-top: 42px;
}
#userDetails:before,
#userDetails:after {
  content: "";
  display: table;
}
#userDetails:after {
  clear: both;
}
#userDetails:before,
#userDetails:after {
  content: "";
  display: table;
}
#userDetails:after {
  clear: both;
}
.checkoutSectionWrap {
  *zoom: 1;
  clear: both;
  border-bottom: 2px solid #000;
  margin-bottom: 30px;
  padding-bottom: 20px;
}
.checkoutSectionWrap:before,
.checkoutSectionWrap:after {
  content: "";
  display: table;
}
.checkoutSectionWrap:after {
  clear: both;
}
.checkoutSectionWrap:before,
.checkoutSectionWrap:after {
  content: "";
  display: table;
}
.checkoutSectionWrap:after {
  clear: both;
}
.checkoutSectionWrap h3 {
  margin-bottom: 20px;
}
.checkoutSectionWrap .fakeInput {
  padding-top: 6px;
}
/* Basket View */
.bagImageWrap {
  height: 50px;
  width: 50px;
  line-height: 47px;
  text-align: center;
  background: #fff;
  border: 1px solid #bfbfbf;
  overflow: hidden;
}
.checkoutTotal {
  font-size: 1.5em;
}
.checkoutButton {
  font-size: 1.5em;
}
@media all and (max-width: 780px) {
  .checkoutButton {
    width: 100%;
  }
}
.goBack {
  font-family: var(--primaryFont);
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}
@media all and (max-width: 780px) {
  .goBack {
    width: 100%;
  }
}
/* Checkout Members styles */
.memberAlready {
  padding: 20px;
  background: #f1f1f1;
  border: 2px solid #000;
  margin-bottom: 20px;
}
.termsLink {
  text-decoration: underline;
}
/* ------------------------------ */
/* Basket Overview */
/* ------------------------------ */
.overviewHeader {
  *zoom: 1;
}
.overviewHeader:before,
.overviewHeader:after {
  content: "";
  display: table;
}
.overviewHeader:after {
  clear: both;
}
.overviewHeader:before,
.overviewHeader:after {
  content: "";
  display: table;
}
.overviewHeader:after {
  clear: both;
}
.detailsOverview .checkoutSectionWrap {
  margin: 0 0 20px;
  padding: 0 0 10px;
}
.detailsOverview .checkoutSectionWrap h3 {
  position: relative;
  margin: 0;
  padding: 0;
}
.detailsOverview .checkoutSectionWrap h3 i {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 1.5em;
  color: #000;
}
.overviewContent {
  clear: both;
  *zoom: 1;
  width: 100%;
  display: none;
  padding: 20px 0;
}
.overviewContent:before,
.overviewContent:after {
  content: "";
  display: table;
}
.overviewContent:after {
  clear: both;
}
.overviewContent:before,
.overviewContent:after {
  content: "";
  display: table;
}
.overviewContent:after {
  clear: both;
}
.editBasket {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 1.2em;
  border: 0;
  background: 0;
  font-size: 16px;
  padding: 0.75em 1.75em;
  background: var(--buttonColor);
  color: var(--buttonColorReverse);
  font-family: var(--bodyFont);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  letter-spacing: 1px;
  float: right;
  font-size: 0.8em;
  padding: 10px 15px;
}
.editBasket i {
  padding-left: 0.25em;
}
.editBasket.buttonSmall {
  font-size: 1em;
}
.editBasket.buttonLarge {
  font-size: 1.8em;
}
.editBasket i {
  padding-left: 0.25em;
}
.editBasket.buttonSmall {
  font-size: 1em;
}
.editBasket.buttonLarge {
  font-size: 1.8em;
}
.editBasket:focus {
  outline: 0;
}
.editBasket:hover {
  background: var(--buttonColorHover);
}
.spar .editBasket:hover {
  background-color: #ff7474;
  color: #FFF;
}
.premier .editBasket:hover {
  background-color: #7b0b6c;
  color: #FFF;
}
.editBasket[disabled] {
  background: var(--buttonColor);
}
.editBasket[disabled]:hover {
  background: var(--buttonColor);
}
.editBasket.forward {
  position: relative;
  padding-right: 3em;
}
.editBasket.forward.storeButtonOverlayButton {
  margin-top: 10px;
  width: calc(100% + 10px);
}
.editBasket.forward:after {
  content: "\f105";
  font-family: "fontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.editBasket.back {
  position: relative;
  padding-left: 3em;
}
.editBasket.back:after {
  content: "\f104";
  font-family: "fontAwesome";
  position: absolute;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.editBasket#add_to_basket {
  position: relative;
}
.editBasket#add_to_basket.hideText span {
  opacity: 0;
}
.editBasket#add_to_basket i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 22px;
  padding: 0;
  line-height: 0;
  -webkit-animation: fa-spin-icon 2s infinite linear;
  animation: fa-spin-icon 2s infinite linear;
}
.editBasket a {
  color: inherit;
}
/* ------------------------------ */
/* Basket View */
/* ------------------------------ */
.basketMobileItem {
  display: none;
  *zoom: 1;
  border-bottom: 2px solid #000;
  padding: 20px 0;
}
.basketMobileItem:before,
.basketMobileItem:after {
  content: "";
  display: table;
}
.basketMobileItem:after {
  clear: both;
}
.basketMobileItem:before,
.basketMobileItem:after {
  content: "";
  display: table;
}
.basketMobileItem:after {
  clear: both;
}
.basketMobileItem .mobileBagItemQuantity {
  width: 50px;
  padding: 5px 10px;
  border: 1px solid #000;
  text-align: center;
  position: relative;
  top: -3px;
}
.basketMobileItem .basketItemThumbWrap {
  float: left;
  width: 20%;
  margin-right: 5%;
  margin-bottom: 20px;
  overflow: hidden;
  border: 1px solid #ccc;
}
.basketMobileItem .basketItemDetails {
  float: left;
  width: 75%;
}
.basketMobileItem .mobileItemDelete {
  background: 0;
  border: 0;
}
.basketMobileItem .itemNameWrap {
  font-size: 16px;
  text-transform: uppercase;
  font-family: var(--primaryFont);
  margin-bottom: 20px;
}
.basketMobileItem .itemPrice {
  font-size: 16px;
  text-transform: uppercase;
  font-family: var(--primaryFont);
}
.basketMobileItem .itemQuantityWrap {
  float: right;
}
.basketMobileItem .itemQuantityWrap .sbHolder {
  height: 25px;
  width: 60px;
  min-width: 60px;
  font-size: 16px;
}
.basketMobileItem .itemQuantityWrap .sbSelector {
  font-size: 13px;
}
.basketMobileItem .itemQuantityWrap .sbSelector,
.basketMobileItem .itemQuantityWrap .sbToggle {
  line-height: 27px;
}
.basketMobileItem .basketIcon {
  float: right;
}
.mobileItemAlert {
  display: none;
}
@media all and (max-width: 780px) {
  .mobileItemAlert {
    display: block;
  }
  .basketMobileItem {
    display: block;
  }
  #bagItems {
    display: none;
  }
}
.itemQuantityWrap .sbHolder {
  width: 80px;
  min-width: 80px;
}
#bagItems th,
#bagItems td {
  padding: 10px;
  text-align: center;
}
#bagItems th:first-child,
#bagItems td:first-child {
  padding-left: 0;
  text-align: left;
}
#bagItems th:last-child,
#bagItems td:last-child {
  text-align: right;
  padding-right: 0;
}
#bagItems th.bagDescription,
#bagItems td.bagDescription {
  text-align: left;
}
#bagItems .bagThumb {
  padding: 5px;
}
#bagItems th {
  border-bottom: 2px solid #000;
  text-transform: uppercase;
  padding: 10px;
}
#bagItems .bagItem {
  font-size: 15px;
  font-family: var(--primaryFont);
  text-transform: uppercase;
}
#bagItems .bagItem .bagItemQuantity {
  width: 50px;
  padding: 5px 10px;
  border: 1px solid #000;
  text-align: center;
}
#bagItems .itemAlert td {
  text-align: left;
}
#totals {
  font-size: 15px;
  font-family: var(--primaryFont);
  text-transform: uppercase;
}
#totals tr td {
  border-bottom: 2px solid #000;
  padding: 20px 0;
}
#totals tr tdnth-child(2n) {
  text-align: right;
}
#totals tr td:first-child {
  padding-left: 0;
}
#totals tr:last-child td {
  border-bottom: 0;
}
#totals tr td:nth-child(2n) {
  text-align: right;
}
form .discount .row {
  margin: 0;
}
form .discount .row .buttonInline input[type="submit"] {
  padding: 7px 10px;
}
#billingPostcodeSearch,
#shippingPostcodeSearch {
  width: 35%;
}
@media all and (max-width: 780px) {
  #billingPostcodeSearch,
  #shippingPostcodeSearch {
    width: 100%;
  }
}
#billingAddressListRow,
#shippingAddressListRow {
  display: none;
}
form .row .buttonInline input[type="submit"] {
  line-height: 19px;
  font-size: 13px;
  padding: 6px 10px;
}
.deliveryOptions {
  line-height: 38px;
}
.deliveryOptions td,
.deliveryOptions .row {
  padding: 0;
  margin: 0;
}
.deliveryOptions .deliverySelect {
  float: left;
  width: 70%;
}
@media all and (max-width: 780px) {
  .deliveryOptions .deliverySelect {
    width: 100%;
    margin-bottom: 10px;
    text-align: right;
  }
}
.deliveryOptions .deliveryTotal {
  float: left;
  width: 30%;
  padding: 0 0 0 20px;
  text-align: right;
  line-height: 38px;
}
@media all and (max-width: 780px) {
  .deliveryOptions .deliveryTotal {
    width: 100%;
  }
}
.termslink {
  text-decoration: underline;
}
.itemUpdateButton,
.itemDeleteButton {
  border: 0;
  background: 0;
  padding: 0;
}
table tr td .success,
table tr td .error {
  margin: 0;
}
/* Sage Pay Server */
.sagepayServerForm {
  clear: both;
}
.sagepayServerForm h2 {
  margin: 0;
}
.sagePayServerIframe {
  height: 550px;
  width: 100%;
  border: 0;
}
.PayPalForm {
  *zoom: 1;
  float: right;
}
.PayPalForm:before,
.PayPalForm:after {
  content: "";
  display: table;
}
.PayPalForm:after {
  clear: both;
}
.PayPalForm:before,
.PayPalForm:after {
  content: "";
  display: table;
}
.PayPalForm:after {
  clear: both;
}
.paypalSubmit {
  background: 0;
  border: 0;
  float: left;
}
.paymentChoiceMessage {
  float: left;
  font-family: var(--primaryFont);
  font-size: 22px;
  text-transform: uppercase;
  line-height: 35px;
}
/* Order Complete */
.orderComplete {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  padding: 40px 0;
}
.orderComplete:before,
.orderComplete:after {
  content: "";
  display: table;
}
.orderComplete:after {
  clear: both;
}
.orderComplete:before,
.orderComplete:after {
  content: "";
  display: table;
}
.orderComplete:after {
  clear: both;
}
.spar .orderComplete,
.premier .orderComplete {
  max-width: 1160px;
}
.orderComplete:before,
.orderComplete:after {
  content: "";
  display: table;
}
.orderComplete:after {
  clear: both;
}
.orderComplete:before,
.orderComplete:after {
  content: "";
  display: table;
}
.orderComplete:after {
  clear: both;
}
.spar .orderComplete,
.premier .orderComplete {
  max-width: 1160px;
}
.orderComplete:before,
.orderComplete:after {
  content: "";
  display: table;
}
.orderComplete:after {
  clear: both;
}
.orderComplete:before,
.orderComplete:after {
  content: "";
  display: table;
}
.orderComplete:after {
  clear: both;
}
@media all and (min-width : 1320px) {
  .orderComplete {
    min-height: 700px;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .orderComplete {
    min-height: 500px;
  }
}
.orderComplete table {
  float: left;
  max-width: 600px;
}
.orderComplete table th:first-child,
.orderComplete table td:first-child {
  padding-left: 0;
}
.orderComplete table th:last-child,
.orderComplete table td:last-child {
  padding-right: 0;
}
.orderComplete table th {
  font-family: var(--primaryFont);
  font-size: 16px;
  text-transform: uppercase;
  font-weight: normal;
}
.deliveryDetails p {
  font-weight: bold;
}
.whatYouDo,
.whatWeDo {
  float: left;
  width: 48%;
  margin-right: 4%;
  padding: 20px 0;
}
.whatYouDo ul,
.whatWeDo ul {
  list-style-type: disc;
  padding-left: 15px;
}
.whatWeDo {
  margin-right: 0;
}
.buttonBottomCheckout {
  margin: 30px auto 0;
  text-align: center;
}
.basketMessage p {
  border: 1px solid #e0e0e0;
  padding: 14px 1em;
  border-radius: 3px;
  background-clip: padding-box;
}
.toastTotalsTable {
  max-width: 300px;
  border: 1px solid #f2f2f2;
}
.spreedlyPaymentForm.form {
  padding: 5px 20px 15px 20px;
}
.spreedlyPaymentForm label {
  margin-bottom: 10px;
  display: block;
}
.spreedlyPaymentForm .spreedlyCardNumber {
  width: 100%;
}
.spreedlyPaymentForm .spreedlyCardNumber iframe {
  color: #ccc;
  height: 32px;
  margin-bottom: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 0.875rem;
}
.spreedlyPaymentForm .spreedlyCvv {
  width: 80px;
}
.spreedlyPaymentForm .spreedlyCvv iframe {
  color: #ccc;
  height: 32px;
  margin-bottom: 20px;
  padding: 5px 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
  font-size: 0.875rem;
}
.spreedlyPaymentForm .spreedlyExpiry .spreedlyExpiryMonth {
  font: 400 13.3333px Arial;
  color: black;
  letter-spacing: normal;
  word-spacing: normal;
  height: 32px;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.spreedlyPaymentForm .spreedlyExpiry .spreedlyExpiryYear {
  font: 400 13.3333px Arial;
  color: black;
  letter-spacing: normal;
  word-spacing: normal;
  height: 32px;
  width: 100%;
  margin-bottom: 20px;
  padding: 12px;
  border: 1px solid #ccc;
  border-radius: 3px;
}
.spreedlyPaymentForm .spreedlyExpiry .spreedlySubmitButton {
  width: 100%;
}
#payment_buttons .googleStatement {
  font-size: 12px;
  margin: 20px 0 0;
}
.mainBasket h1 {
  text-align: center;
}
/* GEO Buttons */
#geoButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: 10px;
}
#geoButtons .button {
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}
#geoButtons .button:hover {
  background: var(--buttonColor);
}
#geoButtons .distance {
  text-transform: lowercase;
  font-size: 13px;
  font-weight: normal;
}
.paymentPage {
  text-align: center;
}
/* ------------------------------ */
/* Mobile Menu */
/* ------------------------------ */
.siteOuterWrapper {
  max-width: 100%;
  min-height: 100%;
  position: relative;
  *zoom: 1;
  overflow: hidden;
}
.siteOuterWrapper:before,
.siteOuterWrapper:after {
  content: "";
  display: table;
}
.siteOuterWrapper:after {
  clear: both;
}
.siteOuterWrapper:before,
.siteOuterWrapper:after {
  content: "";
  display: table;
}
.siteOuterWrapper:after {
  clear: both;
}
.siteInnerWrapper {
  clear: both;
}
/* Got a full screen background? You might need this to stop the flashers
*:not(html) {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
*/
.flyout,
.mobileBar {
  display: none;
}
/* Breakpoint for mobile menu to appear, can be set to whatever site needs */
@media all and (max-width: 780px) {
  .siteOuterWrapper {
    overflow: hidden;
    position: relative;
    z-index: 10;
    min-height: 100%;
  }
  .siteOuterWrapper > div.transform {
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .siteOuterWrapper > div.transform.alive {
    -webkit-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
  }
  .flyoutWrap {
    position: fixed;
    top: 0;
    right: -80%;
    width: 80%;
    min-height: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
  }
  .flyoutWrap.alive {
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
  }
  .menuleft .siteOuterWrapper > div.transform.alive {
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
  }
  .menuleft .flyoutWrap {
    right: auto;
    left: -80%;
  }
  .menuleft .flyoutWrap.alive {
    -webkit-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
  /* The flyout button */
  .flyout {
    top: 22px;
    left: 20px;
    position: absolute;
  }
  .flyout.right {
    float: right;
  }
  .flyout.left {
    float: left;
  }
  .flyout a .line {
    -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    left: 0px;
    display: block;
    position: absolute;
    overflow: hidden;
  }
  .flyout a .line:after {
    content: ' ';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 0%;
    transform-origin: 0 0%;
  }
  .flyout a .line:nth-child(1) {
    -webkit-transform-origin: 28% 0;
    transform-origin: 28% 0;
    top: 0px;
    z-index: 2;
  }
  .flyout a .line:nth-child(1):after {
    -webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1) 0s;
    transition: all 0.4s cubic-bezier(1, 0, 0, 1) 0s;
  }
  .flyout a .line:nth-child(2) {
    top: 9px;
    z-index: 1;
    -webkit-transition: opacity 0.4s linear 0.5s;
    transition: opacity 0.4s linear 0.5s;
  }
  .flyout a .line:nth-child(2):after {
    -webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1) 0.1s;
    transition: all 0.4s cubic-bezier(1, 0, 0, 1) 0.1s;
  }
  .flyout a .line:nth-child(3) {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    top: 18px;
    z-index: 3;
  }
  .flyout a .line:nth-child(3):after {
    -webkit-transition: all 0.4s cubic-bezier(1, 0, 0, 1) 0.2s;
    transition: all 0.4s cubic-bezier(1, 0, 0, 1) 0.2s;
  }
  .flyout.alive {
    -webkit-transition: all 0.4s linear 0s;
    transition: all 0.4s linear 0s;
  }
  .flyout.alive a .line {
    background: var(--mainColor);
  }
  .flyout.alive a .line:nth-child(1) {
    -webkit-transform: translateX(5px) rotate(45deg);
    transform: translateX(5px) rotate(45deg);
  }
  .flyout.alive a .line:nth-child(2) {
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 0;
  }
  .flyout.alive a .line:nth-child(3) {
    -webkit-transform: translateX(5px) rotate(-45deg);
    transform: translateX(5px) rotate(-45deg);
  }
}
/* ------------------------------ */
/* Mobile Menu (style) */
/* ------------------------------ */
.subNav .title {
  cursor: pointer;
}
.subNav ul {
  display: none;
}
@media all and (max-width: 780px) {
  .flyoutWrap {
    background: var(--staticFlyoutBg);
  }
  .flyoutWrap li {
    display: block;
    width: 100%;
    float: none;
  }
  .flyoutWrap li.parent > a:after {
    font-family: "FontAwesome";
    content: "\f0da";
    position: absolute;
    right: 10px;
    top: 10px;
    -webkit-transition: all 300ms ease-in-out 0s;
    transition: all 300ms ease-in-out 0s;
  }
  .flyoutWrap li.parent.open > a:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
  }
  .flyoutWrap li a {
    width: 100%;
    display: block;
    color: #fff;
  }
  .flyoutWrap li ul {
    position: relative;
    width: 100%;
    *zoom: 1;
    margin: 0;
  }
  .flyoutWrap li ul:before,
  .flyoutWrap li ul:after {
    content: "";
    display: table;
  }
  .flyoutWrap li ul:after {
    clear: both;
  }
  .flyoutWrap li ul:before,
  .flyoutWrap li ul:after {
    content: "";
    display: table;
  }
  .flyoutWrap li ul:after {
    clear: both;
  }
  .flyoutWrap li ul li {
    float: none;
  }
  .flyoutWrap li ul ul {
    display: block;
    position: relative;
  }
  /* The flyout button */
  .flyout {
    width: 36px;
    display: block;
    cursor: pointer;
    z-index: 5001;
    color: #FFF;
    top: 50%;
    left: auto;
    right: 20px;
    position: absolute;
    margin-top: 12px;
  }
  .flyout a {
    display: block;
    width: 100%;
    height: 24px;
    font-size: 2em;
    line-height: 1;
    color: #FFF;
    float: right;
    text-align: center;
    position: relative;
  }
  .flyout a .text {
    color: var(--navSubColor);
    font-size: 12px;
    display: block;
    width: auto;
    font-size: 10px;
    position: absolute;
    bottom: -12px;
    text-align: center;
    text-transform: uppercase;
    right: 50%;
    -webkit-transform: translateX(50%);
            transform: translateX(50%);
    white-space: nowrap;
  }
  .home .flyout a .text {
    color: var(--navColor);
  }
  .flyout a .line {
    background: var(--navSubColor);
    width: 100%;
    height: 3px;
  }
  .home .flyout a .line {
    background: var(--navColor);
  }
  .flyout a .line:after {
    height: 2px;
    background: var(--navSubColor);
  }
  .home .flyout a .line:after {
    background: var(--navColor);
  }
  .flyout.alive a .line {
    background: var(--navSubColor);
  }
  .home .flyout.alive a .line {
    background: var(--navColor);
  }
  /* End of the flyout button */
}
.ajaxerror {
  display: none;
  float: left;
  width: 100%;
}
.ajaxerror h2 {
  margin-top: 20px;
}
.basket_row {
  font-weight: bold;
}
.basket_row div {
  float: left;
}
/* ------------------------------ */
/* Takeaway Mini Basket  */
/* ------------------------------ */
.miniBasket {
  float: right;
  position: relative;
  background: var(--topbarBasketColor);
}
.miniBasket > li a {
  height: 46px;
  line-height: 46px;
  padding: 0 1.75em;
  font-size: 1.1428571428571428em;
}
.miniBasket > li a span {
  font-weight: 500;
  margin-left: 0.25em;
}
.miniBasket > li a svg {
  height: 16px;
  vertical-align: middle;
  fill: #FFF;
}
@media only screen and (max-width:780px) {
  .miniBasket > li a {
    font-size: 0.9285714285714286em;
  }
}
/* ------------------------------ */
/* Takeaway Store Search */
/* ------------------------------ */
.selectStore {
  text-align: center;
  background-position: center;
  padding: 20px 0;
}
.selectStore h1 {
  font-size: 2.2857142857142856em;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width:640px) {
  .selectStore h1 {
    font-size: 2.2857142857142856em;
  }
}
.selectStore .info {
  font-weight: 700;
}
.selectStore .info.toggled {
  display: none;
}
.overlayBox .selectStore {
  margin-top: 0px;
}
.storeSearch {
  width: 100%;
  max-width: 700px;
  margin: 0px auto 40px auto;
  background: rgba(255, 255, 255, 0.1);
  padding: 0;
  border-radius: 4px;
  background-clip: padding-box;
}
.storeSearch .row {
  width: 47.5%;
  margin: 0;
}
.storeSearch .row .localitySwitch {
  padding-bottom: 20px;
  padding-top: 70px;
  font-size: 90%;
}
.storeSearch .row .text {
  font-size: 16px;
  padding: 0 1em;
  height: 47px;
  line-height: 47px;
  border-radius: 4px;
  background-clip: padding-box;
}
.storeSearch .button {
  width: 47.5%;
  margin-left: 5%;
}
@media only screen and (max-width:480px) {
  .storeSearch {
    padding: 0;
  }
  .storeSearch .row {
    width: 100%;
    margin: 0 0 1em 0;
  }
  .storeSearch .button {
    width: 100%;
    margin: 0;
  }
}
.storeSearch.toggled {
  display: none;
}
.selectStore h1 {
  padding-bottom: 16px;
}
.orderSteps {
  text-align: center;
  margin: 0 0 40px 0;
}
.orderSteps li {
  position: relative;
  display: inline-block;
  color: var(--fontDark);
  font-family: var(--bodyFont);
  font-size: 1.5em;
  font-weight: 700;
  padding: 0 12px;
}
@media (max-width: 640px) {
  .orderSteps li.active {
    color: var(--mainColor);
  }
}
.orderSteps li:after {
  content: "\f105";
  position: absolute;
  right: -0.375em;
  font-family: "fontAwesome";
  font-weight: 400;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--fontDark);
}
.orderSteps li:last-child:after {
  display: none;
}
@media only screen and (max-width:780px) {
  .orderSteps li {
    font-size: 1.1428571428571428em;
  }
}
.selectStore .orderSteps {
  margin-bottom: 1em;
}
.selectStore .orderSteps li {
  text-shadow: none;
}
.storeList {
  padding-bottom: 20px;
  -webkit-transition: opacity ease-in-out 300ms;
  transition: opacity ease-in-out 300ms;
}
.storeList ul {
  margin-bottom: 1em;
}
.storeList ul:last-child {
  margin-bottom: 0;
}
.storeList ul li {
  font-size: 16px;
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
@media (max-width: 400px) {
  .storeList ul li {
    font-size: 14px;
  }
}
.storeList ul li:last-child {
  margin-bottom: 0;
  border-bottom: none;
}
.storeList ul li b {
  font-weight: 700;
  color: var(--fontDark);
}
.storeList h4 {
  font-size: 1.2857142857142858em;
  font-weight: 700;
}
/* ------------------------------ */
/* Takeaway Login Page */
/* ------------------------------ */
.guestWrap,
.loginWrap {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
  margin-top: 2em;
  margin-bottom: 40px;
  text-align: center;
  min-height: 273px;
  padding: 0;
}
.guestWrap .guestWrapInner,
.loginWrap .guestWrapInner,
.guestWrap .loginWrapInner,
.loginWrap .loginWrapInner {
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.guestWrap:nth-child(2n),
.loginWrap:nth-child(2n) {
  margin-right: 0;
}
.guestWrap h4,
.loginWrap h4 {
  margin-bottom: 0.75em;
}
.guestWrap h2,
.loginWrap h2 {
  margin-bottom: 1em;
}
.guestWrap p,
.loginWrap p {
  font-size: 0.8571428571428571em;
  margin-bottom: 1.5em;
}
.guestWrap .button,
.loginWrap .button,
.guestWrap .buttonAlt,
.loginWrap .buttonAlt {
  min-width: 265px;
}
.guestWrap .link,
.loginWrap .link {
  -webkit-appearance: none;
  cursor: pointer;
  background: none;
  padding: 0;
}
.guestWrap.noLoginButton,
.loginWrap.noLoginButton {
  float: none;
  margin-left: auto;
  margin-right: auto;
}
@media all and (max-width: 780px) {
  .guestWrap.noLoginButton,
  .loginWrap.noLoginButton {
    margin-bottom: 30px;
  }
}
@media all and (max-width: 780px) {
  .guestWrap,
  .loginWrap {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
    min-height: 0;
  }
  .guestWrap:nth-child(1n),
  .loginWrap:nth-child(1n) {
    margin-right: 0;
  }
  .guestWrap .button,
  .loginWrap .button {
    min-width: 0;
  }
}
@media all and (max-width: 780px) {
  .guestWrap {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.loginWrap.center {
  float: none;
  width: 100%;
  max-width: 580px;
  margin: 0 auto 20px;
}
/* ------------------------------ */
/* Takeaway Checkout */
/* ------------------------------ */
#checkoutForm,
#payment-form {
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  *zoom: 1;
  text-align: center;
  padding: 30px;
  width: 60%;
  margin: 0 auto 2em auto;
}
#checkoutForm:before,
#payment-form:before,
#checkoutForm:after,
#payment-form:after {
  content: "";
  display: table;
}
#checkoutForm:after,
#payment-form:after {
  clear: both;
}
#checkoutForm:before,
#payment-form:before,
#checkoutForm:after,
#payment-form:after {
  content: "";
  display: table;
}
#checkoutForm:after,
#payment-form:after {
  clear: both;
}
@media only screen and (max-width:880px) {
  #checkoutForm,
  #payment-form {
    width: 80%;
  }
}
@media only screen and (max-width:640px) {
  #checkoutForm,
  #payment-form {
    width: 100%;
  }
}
#checkoutForm.onePageCheckout,
#payment-form.onePageCheckout {
  width: 90%;
}
#checkoutForm h2,
#payment-form h2 {
  float: left;
  width: 100%;
  text-align: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 0.5em;
  margin-bottom: 0.75em;
}
#checkoutForm .buttonGroup,
#payment-form .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
#checkoutForm .buttonGroup + .buttonGroup,
#payment-form .buttonGroup + .buttonGroup {
  margin-top: 20px;
}
#checkoutForm .buttonGroup .button,
#payment-form .buttonGroup .button,
#checkoutForm .buttonGroup .buttonAlt,
#payment-form .buttonGroup .buttonAlt,
#checkoutForm .buttonGroup .link,
#payment-form .buttonGroup .link {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media only screen and (max-width:640px) {
  #checkoutForm .buttonGroup .link,
  #payment-form .buttonGroup .link {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.pageBanner.checkout h1 {
  padding-bottom: 0.25em;
}
.pageBanner.checkout .orderSteps {
  margin: 210px 0 40px;
}
.pageBanner.checkout .orderSteps li {
  padding: 0 0.75em;
}
.pageBanner.checkout .orderSteps li:after {
  display: none;
}
@media only screen and (max-width:480px) {
  .pageBanner.checkout .orderSteps li {
    margin-bottom: 0.5em;
    font-size: 0.9285714285714286em;
  }
}
.stepNumber {
  display: inline-block;
  width: 1.75em;
  height: 1.75em;
  border-radius: 50%;
  background-clip: padding-box;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 1.75em;
  margin-right: 0.5em;
  text-shadow: none;
}
@media (max-width: 640px) {
  .stepNumber {
    display: none;
  }
}
.stepNumber.active {
  background: var(--mainColorAlt);
  color: #fff;
}
#payment-form .row.expiry input {
  float: left;
  width: 50%;
  clear: none;
}
#payment-form .row.expiry label {
  width: 100%;
  text-align: left;
}
#payment-form .row.expiry .expiry_month {
  border-radius: 3px 0 0 3px;
  background-clip: padding-box;
}
#payment-form .row.expiry .expiry_year {
  border-radius: 0 3px 3px 0;
  background-clip: padding-box;
  border-left: 0;
}
.payment-errors.hidden {
  display: none;
}
.payment-errors {
  float: left;
  width: 100%;
  text-align: left;
  clear: both;
  padding: 15px;
  border-radius: 2px;
  margin: 0 0 15px 0;
  background: #F2DEDE;
  color: #B94A48;
  border: 1px solid #EED3D7;
}
.payment-errors > * {
  color: inherit;
}
.payment-errors ul {
  margin: 0;
  padding: 0 0 0 15px;
}
.payment-errors ul li {
  background: none;
  padding: 0;
  margin: 0;
}
input.icon.cc-cvc {
  background: url("../images/icons/cvc.png") no-repeat 16px center, url("../img/cd-required.svg") no-repeat;
  background-position: 96% 9px;
  background-size: 40px auto;
}
.stripeLogo {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 1.5em;
}
.stripeLogo img {
  max-width: 140px;
}
.stripe .payment-errors h4 {
  font-size: 1.1428571428571428em;
}
/* ------------------------------ */
/* Takeaway Pages */
/* ------------------------------ */
.menuCategoriesList,
.menuOrder #basket_html,
.menuInfo {
  background: #fff;
  border: 1px solid var(--border_color);
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  margin: 0;
}
.menuCategories > h2,
.menuOrder > h2 {
  font-size: 28px;
  font-size: 2rem;
  margin: 0 0 20px;
}
.menuCategoriesWrap {
  float: left;
  width: 18.18181818%;
  margin-right: 2.27272727%;
  min-height: 100px;
  /* Important */
  margin-bottom: 24px;
}
.menuCategoriesWrap:last-child {
  margin-right: 0;
}
.menuItems {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
.menuItems:last-child {
  margin-right: 0;
}
.menuItems.noCategories {
  float: left;
  width: 69.31818182%;
  margin-right: 2.27272727%;
  margin-right: 0;
}
.menuItems.noCategories:last-child {
  margin-right: 0;
}
.menuOrderWrap {
  width: 30.6818182%;
  float: left;
  min-height: 100px;
  /* Important */
  margin-bottom: 24px;
}
@media all and (min-width: 1110px) and (max-width: 1330px) {
  .full_width .menuOrderWrap {
    width: 30%;
  }
}
h3 + .menuCategoryDesc {
  margin-top: 0;
}
.menuCategoryDesc {
  float: left;
  width: 100%;
  margin-top: 24px;
  margin-bottom: 0;
}
.menuCategoryDesc:first-child {
  margin-top: 0;
}
.menuCategoryDesc + .menuCategoryContent,
.menuCategoryDesc + .mtcMenuItem {
  margin-top: 36px;
}
.menuCategoryDesc + .menuCategoryContent.noItems,
.menuCategoryDesc + .mtcMenuItem.noItems {
  margin-top: 0;
}
.menuCategoryDesc p {
  font-size: 14px;
}
@media only screen and (max-width:1160px) {
  .menuCategoriesWrap {
    float: left;
    width: 23.29545455%;
    margin-right: 2.27272727%;
  }
  .menuCategoriesWrap:nth-child(4n) {
    margin-right: 0;
  }
  .menuItems {
    float: left;
    width: 74.43181818%;
    margin-right: 2.27272727%;
    float: right;
    margin-right: 0;
  }
  .menuItems:last-child {
    margin-right: 0;
  }
  .menuOrderWrap {
    display: none !important;
  }
}
@media only screen and (max-width:780px) {
  .menuCategoriesWrap {
    display: none;
  }
  .menuItems {
    float: left;
    width: 100%;
    *zoom: 1;
  }
  .menuItems:before,
  .menuItems:after {
    content: "";
    display: table;
  }
  .menuItems:after {
    clear: both;
  }
  .menuItems:before,
  .menuItems:after {
    content: "";
    display: table;
  }
  .menuItems:after {
    clear: both;
  }
}
.menuInfo {
  float: left;
  width: 100%;
  *zoom: 1;
  margin: 0 0 30px 0;
  padding: 1.5em;
}
.menuInfo:before,
.menuInfo:after {
  content: "";
  display: table;
}
.menuInfo:after {
  clear: both;
}
.menuInfo:before,
.menuInfo:after {
  content: "";
  display: table;
}
.menuInfo:after {
  clear: both;
}
.menuInfo P {
  font-size: 0.8571428571428571em;
}
.menuInfo .menuKey h4 {
  font-size: 0.8571428571428571em;
  font-weight: 700;
  margin-bottom: 1em;
}
.menuInfo .menuKey ul li {
  float: left;
  margin-right: 3em;
  font-size: 0.8571428571428571em;
}
.menuInfo .menuKey ul li img {
  max-height: 17px;
  margin-right: 10px;
  margin-top: -6px;
}
@media only screen and (max-width:640px) {
  .menuInfo .menuKey ul li {
    float: left;
    width: 48.86363636%;
    margin-right: 2.27272727%;
    margin-bottom: 0.5em;
  }
  .menuInfo .menuKey ul li:nth-child(2n) {
    margin-right: 0;
  }
}
/* ------------------------------ */
/* Takeaway Menu Items */
/* ------------------------------ */
.menuItems {
  margin-right: 0;
}
@media all and (max-width: 1110px) {
  .menuItems {
    margin: 0 auto;
  }
  .items.menuItems {
    max-width: 100%;
  }
}
@media only screen and (max-width:780px) {
  .menuItems {
    margin-top: 0;
  }
}
.menuCategory {
  float: left;
  width: 100%;
  *zoom: 1;
  margin-bottom: 0;
  padding: 2em;
  padding-top: 0;
  padding-left: 0;
}
.menuCategory:before,
.menuCategory:after {
  content: "";
  display: table;
}
.menuCategory:after {
  clear: both;
}
.menuCategory:before,
.menuCategory:after {
  content: "";
  display: table;
}
.menuCategory:after {
  clear: both;
}
.menuCategory:last-child {
  margin-bottom: 24px;
}
@media only screen and (max-width:1160px) {
  .menuCategory {
    padding-right: 0;
  }
}
.menuCategory.noItems h2 {
  cursor: default;
}
.menuCategory + .menuCategory > h2:first-child {
  border-top: 1px solid var(--border_color);
  padding-top: 24px;
}
@media all and (max-width: 780px) {
  .menuCategory + .menuCategory > h2:first-child {
    padding-top: 24px;
  }
}
.menuCategory .titleHeader {
  float: left;
  width: 100%;
  margin: 0 0 14px;
}
.menuCategory h2 {
  float: left;
  width: 100%;
  font-size: 2em;
  padding: 0;
  margin: 0;
  color: var(--mainColorAlt);
  font-weight: 500;
  line-height: 40px;
  margin-bottom: 0;
}
body[data-site="1131"] .menuCategory h2 {
  color: var(--fontDark);
}
.menuCategory h2:last-child {
  margin-bottom: 0;
}
.menuCategory h2 span {
  padding: 0;
}
.menuCategory h2 + .pageContent {
  float: left;
  width: 100%;
}
@media only screen and (max-width:780px) {
  .menuCategory {
    padding: 0 0 24px;
    margin-bottom: 0;
  }
  .menuCategory.noItems h2:after {
    display: none;
  }
  .menuCategory h2 {
    font-size: 1.5714285714285714em;
    cursor: pointer;
    position: relative;
    border-bottom: 0;
    padding: 0;
    margin: 0;
  }
  .menuCategory h2:after {
    content: "\f107";
    font-family: "fontAwesome";
    position: absolute;
    right: 0;
  }
  .menuCategory h2.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@media only screen and (max-width:780px) {
  .menu .menuCategory h2 {
    border-bottom: 0;
  }
}
@media only screen and (max-width:480px) {
  .menuCategory {
    margin-bottom: 0;
  }
}
.menuCategory h2 + .menuCategoryContent {
  padding: 24px 0 0;
}
@media only screen and (max-width:780px) {
  .menuCategory h2 + .menuCategoryContent {
    padding: 24px 0 0;
  }
}
.menuCategory h2 + .menuCategoryContent.noItems {
  padding: 0;
}
.menuCategoryContent {
  float: left;
  width: 100%;
  padding: 48px 0 0 0;
  min-height: 30px;
}
@media all and (max-width: 780px) {
  .menuCategoryContent {
    padding: 24px 0 0 0;
  }
}
.menuCategoryContent.toggled {
  display: none;
}
.menuCategoryContent.noItems {
  padding: 0;
  min-height: 0;
}
@media all and (max-width: 780px) {
  .menuCategory .menuCategoryContent {
    padding: 10px 0;
  }
  .menuCategory .menuCategoryContent.noItems {
    padding: 0;
  }
}
.subCategoryContent {
  float: left;
  width: 100%;
  padding-bottom: 24px;
}
.subCategoryContent.hasAccordion {
  position: relative;
}
@media all and (max-width: 780px) {
  .subCategoryContent.hasAccordion h3.active:after,
  .subCategoryContent.hasAccordion h3.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
}
@media all and (max-width: 780px) {
  .subCategoryContent.hasAccordion > h3,
  .subCategoryContent.hasAccordion > h4 {
    cursor: pointer;
    padding-right: 30px;
  }
}
@media all and (max-width: 780px) {
  .subCategoryContent.hasAccordion > h3:after,
  .subCategoryContent.hasAccordion > h4:after {
    content: "\f107";
    font-family: "fontAwesome";
    position: absolute;
    right: 0;
  }
}
.subCategoryContent:last-child {
  padding-bottom: 0;
}
.subCategoryContent > h3,
.subCategoryContent > h4 {
  border-top: 1px solid var(--border_color);
  padding-top: 24px;
  margin-bottom: 0;
}
@media only screen and (max-width:780px) {
  .subCategoryContent > h3,
  .subCategoryContent > h4 {
    line-height: 40px;
  }
}
.subCategoryContent > h3:last-child,
.subCategoryContent > h4:last-child {
  margin-bottom: 0;
}
.subCategoryContent > h3 + .menuCategoryDesc,
.subCategoryContent > h4 + .menuCategoryDesc {
  margin-top: 0;
}
.subCategoryContent .subCategoryContentWrap {
  float: left;
  width: 100%;
  padding: 24px 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.subCategoryContent .subCategoryContentWrap.toggled {
  display: none;
}
.subCategoryContent .subCategoryContentWrap.noItems {
  padding: 0;
}
.categoryImage {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.menuItem {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px;
  color: var(--fontDark);
}
.menuItem p {
  font-size: 0.8571428571428571em;
}
.menuItem .imageWrap {
  float: left;
  max-width: 20%;
  clear: left;
  border: 1px solid rgba(0, 0, 0, 0.05);
  margin: 0 1em 1em 0;
}
.menuItem .imageWrap img {
  width: 100%;
}
.menuItem .backImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.menuItem .itemName {
  float: left;
  width: 100%;
  font-size: 1em;
  margin: 0 0 0.5em 0;
  padding-right: 100px;
}
.menuItem .itemDesc {
  float: left;
  width: 100%;
}
@media only screen and (max-width:640px) {
  .menuItem .itemName {
    max-width: 50%;
    padding-right: 0;
  }
}
.itemOptions {
  line-height: 30px;
  position: absolute;
  right: 0;
  top: -0.375em;
}
.itemOptions .itemPrice {
  float: right;
  font-size: 1em;
  font-weight: 700;
  margin-right: 1em;
}
.itemOptions .options {
  float: right;
}
.itemOptions span,
.itemOptions .circleIcon {
  float: left;
}
.itemOptions span {
  margin: 0 0.25em;
}
.itemOptions .itemQty {
  display: none;
}
.circleIcon {
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 2em;
}
.circleIcon:hover {
  cursor: pointer;
}
.circleIcon i {
  line-height: 30px;
}
.circleIcon svg {
  width: 30px;
  height: 30px;
}
.menu_quick_subtract {
  background: var(--colorRemove);
  font-size: 2em;
  display: none;
}
.addIcon {
  fill: var(--colorAdd);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.addIcon:hover {
  fill: var(--colorAddDarken10);
}
.removeIcon {
  fill: var(--colorRemove);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.removeIcon:hover {
  fill: var(--colorRemoveDarken10);
}
.menu_quick_add {
  position: relative;
}
/* Quick add feedback */
.menu_quick_add:after {
  opacity: 0;
  content: "\f00c";
  font-family: "fontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: var(--colorAdd);
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.menu_quick_add.checked:after {
  opacity: 1;
}
/* ------------------------------ */
/* Takeaway Complex Item Overlay */
/* ------------------------------ */
.itemPopup h1 {
  font-size: 1.5714285714285714em;
}
.itemPopup .popupImage {
  float: left;
  max-width: 30%;
  margin: 0 6% 1em 0;
}
@media only screen and (max-width:640px) {
  .itemPopup .popupImage {
    width: 100%;
  }
}
.itemPopup .popupDesc {
  float: left;
  width: 100%;
  font-size: 0.8571428571428571em;
}
.itemPopup .popupDesc.small {
  width: 64%;
}
@media only screen and (max-width:640px) {
  .itemPopup .popupDesc.small {
    width: 100%;
  }
}
.itemPopup .popupDesc .calories {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.itemPopup .formInline {
  float: left;
  width: 100%;
}
.itemPopup .formInline hr {
  float: left;
  margin: 20px 0;
  width: 100%;
  border-color: #EEE;
}
.itemPopup .formInline .row {
  margin: 5px 0;
  padding: 10px;
  background: #F1F1F1;
}
.itemPopup .formInline .row:first-child {
  margin-top: 0;
}
.itemPopup .formInline .row .sucess,
.itemPopup .formInline .row .error {
  margin: 0;
}
.itemPopup .formInline .row .form-error {
  margin: 10px 0 0;
}
.itemPopup .formInline .row:not(.checkboxRow) input[type="number"] {
  width: auto;
  max-width: 64px;
  float: right;
  -moz-appearance: textfield;
}
.itemPopup .formInline .row:not(.checkboxRow) input[type="number"]::-webkit-inner-spin-button,
.itemPopup .formInline .row:not(.checkboxRow) input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.itemPopup .formInline .row:not(.checkboxRow) label {
  width: 34%;
  margin-right: 2%;
  font-size: 16px;
  font-weight: 700;
  padding: 14px 0;
}
@media only screen and (max-width:640px) {
  .itemPopup .formInline .row:not(.checkboxRow) label {
    width: 100%;
    margin-right: 0;
    padding: 0;
    margin-bottom: 10px;
  }
}
.itemPopup .formInline .row:not(.checkboxRow) .text,
.itemPopup .formInline .row:not(.checkboxRow) textarea,
.itemPopup .formInline .row:not(.checkboxRow) select,
.itemPopup .formInline .row input[type="text"],
.itemPopup .formInline .row:not(.checkboxRow) .form-error,
.itemPopup .formInline .row:not(.checkboxRow) .fakeInput {
  width: 64%;
  clear: none;
}
@media only screen and (max-width:640px) {
  .itemPopup .formInline .row:not(.checkboxRow) .text,
  .itemPopup .formInline .row:not(.checkboxRow) textarea,
  .itemPopup .formInline .row:not(.checkboxRow) select,
  .itemPopup .formInline .row input[type="text"],
  .itemPopup .formInline .row:not(.checkboxRow) .form-error,
  .itemPopup .formInline .row:not(.checkboxRow) .fakeInput {
    width: 100%;
  }
}
.itemPopup .formInline .fakeInput {
  float: left;
  clear: none;
  text-align: right;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width:640px) {
  .itemPopup .formInline .fakeInput {
    text-align: left;
    padding: 15px 0 0;
  }
}
.itemPopup .formInline select {
  float: right;
  background-color: #FFF;
  padding-right: 2em;
}
.itemPopup .formInline button,
.itemPopup .formInline .cancel {
  float: right;
}
@media only screen and (max-width:640px) {
  .itemPopup .formInline button,
  .itemPopup .formInline .cancel {
    float: left;
    width: 49%;
  }
}
.itemPopup .formInline .cancel {
  position: static;
  margin-left: 5px;
}
.itemPopup .formInline button {
  margin-left: 0.5em;
}
@media only screen and (max-width:640px) {
  .itemPopup .formInline button {
    margin: 0 2% 0 0;
    padding: 0.75em 1em;
  }
}
@media only screen and (max-width:480px) {
  .itemPopup .formInline button,
  .itemPopup .formInline .cancel {
    width: 100%;
    margin: 0 0 1em 0;
  }
}
.itemPopup #item_cost {
  float: left;
  font-size: 1.2857142857142858em;
  font-weight: 700;
  margin-top: 0.675em;
  min-width: 80px;
}
@media only screen and (max-width:640px) {
  .itemPopup #item_cost {
    width: 100%;
    margin-bottom: 1em;
  }
}
.itemPopup #json_data {
  float: left;
  width: 100%;
  *zoom: 1;
  margin-bottom: 15px;
}
.itemPopup #json_data:before,
.itemPopup #json_data:after {
  content: "";
  display: table;
}
.itemPopup #json_data:after {
  clear: both;
}
.itemPopup #json_data:before,
.itemPopup #json_data:after {
  content: "";
  display: table;
}
.itemPopup #json_data:after {
  clear: both;
}
.itemPopup .title,
.itemPopup label {
  display: inline-block;
  width: 30%;
  font-size: 16px;
  font-weight: 700;
  padding: 0;
}
.itemPopup select + select {
  margin-top: 10px;
}
.itemPopup .gridWrapper + .gridWrapper {
  margin-top: 10px;
}
@media all and (max-width: 780px) {
  .itemPopup .title {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
/* ------------------------------ */
/* Takeaway Menu sidebar */
/* ------------------------------ */
.menuCategories {
  float: left;
  width: 100%;
  *zoom: 1;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menuCategories:before,
.menuCategories:after {
  content: "";
  display: table;
}
.menuCategories:after {
  clear: both;
}
.menuCategories:before,
.menuCategories:after {
  content: "";
  display: table;
}
.menuCategories:after {
  clear: both;
}
.menuCategories .menuCategoriesList {
  float: left;
  width: 100%;
  padding: 8px 0;
}
.menuCategories .menuCategoriesList > li > ul.transition {
  max-height: 2000px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuCategories .menuCategoriesList > li > ul.toggled {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
  border-width: 0;
}
.menuCategories .menuCategoriesList li {
  float: left;
  width: 100%;
}
.menuCategories .menuCategoriesList li a {
  position: relative;
  display: block;
  padding: 12px 16px;
}
.menuCategories .menuCategoriesList li a:hover,
.menuCategories .menuCategoriesList li a.current {
  color: var(--fontDark);
}
.menuCategories .menuCategoriesList li a.parent {
  padding-right: 40px;
}
.menuCategories .menuCategoriesList li a.parent:after {
  content: "\f067";
  font-family: "fontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.menuCategories .menuCategoriesList li a.parent.active:after {
  content: "\f068";
}
.menuCategories .menuCategoriesList li ul {
  float: left;
  padding: 8px 0;
  background: #f5f5f5;
  width: 100%;
}
.menuCategories .menuCategoriesList li ul.transition {
  max-height: 2000px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.menuCategories .menuCategoriesList li ul.toggled {
  overflow: hidden;
  padding-top: 0;
  padding-bottom: 0;
  max-height: 0;
  border-width: 0;
}
.menuCategories .menuCategoriesList li ul ul {
  padding: 0;
  padding-left: 16px;
}
.menuCategories.fixed {
  position: fixed;
  top: 20px;
  width: inherit;
  z-index: 1000;
}
.menuCategories.bottom {
  position: absolute;
  top: auto;
}
/* ------------------------------ */
/* Takeaway Basket sidebar  */
/* ------------------------------ */
.menuOrder {
  float: left;
  width: 100%;
  *zoom: 1;
  top: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.menuOrder:before,
.menuOrder:after {
  content: "";
  display: table;
}
.menuOrder:after {
  clear: both;
}
.menuOrder:before,
.menuOrder:after {
  content: "";
  display: table;
}
.menuOrder:after {
  clear: both;
}
.menuOrder.fixed {
  position: fixed;
  top: 20px;
  width: inherit;
  z-index: 1000;
}
.menuOrder.bottom {
  position: absolute;
  top: auto;
}
#basket_html {
  float: left;
  width: 100%;
  *zoom: 1;
  margin-top: 20px;
  padding: 2em;
  overflow: auto;
}
#basket_html:before,
#basket_html:after {
  content: "";
  display: table;
}
#basket_html:after {
  clear: both;
}
#basket_html:before,
#basket_html:after {
  content: "";
  display: table;
}
#basket_html:after {
  clear: both;
}
#basket_html > div {
  float: left;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0 0 1em 0;
  margin-bottom: 1em;
}
#basket_html > div.coupon {
  padding-top: 1em;
}
#basket_html .row {
  margin-bottom: 0;
}
#basket_html .row.basketDelivery,
#basket_html .row.basketDiscount {
  padding: 1em 0;
}
#basket_html .deliveryMethod .row {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
#basket_html .deliveryMethod .row:nth-child(2n) {
  margin-right: 0;
}
#basket_html .deliveryMethod .row label {
  font-size: 1.1428571428571428em;
  margin: 0;
}
#basket_html .basketLabel {
  float: left;
  font-weight: 700;
}
#basket_html .basketPrice {
  float: right;
  font-weight: 700;
}
#basket_html .basketItems {
  padding: 10px 0;
}
#basket_html .basketTotal {
  font-size: 1.2857142857142858em;
  padding: 20px 0;
}
#basket_html .button {
  float: left;
  width: 100%;
  margin: 20px 0 0;
}
#basket_html .basketNote {
  border-bottom: 0;
}
.row.coupon {
  padding: 0.5em 0;
}
.row.coupon #coupon_code {
  width: 50%;
  margin-bottom: 0.5em;
}
.row.coupon .basket_applycoupon {
  float: left;
  width: 50%;
  color: var(--mainColorAlt);
  text-align: center;
  padding: 14px 0;
  font-weight: 700;
}
.row.coupon .basket_remove_coupon {
  float: right;
}
.row.coupon .couponRemove {
  float: right;
  font-weight: 600;
}
.row.coupon .couponName {
  float: left;
  font-weight: 600;
}
.row.coupon .couponRemove .basket_remove_coupon {
  float: right;
  width: 20px;
  height: 20px;
  margin-left: 1em;
  fill: var(--mainColorAlt);
}
.row.coupon .couponRemove .basket_remove_coupon svg {
  width: 20px;
  height: 20px;
}
.deliveryDetails p {
  font-weight: bold;
}
.basketDelivery {
  padding: 10px 0 10px 0;
}
.basketDelivery .basket_row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  display: table;
}
.basketDelivery .basket_row div {
  float: none;
}
.basketDelivery .itemQty {
  margin-right: 1em;
  display: table-cell;
  width: 70px;
}
.basketDelivery .itemCost {
  display: table-cell;
  text-align: right;
  width: 50px;
}
.basketItems {
  float: left;
  width: 100%;
}
.basketItems .basket_row {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  display: table;
}
.basketItems .basket_row div {
  float: none;
}
.basketItems .itemQty {
  margin-right: 1em;
  display: table-cell;
  width: 70px;
}
.basketItems .itemQty a,
.basketItems .itemQty span {
  float: left;
  font-size: 0.8571428571428571em;
}
.basketItems .itemQty a:last-child,
.basketItems .itemQty span:last-child {
  margin-right: 0;
}
.basketItems .itemQty span {
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}
.basketItems .itemQty a {
  width: 20px;
  height: 20px;
  color: #fff;
  text-align: center;
  line-height: 22px;
}
.basketItems .itemQty svg {
  width: 20px;
  height: 20px;
}
.basketItems .itemDesc {
  display: table-cell;
  margin-top: 0;
  vertical-align: top;
  font-weight: 300;
  font-size: 12px;
  padding-right: 20px;
}
.basketItems .itemDesc h4 {
  font-size: 14px;
  margin: 0;
  font-weight: bold;
  color: var(--fontColor);
}
.basketItems .itemDesc br {
  display: none;
}
.basketItems .itemDesc strong {
  display: block;
  font-weight: 600;
  color: var(--fontColor);
  font-size: 12px;
  margin-top: 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  padding-top: 10px;
}
.basketItems .itemDesc ul {
  margin-top: 5px;
}
.basketItems .itemDesc ul li {
  font-weight: 400;
  font-size: 12px;
  margin-bottom: 5px;
}
.basketItems .itemDesc ul li:last-child {
  margin-bottom: 0;
}
.basketItems .itemDesc ul .calories {
  display: inline;
}
.basketItems .itemDesc .size {
  display: block;
  font-size: 12px;
  font-weight: normal;
  margin-top: 5px;
}
.basketItems .itemDesc .size .calories {
  display: inline;
}
.basketItems .itemDesc .calories {
  display: block;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.basketItems .itemCost {
  display: table-cell;
  text-align: right;
  vertical-align: top;
  width: 50px;
}
.basketItems .itemRemove {
  width: 20px;
  display: table-cell;
  text-align: right;
  vertical-align: top;
}
.basketItems .itemRemove a {
  color: var(--fontColor);
}
#basket_html.basketFull {
  float: none;
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  *zoom: 1;
  margin: 0 auto;
  width: 100%;
  max-width: 580px;
}
#basket_html.basketFull:before,
#basket_html.basketFull:after {
  content: "";
  display: table;
}
#basket_html.basketFull:after {
  clear: both;
}
#basket_html.basketFull:before,
#basket_html.basketFull:after {
  content: "";
  display: table;
}
#basket_html.basketFull:after {
  clear: both;
}
.overlayBox #basket_html.basketFull {
  border: 0;
  padding: 2em 0 0 0;
}
/* ------------------------------ */
/* Takeaway Past Orders */
/* ------------------------------ */
.pastOrder {
  *zoom: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pastOrder:before,
.pastOrder:after {
  content: "";
  display: table;
}
.pastOrder:after {
  clear: both;
}
.pastOrder:before,
.pastOrder:after {
  content: "";
  display: table;
}
.pastOrder:after {
  clear: both;
}
.pastOrder .orderOverview {
  position: relative;
  float: left;
  width: 100%;
  padding: 1em 2em 1em 1em;
  cursor: pointer;
}
.pastOrder .orderOverview .orderID {
  float: left;
  width: 20%;
  padding-right: 1em;
}
.pastOrder .orderOverview .store {
  float: left;
  width: 20%;
  margin-bottom: 0;
}
.pastOrder .orderOverview .date {
  float: left;
  width: 30%;
  padding-right: 1em;
}
.pastOrder .orderOverview .price {
  float: right;
  min-width: 20%;
}
.pastOrder .orderOverview:after {
  content: "\f107";
  font-family: "fontAwesome";
  position: absolute;
  right: 1em;
  font-size: 1.7142857142857142em;
  height: 24px;
  line-height: 24px;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
.pastOrder .orderOverview.active {
  background: var(--mainColor);
  color: var(--mainColorReverse);
}
.pastOrder .orderOverview.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
@media only screen and (max-width:780px) {
  .pastOrder .orderOverview .orderID,
  .pastOrder .orderOverview .store,
  .pastOrder .orderOverview .date,
  .pastOrder .orderOverview .price {
    float: left;
    width: 100%;
  }
}
.pastOrder .orderDetails {
  float: left;
  width: 100%;
  padding: 2em 1em;
}
.pastOrder .orderDetails .orderDesc {
  float: left;
}
.pastOrder .orderDetails .reOrder {
  float: right;
}
@media only screen and (max-width:780px) {
  .pastOrder .orderDetails .reOrder {
    float: left;
    width: 100%;
    margin-top: 1em;
    clear: left;
  }
}
@media only screen and (max-width:480px) {
  .pastOrder .orderDetails .reOrder .button {
    width: 100%;
  }
}
.pastOrder:last-child {
  border-bottom: 0;
}
/* ------------------------------ */
/* Takeaway Order Complete */
/* ------------------------------ */
.summaryMessage {
  font-size: 1.2857142857142858em;
  text-align: center;
}
.contentBlock.orderSummary {
  margin-top: 20px;
  position: relative;
  *zoom: 1;
  max-width: 800px;
  /*
    &:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: -10px;
        width: 100%;
        height: 15px;
        background-image: url('/sites/default/images/layout/border-bottom.png');
        background-repeat: repeat-x;
    }
    */
}
.contentBlock.orderSummary:before,
.contentBlock.orderSummary:after {
  content: "";
  display: table;
}
.contentBlock.orderSummary:after {
  clear: both;
}
.contentBlock.orderSummary:before,
.contentBlock.orderSummary:after {
  content: "";
  display: table;
}
.contentBlock.orderSummary:after {
  clear: both;
}
.contentBlock.orderSummary > h2 {
  font-size: 1.2857142857142858em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1em;
}
.contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contentBlock.orderSummary .basket_row {
  padding: 20px 0;
  margin-bottom: 0;
}
.contentBlock.orderSummary .basket_row .itemQty {
  width: 30px;
  line-height: 20px;
}
.contentBlock.orderSummary .basket_row .itemDesc h4 {
  font-weight: 700;
  margin: 0;
  line-height: 20px;
}
.contentBlock.orderSummary .basket_row .itemCost {
  font-weight: 400;
  line-height: 20px;
  vertical-align: top;
}
.contentBlock.orderSummary .basketTotal {
  float: left;
  width: 100%;
  padding: 20px 0;
}
.contentBlock.orderSummary .basketTotal .left {
  font-weight: 700;
}
.contentBlock.orderSummary .basketTotal .right {
  font-size: 1.7142857142857142em;
  font-weight: 700;
}
#loading_gif {
  display: none;
}
.mtcMenuItem {
  float: left;
  margin-bottom: 36px;
  width: 100%;
}
.mtcMenuItem:last-child {
  margin-bottom: 0;
}
.mtcMenuItem .mtcMenuItemImage {
  float: left;
  width: 30%;
}
.mtcMenuItem .mtcMenuItemContent {
  float: left;
  width: 100%;
}
.mtcMenuItem .mtcMenuItemImage + .mtcMenuItemContent {
  float: left;
  width: 70%;
}
.mtcMenuItem .mtcMenuItemName {
  float: left;
  max-width: calc(100% - 120px);
  width: 100%;
  font-size: 16px;
}
.mtcMenuItem .mtcMenuItemOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  float: left;
  max-width: 120px;
  text-align: right;
  width: 100%;
  margin-top: -5px;
}
.mtcMenuItem .mtcMenuItemOptions .itemQty {
  display: none;
}
.mtcMenuItem .mtcMenuItemPrice {
  padding-right: 0.5rem;
}
.mtcMenuItem .mtcMenuItemDesc {
  float: left;
  width: 100%;
  margin: 12px 0 0;
}
.mtcMenuItem .mtcMenuItemDesc .calories {
  font-size: 12px;
  color: rgba(0, 0, 0, 0.4);
}
.mtcMenuItem .mtcMenuItemDesc .wysiwyg + span {
  display: block;
  margin-top: 12px;
}
.mtcMenuItem .mtcMenuItemDesc p {
  font-size: 14px;
  margin-bottom: 12px;
}
.mtcMenuItem .mtcMenuItemDesc p:last-child {
  margin-bottom: 0;
}
.holidayMessage {
  margin: 0 2em 16px 0;
  border: 1px solid #e0e0e0;
  padding: 16px;
  border-radius: 3px;
}
.loginWrapInner.onePageCheckout {
  width: 90%;
  margin: 0 auto 2em auto;
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  *zoom: 1;
  text-align: center;
}
.loginWrapInner.onePageCheckout:before,
.loginWrapInner.onePageCheckout:after {
  content: "";
  display: table;
}
.loginWrapInner.onePageCheckout:after {
  clear: both;
}
.loginWrapInner.onePageCheckout:before,
.loginWrapInner.onePageCheckout:after {
  content: "";
  display: table;
}
.loginWrapInner.onePageCheckout:after {
  clear: both;
}
.onePageCheckout.heading {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.onePageCheckout .main.stripe {
  padding: 0 40px;
}
.onePageCheckout .main.stripe .wrapper {
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  *zoom: 1;
}
.onePageCheckout .main.stripe .wrapper:before,
.onePageCheckout .main.stripe .wrapper:after {
  content: "";
  display: table;
}
.onePageCheckout .main.stripe .wrapper:after {
  clear: both;
}
.onePageCheckout .main.stripe .wrapper:before,
.onePageCheckout .main.stripe .wrapper:after {
  content: "";
  display: table;
}
.onePageCheckout .main.stripe .wrapper:after {
  clear: both;
}
.onePageCheckout.stripeV3Form {
  width: 100%;
}
.onePageCheckout .loader {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: fixed;
  display: block;
  opacity: 0.7;
  background-color: #fff;
  z-index: 6000;
  text-align: center;
}
.onePageCheckout .loading-image {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 6005;
}
.onePageCheckout .telephonePaymentReferenceContainer {
  margin-top: 20px;
  padding: 20px;
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  *zoom: 1;
}
.onePageCheckout .telephonePaymentReferenceContainer:before,
.onePageCheckout .telephonePaymentReferenceContainer:after {
  content: "";
  display: table;
}
.onePageCheckout .telephonePaymentReferenceContainer:after {
  clear: both;
}
.onePageCheckout .telephonePaymentReferenceContainer:before,
.onePageCheckout .telephonePaymentReferenceContainer:after {
  content: "";
  display: table;
}
.onePageCheckout .telephonePaymentReferenceContainer:after {
  clear: both;
}
.onePageCheckout .telephonePaymentReferenceContainer .telephonePaymentReference {
  margin: 20px 0px;
}
/* ------------------------------ */
/* jQuery Datepicker*/
/* ------------------------------ */
#ui-datepicker-div {
  display: none;
  background: #fff;
  padding: 20px;
  border-radius: 6px;
  background-clip: padding-box;
  border: 1px solid #e3e3e6;
  margin-top: 2px;
  font-family: var(--primaryFont);
  font-size: 14px;
}
/* header */
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0 0 1em 0;
}
.ui-datepicker .ui-datepicker-title {
  line-height: 1.4;
  text-align: center;
  font-weight: 600;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 0;
  top: 0;
  line-height: 1.4;
}
.ui-datepicker .ui-datepicker-prev span {
  position: relative;
  padding-left: 10px;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\f104";
  font-family: "fontAwesome";
  position: absolute;
  left: 0;
}
.ui-datepicker .ui-datepicker-next {
  right: 0;
  top: 0;
  line-height: 1.4;
}
.ui-datepicker .ui-datepicker-next span {
  position: relative;
  padding-right: 10px;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\f105";
  font-family: "fontAwesome";
  position: absolute;
  right: 0;
}
/* calendar */
.ui-datepicker table {
  margin: 0;
}
.ui-datepicker table a {
  display: block;
  color: var(--mainColorAlt);
}
.ui-datepicker table a:hover {
  cursor: pointer;
}
.ui-datepicker th {
  padding: 0.5em;
  text-align: center;
  color: var(--mainColor);
  font-weight: normal;
  border: none;
}
.ui-datepicker td {
  border: 1px solid var(--border_color);
  padding: 0;
  text-align: center;
  border-collapse: separate;
}
.ui-datepicker td.ui-state-disabled .ui-state-default:hover {
  border-color: #FFF;
}
.ui-datepicker td .ui-state-default {
  display: block;
  padding: 0.375em;
  text-align: center;
  border: 1px solid #fff;
}
.ui-datepicker td .ui-state-default:hover {
  border-color: var(--mainColorAlt);
}
.ui-datepicker td .ui-state-active {
  background: var(--mainColorAlt);
  color: #fff;
  border: 1px solid var(--mainColorAlt);
}
.voucherWrap fieldset {
  margin: 0;
}
.voucherWrap h2 {
  float: left;
  width: 100%;
  font-size: 24px;
  font-size: 1.7142857142857142rem;
  line-height: 28px;
  font-weight: bold;
  margin-top: 40px;
}
.voucherWrap .rowHalf {
  width: 50%;
  padding: 0 10px 0 0;
}
@media all and (max-width: 780px) {
  .voucherWrap .rowHalf {
    width: 100%;
    padding: 0;
  }
}
.voucherWrap .rowHalf.last {
  float: right;
  padding: 0 0 0 10px;
}
@media all and (max-width: 780px) {
  .voucherWrap .rowHalf.last {
    padding: 0;
  }
}
.voucherWrap .checkboxRow > label {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  font-weight: bold;
}
.voucherWrap .checkboxRow .checkbox {
  float: left;
  margin-right: 24px;
}
.voucherWrap .checkboxRow input[type="checkbox"] + label {
  padding: 1px 0 1px 30px;
  line-height: 22px;
}
@media all and (max-width: 780px) {
  .voucherWrap .checkboxRow input[type="checkbox"] + label {
    width: 100%;
    line-height: 32px;
    padding-left: 40px;
  }
}
.voucherWrap .checkboxRow input[type="checkbox"] + label:hover {
  text-decoration: none;
}
.voucherWrap .checkboxRow input[type="checkbox"] + label:before {
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 1px solid #ddd;
}
@media all and (max-width: 780px) {
  .voucherWrap .checkboxRow input[type="checkbox"] + label:before {
    width: 30px;
    height: 30px;
  }
}
.voucherWrap .row:last-child {
  margin-bottom: 0;
}
.voucherWrap .row + h2 {
  margin-top: 20px;
}
.voucherWrap .row input[type="text"].error,
.voucherWrap .row input[type="tel"].error,
.voucherWrap .row input[type="email"].error,
.voucherWrap .row input[type="password"].error,
.voucherWrap .row input[type="search"].error,
.voucherWrap .row input[type="number"].error,
.voucherWrap .row textarea.error,
.voucherWrap .row select.error,
.voucherWrap .row .placeholder.error {
  border: 1px solid #EED3D7;
}
.voucherWrap .row .inputWrap label.error {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}
.voucherWrap .button:focus {
  outline: 0;
}
.voucherWrap .pageContent {
  margin: 0 0 20px;
}
.voucherWrap .pageContent p {
  font-size: 14px;
}
.voucherComplete {
  text-align: center;
}
.siteOuterWrapper .voucherPage .wrapper {
  max-width: 800px;
}
/**
* The CSS shown here will not be introduced in the Quickstart guide, but shows
* how you can use CSS to style your Element's container.
*/
.StripeElement {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #e0e0e0;
  padding: 17px 1em;
  border-radius: 4px;
  background-color: white;
}
.StripeElement--focus {
  border-color: #aaa;
}
.StripeElement--invalid {
  border-color: #fa755a;
}
.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}
.main.news {
  padding: 60px 0;
}
@media (max-width: 780px) {
  .main.news {
    padding: 40px 0;
  }
}
.main.news p {
  font-size: 16px;
  line-height: 1.7;
}
.newsListing .newsItem {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.newsListing .newsItem p,
.newsListing .newsItem ul,
.newsListing .newsItem ol {
  font-size: 16px;
  line-height: 1.7;
}
.newsListing .newsItem .blogButton {
  margin: 40px auto 0;
}
.newsList ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
@media (min-width: 901px) {
  .newsList ul {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -40px;
  }
}
.newsList li {
  width: calc(100% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media (min-width: 601px) {
  .newsList li {
    width: calc(50% - 20px);
  }
}
@media (min-width: 901px) {
  .newsList li {
    width: calc(33.33% - 40px);
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 40px;
  }
}
.newsList .imageWrap {
  margin: 0 0 20px;
}
.newsList h3 {
  font-weight: bold;
}
.newsList h3 a {
  color: inherit;
}
.newsList .link {
  font-size: 16px;
  line-height: 1.7;
  font-weight: bold;
}
.siteOuterWrapper #header.basicHeader {
  padding: 96px 0 0;
}
#header.basicHeader .topBar {
  background: var(--topbarColor);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  padding: 25px;
  height: auto;
  text-transform: uppercase;
}
#header.basicHeader .topBar a {
  color: var(--topbarColorText);
}
#header.basicHeader .miniBasket {
  background: var(--mainColor);
}
#header.basicHeader .miniBasket a {
  color: #fff;
}
.advancedGrid {
  /*
        Overlay style
    */
  /*

    */
}
@media only screen and (max-width: 1160px) {
  .advancedGrid.tastecard .siteOuterWrapper {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1160px) {
  .advancedGrid.tastecard .menuMainContainer {
    padding-bottom: 79px;
  }
}
.advancedGrid.agNoBasket .menuCategories .menuCategoriesList {
  width: 100%;
}
.advancedGrid.agNoBasket .menuItems {
  width: 100%;
  padding-right: 0;
}
.advancedGrid.agNoBasket .mtcMenuItem {
  width: calc(33.33% - 16px);
}
@media (max-width: 1000px) and (min-width: 768px) {
  .advancedGrid.agNoBasket .mtcMenuItem {
    width: calc(50% - 16px);
  }
}
@media (max-width: 767px) {
  .advancedGrid.agNoBasket .mtcMenuItem {
    width: calc(100% - 16px);
  }
}
.advancedGrid.agNoBasket .menuOrderWrap {
  display: none;
}
.advancedGrid.agNoBasket .checkoutSmallScreens.displayAlways {
  display: block;
}
.advancedGrid.withCheckutButton.basketPage .siteOuterWrapper {
  padding-bottom: 0;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid.withCheckutButton .siteOuterWrapper {
    padding-bottom: 80px;
  }
}
.advancedGrid.basketPage h1 {
  text-align: center;
}
.advancedGrid.basketPage #basket_html {
  margin-bottom: 64px;
}
.advancedGrid.basketPage #basket_html .button.checkoutTrigger {
  display: none;
}
.advancedGrid.basketPage #basket_html .button.checkoutTrigger.bottom {
  display: block;
}
.advancedGrid.basketPage #basket_html .button.checkoutGoButton {
  display: block;
}
.advancedGrid .siteOuterWrapper {
  overflow: inherit;
}
.advancedGrid .siteOuterWrapper.full_width .wrapper {
  max-width: 1320px;
  padding: 0 20px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .siteOuterWrapper.full_width .menuMainContainer .wrapper {
    padding: 0;
  }
}
@media (max-width: 780px) {
  .advancedGrid .siteOuterWrapper > div.transform {
    -webkit-transform: none;
    transform: none;
  }
  .advancedGrid .siteOuterWrapper > div.transform.alive {
    -webkit-transform: translate(-80%, 0);
            transform: translate(-80%, 0);
  }
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .siteOuterWrapper {
    padding-bottom: 87px;
  }
}
.advancedGrid .button {
  background: var(--buttonColor);
}
.advancedGrid .button:hover {
  background: var(--buttonColorHover);
}
.advancedGrid .button,
.advancedGrid .buttonAlt {
  text-transform: none;
}
.advancedGrid .button:focus,
.advancedGrid .buttonAlt:focus {
  outline: 0;
}
.advancedGrid .main {
  padding: 20px 0 0;
  background: #FFF;
}
@media only screen and (max-width: 1160px) {
  .tastecard .advancedGrid .main {
    padding-bottom: 79px;
  }
}
.advancedGrid h1 {
  margin: 0 0 20px;
}
.advancedGrid h1:last-child {
  margin-bottom: 0;
}
.advancedGrid .basketStore {
  font-size: 14px;
  font-size: 1rem;
  color: #828585;
  margin: 0 0 24px;
}
.advancedGrid .menuCategoriesWrap {
  width: 100%;
  margin-right: 0;
  min-height: 0;
  margin-bottom: 0;
  border-top: 1px solid var(--border_color);
  border-bottom: 1px solid var(--border_color);
  background: #FFF;
  z-index: 101;
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .menuCategoriesWrap {
    top: 46px;
  }
}
@media only screen and (max-width: 780px) {
  .advancedGrid .menuCategoriesWrap {
    display: block;
  }
}
.advancedGrid .menuCategoriesWrap + .menuMainContainer {
  padding-top: 0;
}
.advancedGrid .menuCategoriesWrap .menuCategories {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  float: none;
  padding: 0;
}
.advancedGrid .menuCategoriesWrap .menuCategories:before,
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  content: "";
  display: table;
}
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  clear: both;
}
.advancedGrid .menuCategoriesWrap .menuCategories:before,
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  content: "";
  display: table;
}
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  clear: both;
}
.spar .advancedGrid .menuCategoriesWrap .menuCategories,
.premier .advancedGrid .menuCategoriesWrap .menuCategories {
  max-width: 1160px;
}
.advancedGrid .menuCategoriesWrap .menuCategories:before,
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  content: "";
  display: table;
}
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  clear: both;
}
.advancedGrid .menuCategoriesWrap .menuCategories:before,
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  content: "";
  display: table;
}
.advancedGrid .menuCategoriesWrap .menuCategories:after {
  clear: both;
}
.spar .advancedGrid .menuCategoriesWrap .menuCategories,
.premier .advancedGrid .menuCategoriesWrap .menuCategories {
  max-width: 1160px;
}
@media (max-width: 1475px) {
  .advancedGrid .menuCategoriesWrap .menuCategories {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategoriesWrap .menuCategories {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategoriesWrap .menuCategories .menuCategoriesList {
    padding: 0 20px;
  }
}
.advancedGrid .menuCategoriesWrap h2 {
  display: none;
}
.advancedGrid .menuCategoriesList,
.advancedGrid .menuOrder #basket_html,
.advancedGrid .menuInfo {
  background: none;
  border: 0;
  border-radius: 0;
  background-clip: padding-box;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.advancedGrid .menuOrder #basket_html {
  border: 0;
}
.advancedGrid .menuCategories > h2,
.advancedGrid menuOrder > h2,
.advancedGrid .menuCategories > h2,
.advancedGrid menuOrder > h2 {
  font-size: 28px;
  font-size: 2rem;
  margin: 0 0 16px;
  height: auto;
}
.advancedGrid .menuCategories .menuCategoriesList {
  padding: 0;
  width: 65%;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
  overflow: -moz-scrollbars-none;
  scrollbar-base-color: transparent;
  -webkit-overflow-scrolling: touch;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .menuCategories .menuCategoriesList {
    width: 100%;
  }
}
.advancedGrid .menuCategories .menuCategoriesList li {
  display: inline-block;
  vertical-align: top;
  width: auto;
  float: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 0;
}
.advancedGrid .menuCategories .menuCategoriesList li a.current {
  position: relative;
  background-color: var(--mainColor);
  color: #FFF;
}
.advancedGrid .menuCategories .menuCategoriesList li ul {
  display: none;
}
.advancedGrid .menuCategories .menuCategoriesList li a {
  color: var(--mainColor);
  margin: 11px 0 12px 0;
  padding: 2px 16px;
  line-height: 20px;
  border-radius: 50px;
}
.advancedGrid .menuCategories .menuCategoriesList li a:before {
  display: none;
}
.advancedGrid .menuCategories .menuCategoriesList li a.parent:after {
  display: none;
}
.advancedGrid .menuMainContainer {
  background: var(--body_background);
  padding: 48px 0 0;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuMainContainer .wrapper {
    padding: 0;
  }
}
.advancedGrid .menuItems {
  width: calc(65%);
  padding: 20px 20px 20px 0;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .menuItems {
    width: 100%;
    padding: 24px 0;
  }
}
.advancedGrid .menuCategory {
  background: none;
  margin-bottom: 0;
  padding: 0;
  overflow: hidden;
}
.advancedGrid .menuCategory + .menuCategory {
  margin-top: 48px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategory + .menuCategory {
    margin-top: 0;
    padding-top: 20px;
  }
}
.advancedGrid .menuCategory + .menuCategory h2:first-child {
  border-top: 0;
  padding-top: 20px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategory + .menuCategory h2:first-child {
    padding-top: 20px;
    margin-top: -20px;
  }
}
.advancedGrid .menuCategory h2 {
  font-size: 28px;
  font-size: 2rem;
  line-height: normal;
  margin: -24px 0 0;
  padding-top: 24px;
  color: var(--mainColor);
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategory h2 {
    font-size: 22px;
    font-size: 1.5714285714285714rem;
    padding: 24px 16px 0;
  }
}
.advancedGrid .menuCategory h2:after {
  display: none;
}
.advancedGrid .menuCategoryDesc {
  margin: 16px 0 0;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategoryDesc {
    padding: 0 16px;
    margin: 0;
  }
}
.advancedGrid .menuCategoryDesc:first-child {
  margin-top: 0;
}
.advancedGrid .menuCategoryDesc p {
  font-size: 14px;
}
.advancedGrid .menuCategory h2 + .menuCategoryContent {
  padding: 0;
}
.advancedGrid .menuCategoryContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0;
  min-height: 0;
  margin: 24px -8px -16px;
  width: calc(100% + 16px);
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategoryContent {
    margin-top: 16px;
    margin-bottom: 0;
  }
}
.advancedGrid .menuCategoryContent .menuCategoryDesc {
  padding-left: 8px;
  padding-right: 8px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .menuCategoryContent .menuCategoryDesc {
    padding-left: 26px;
    padding-right: 26px;
  }
}
@media (min-width: 768px) {
  .advancedGrid a.mtcMenuItem:hover {
    cursor: pointer;
    border-color: var(--mainColor);
  }
}
.advancedGrid .mtcMenuItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: calc(50% - 16px);
  background: #FFF;
  border-radius: 2px;
  padding: 16px;
  margin: 0 8px 16px;
  border: 1px solid var(--border_color);
  -webkit-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
@media (max-width: 767px) {
  .advancedGrid .mtcMenuItem {
    width: calc(100% - 16px);
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .mtcMenuItem {
    margin-bottom: 0;
    border: 0;
    border-top: 1px solid #e8ebeb;
    border-radius: 0;
  }
  .advancedGrid .mtcMenuItem:last-child {
    border-bottom: 1px solid #e8ebeb;
  }
  .advancedGrid .mtcMenuItem + .subCategoryContent {
    border-top: 1px solid #e8ebeb;
  }
}
.advancedGrid .mtcMenuItem.notAvailable {
  background: rgba(0, 0, 0, 0.05);
  color: #999;
}
.advancedGrid .mtcMenuItem.notAvailable:hover {
  -webkit-box-shadow: none;
          box-shadow: none;
  cursor: default;
}
.advancedGrid .mtcMenuItem.notAvailable .mtcMenuItemDesc p {
  color: #999;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions .mtcMenuItemPrice {
  width: 100%;
  margin: 0 0 10px;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions .menu_quick_subtract {
  position: relative;
  display: block;
  background: none;
  margin-left: auto;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions .menu_quick_subtract.hidden {
  opacity: 0;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions .menu_quick_subtract:after {
  opacity: 0;
  content: "\f00d";
  font-family: "fontAwesome";
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 30px;
  background: #ff3d3d;
  color: #fff;
  font-size: 14px;
  border-radius: 50%;
  background-clip: padding-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions .menu_quick_subtract.remove:after {
  opacity: 1;
}
.advancedGrid .mtcMenuItem.quickAdd .mtcMenuItemOptions .menu_quick_add {
  margin-left: 5px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemImage {
  position: relative;
  width: 96px;
  min-width: 96px;
  margin-left: 16px;
  border-radius: 3px;
  overflow: hidden;
}
.advancedGrid .mtcMenuItem .mtcMenuItemImage + .mtcMenuItemContent {
  width: calc(100% - 96px - 16px);
}
.advancedGrid .mtcMenuItem .mtcMenuItemImage .imageWrap {
  position: relative;
}
.advancedGrid .mtcMenuItem .mtcMenuItemImage .imageWrap .backImage {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}
.advancedGrid .mtcMenuItem .mtcMenuItemImage .wasPrice {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  color: #FFF;
  background: rgba(0, 0, 0, 0.4);
  text-transform: uppercase;
  text-align: center;
  padding: 4px 5px;
  font-size: 12px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemContent > div {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.advancedGrid .mtcMenuItem .mtcMenuItemContent .mtcMenuItemOptions {
  margin-top: auto;
}
.advancedGrid .mtcMenuItem .mtcMenuItemContent .mtcMenuItemOptions i {
  margin-top: 10px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemDesc {
  margin: 0 0 8px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemDesc .allergenSection {
  margin: 16px 0 0;
  padding: 0 0 10px;
  border-top: 0;
}
.advancedGrid .mtcMenuItem .mtcMenuItemDesc .pr-10 {
  padding-right: 10px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemDesc .wysiwyg {
  overflow: hidden;
  line-height: 22px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemDesc p {
  color: #828585;
  margin: 0;
}
.advancedGrid .mtcMenuItem .mtcMenuItemDesc p.calories {
  color: rgba(0, 0, 0, 0.4);
  margin-bottom: 5px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemName {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  max-width: 100%;
  margin: 0 0 8px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemName span {
  color: #81bc00;
}
.advancedGrid .mtcMenuItem .mtcMenuItemOptions {
  max-width: 100%;
  text-align: left;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: auto;
  padding-top: 16px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemOptions.notQuickAdd {
  display: none;
}
.advancedGrid .mtcMenuItem .mtcMenuItemOptions .circleIcon {
  margin-left: auto;
}
.advancedGrid .mtcMenuItem .mtcMenuItemOptions i {
  margin-top: 10px;
}
.advancedGrid .mtcMenuItem .mtcMenuItemOptions .itemQty {
  margin: 0 5px 0 8px;
  display: block;
}
.advancedGrid .mtcMenuItem .mtcMenuItemPrice {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  padding-right: 0;
  font-weight: bold;
}
.advancedGrid p {
  font-size: 14px;
  font-size: 1rem;
}
.advancedGrid .menuOrderWrap {
  width: calc(35%);
  background: #fff;
  border-radius: 0 0 2px 2px;
  min-height: 0;
  z-index: 100;
  position: sticky;
  top: 69px;
  margin-top: -49px;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  max-height: calc(100vh - 40px - 49px);
  border: 1px solid var(--border_color);
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .menuOrderWrap {
    display: none;
  }
}
.advancedGrid .menuOrderWrap h2 {
  display: none;
}
.advancedGrid .basketTrigger {
  display: none;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .basketTrigger {
    display: block;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3000;
    background: #FFF;
    -webkit-box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
            box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
    padding: 8px 10px;
    display: none;
  }
  .advancedGrid .basketTrigger .button {
    width: 100%;
  }
}
.advancedGrid.basketPage #basket_html .basketWrap {
  max-height: inherit;
  overflow-y: inherit;
  border: 0;
}
.advancedGrid #basket_html {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0;
  padding: 0;
}
.advancedGrid #basket_html.bottomButton > .button.checkoutTrigger {
  display: none;
}
.advancedGrid #basket_html.bottomButton > .button.checkoutTrigger.bottom {
  display: block;
  opacity: 1;
}
.advancedGrid #basket_html.bottomButton .basketWrap {
  border-top: 0;
  border-bottom: 1px solid var(--border_color);
  max-height: calc(100vh - 115px - 48px);
}
.advancedGrid #basket_html .buttonGoBack {
  margin: 10px 8px 0;
  width: calc(100% - 16px);
}
.advancedGrid #basket_html > .button {
  width: calc(100% - 16px);
  margin-top: 0;
  margin-left: 8px;
  margin-right: 8px;
}
.advancedGrid #basket_html > .button.checkoutTrigger {
  margin-top: 10px;
  margin-bottom: 10px;
}
.advancedGrid #basket_html > .button.checkoutTrigger.bottom {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  display: none;
}
.advancedGrid #basket_html > .button.buttonGoBack {
  margin-bottom: 20px;
}
.advancedGrid #basket_html .basketWrap {
  max-height: calc(100vh - 115px - 48px);
  overflow-y: auto;
  border-top: 1px solid var(--border_color);
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}
.advancedGrid #basket_html .basketWrap:first-child {
  border-top: 0;
}
.advancedGrid #basket_html .basketWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.advancedGrid #basket_html .basketWrap > div {
  float: left;
  width: 100%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border-bottom: 0;
  padding: 0;
  margin-bottom: 0;
}
.advancedGrid #basket_html .basketWrap > div.basketSurcharge {
  padding: 16px 0;
  margin: 0 16px;
  width: calc(100% - 32px);
  border-top: 1px solid rgba(0, 0, 0, 0.08);
}
.advancedGrid #basket_html .basketWrap > div.basketSurcharge .basketLabel label {
  margin: -7px 0;
}
.advancedGrid #basket_html .basketWrap .storeClosed,
.advancedGrid #basket_html .basketWrap .basketMin {
  padding: 10px 20px 20px;
  margin-bottom: 0;
}
.advancedGrid #basket_html .basketWrap .basketNote {
  margin-bottom: 16px;
}
.advancedGrid #basket_html .basketWrap .basketNote + input + .coupon {
  margin-top: -8px;
}
.advancedGrid #basket_html .basketWrap .deliveryMethod {
  margin: 0 0 16px;
  padding: 0 16px;
}
.advancedGrid #basket_html .basketWrap .deliveryMethod:first-child {
  margin-top: 16px;
}
.advancedGrid #basket_html .basketWrap .button.checkoutTrigger {
  display: block;
  margin: 0 8px 24px;
  width: calc(100% - 16px);
}
.advancedGrid #basket_html .basketWrap .button.checkoutGoButton {
  display: none;
  margin-bottom: 16px;
}
.advancedGrid #basket_html .basketWrap form {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding: 8px 0px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 16px;
}
.advancedGrid #basket_html .basketWrap form .button {
  margin: 0;
  text-transform: none;
  border-radius: 2px;
}
.advancedGrid #basket_html .basketWrap .rowLoyalty {
  margin-bottom: 16px;
}
.advancedGrid #basket_html .basketWrap .basketStore {
  padding: 0 16px 16px;
}
.advancedGrid #basket_html .basketWrap .basketItems {
  padding: 24px 16px;
}
.advancedGrid #basket_html .basketWrap .basket_row {
  margin-bottom: 0;
}
.advancedGrid #basket_html .basketWrap .basket_row + .basket_row {
  margin-top: 24px;
}
.advancedGrid #basket_html .basketWrap .basketDelivery,
.advancedGrid #basket_html .basketWrap .basketDiscount {
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 16px;
  width: calc(100% - 32px);
  padding: 16px 0;
}
.advancedGrid #basket_html .basketWrap .basketDelivery + .coupon,
.advancedGrid #basket_html .basketWrap .basketDiscount + .coupon {
  padding: 0 16px;
  margin-bottom: 24px;
}
.advancedGrid #basket_html .basketWrap .basketTotal {
  padding: 24px 16px;
  -webkit-box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
          box-shadow: 0px -3px 6px -2px rgba(0, 0, 0, 0.07);
}
.advancedGrid #basket_html .basketWrap .basketNeedsLocation,
.advancedGrid #basket_html .basketWrap .basketEmpty {
  padding: 0 8px 8px;
  text-align: center;
}
.advancedGrid #basket_html .basketWrap .basketNeedsLocation:first-child,
.advancedGrid #basket_html .basketWrap .basketEmpty:first-child {
  margin-top: 8px;
}
.advancedGrid #basket_html .basketWrap .basketNeedsLocation a,
.advancedGrid #basket_html .basketWrap .basketEmpty a,
.advancedGrid #basket_html .basketWrap .basketNeedsLocation > span,
.advancedGrid #basket_html .basketWrap .basketEmpty > span {
  display: block;
  background: #bac3c3;
  border-radius: 2px;
  padding: 16px;
  font-weight: bold;
  text-decoration: none;
}
.advancedGrid .basketItems .itemRemove {
  display: none;
}
.advancedGrid .addIcon,
.advancedGrid .removeIcon {
  fill: var(--buttonColor);
}
.advancedGrid .overlayBoxOuter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .overlayBoxOuter {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.advancedGrid .overlayBoxOuter:after {
  color: #FFF;
}
.advancedGrid .overlayBox {
  position: relative;
  background: none;
  left: 0 !important;
  top: 0 !important;
  border-radius: 0;
  margin: 32px;
  max-height: calc(100% - 64px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 560px;
      flex-basis: 560px;
}
@media (max-width: 780px) {
  .advancedGrid .overlayBox {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .overlayBox {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    background: blue;
  }
}
.advancedGrid .overlayBox.itemOverlayWrap .overlayAjax {
  padding: 0;
}
@media all and (max-width: 780px) {
  .advancedGrid .overlayBox.itemOverlayWrap .overlayAjax {
    padding: 0;
  }
}
.advancedGrid .overlayBox .overlayAjax {
  background: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px;
}
@media all and (max-width: 780px) {
  .advancedGrid .overlayBox .overlayAjax {
    padding: 48px 16px 16px;
    border-radius: 0;
  }
}
.advancedGrid .overlayBox .itemPopup {
  width: 100%;
  max-width: 100%;
  padding: 16px;
  margin-bottom: 80px;
  overflow: unset;
}
@media all and (max-width: 780px) {
  .advancedGrid .overlayBox .itemPopup {
    -webkit-transform: none;
    transform: none;
    margin-bottom: 0;
    padding-bottom: 152px;
  }
  .advancedGrid .overlayBox .itemPopup.allergyPopup {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.advancedGrid .overlayBox .itemPopup.addressfinderPopup {
  margin-bottom: 0;
}
.advancedGrid .overlayBox .itemPopup.addressfinderPopup h2 {
  margin-bottom: 20px;
}
.advancedGrid .overlayBox .itemPopup.addressfinderPopup #addressfinderPostcodeError {
  margin: 20px 0 0;
  display: block;
  width: 100%;
  float: left;
}
.advancedGrid .overlayBox .itemPopup.addressfinderPopup .formInline .row:not(.checkboxRow) select {
  padding-right: 40px;
}
.advancedGrid .overlayBox .itemPopup.allergyPopup {
  margin-bottom: 0;
}
.advancedGrid .overlayBox .itemPopup.allergyPopup h2 + .row {
  margin-top: 20px;
}
.advancedGrid .overlayBox .itemPopup.allergyPopup .description + .row {
  margin-top: 0;
}
.advancedGrid .overlayBox .itemPopup h2 {
  padding-right: 30px;
}
.advancedGrid .overlayBox .itemPopup .row .mutual .mutualName {
  width: 100%;
}
.advancedGrid .overlayBox .itemPopup .row .mutual .mutualRight {
  width: 100%;
}
.advancedGrid .overlayBox .itemPopup .row .buttonsWrap .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 20px;
}
.advancedGrid .overlayBox .wrapper {
  width: 100%;
}
@media all and (max-width: 780px) {
  .advancedGrid .overlayCloseButton {
    background: none;
  }
}
.advancedGrid .popupImage {
  position: relative;
  max-width: 100%;
  width: 100%;
  margin: 0 0 24px;
  border-radius: 0;
}
.advancedGrid .popupImage:before {
  content: '';
  display: block;
  padding-bottom: 50%;
}
.advancedGrid .popupImage .backImage {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.advancedGrid .itemPopup #item_cost {
  float: none;
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}
.advancedGrid .itemPopup .formInline hr {
  display: none;
}
.advancedGrid .itemPopup .formInline .row {
  background: none;
  margin: 0 0 10px;
  padding: 0;
}
.advancedGrid .itemPopup .formInline .row > label {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  margin-bottom: 8px;
}
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow).rowQuantity label {
  width: auto;
  margin: 0;
  padding: 14px 0;
  padding-right: 16px;
}
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) label {
  width: 100%;
  margin-right: 0;
  padding: 0;
}
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) .text,
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) textarea,
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) select,
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) input[type="text"],
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) .form-error {
  width: 100%;
}
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin-top: 8px;
}
.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) .rowMutual label {
  font-size: inherit;
  padding: 16px;
  padding-left: 50px;
}
.advancedGrid .itemPopup .formInline .rowQuantity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0;
}
.advancedGrid .itemPopup .formInline .rowQuantity span {
  display: block;
  margin: 0 10px;
  min-width: 40px;
  text-align: center;
}
.advancedGrid .itemPopup .formInline .rowQuantity .button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  border: 1px solid var(--buttonColor);
  background: none;
  min-height: 40px;
  width: 40px;
}
.advancedGrid .itemPopup .formInline .rowQuantity .button svg path,
.advancedGrid .itemPopup .formInline .rowQuantity .button svg rect {
  fill: var(--buttonColor);
}
.advancedGrid .itemPopup .formInline .rowQuantity .button:hover {
  background: var(--buttonColor);
}
.advancedGrid .itemPopup .formInline .rowQuantity .button:hover svg path,
.advancedGrid .itemPopup .formInline .rowQuantity .button:hover svg rect {
  fill: #FFF;
}
.advancedGrid .itemPopup .row input[type="text"],
.advancedGrid .itemPopup .row input[type="tel"],
.advancedGrid .itemPopup .row input[type="email"],
.advancedGrid .itemPopup .row input[type="password"],
.advancedGrid .itemPopup .row input[type="search"],
.advancedGrid .itemPopup .row input[type="number"],
.advancedGrid .itemPopup .row textarea,
.advancedGrid .itemPopup .row select,
.advancedGrid .itemPopup .row .placeholder {
  border-color: #d1d7d7;
}
@media all and (max-width: 780px) {
  .advancedGrid .itemPopup .row input[type="text"],
  .advancedGrid .itemPopup .row input[type="tel"],
  .advancedGrid .itemPopup .row input[type="email"],
  .advancedGrid .itemPopup .row input[type="password"],
  .advancedGrid .itemPopup .row input[type="search"],
  .advancedGrid .itemPopup .row input[type="number"],
  .advancedGrid .itemPopup .row textarea,
  .advancedGrid .itemPopup .row select,
  .advancedGrid .itemPopup .row .placeholder {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
.advancedGrid .itemPopup .rowMutual {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 8px;
}
.advancedGrid .itemPopup .rowMutual:last-child {
  margin-bottom: 0;
}
.advancedGrid .itemPopup .rowMutual label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: solid 1px #d1d7d7;
  border-radius: 6px;
  margin: 0;
}
.advancedGrid .itemPopup .rowMutual label:hover {
  text-decoration: none;
}
.advancedGrid .itemPopup .rowMutual label .name {
  font-size: inherit;
  width: auto;
  padding: 0;
}
.advancedGrid .itemPopup .rowMutual label .cost {
  margin-left: auto;
  white-space: nowrap;
}
.advancedGrid .itemPopup .rowMutual input[type="checkbox"]:checked + label {
  border-color: var(--mainColor);
}
.advancedGrid .itemPopup .rowMutual input[type="checkbox"]:checked + label:before {
  background: var(--mainColor);
  border-color: var(--mainColor);
}
.advancedGrid .itemPopup .rowMutual input[type="checkbox"] + label:before {
  left: 16px;
  top: 16px;
  width: 20px;
  height: 20px;
  background: #FFF;
  border: solid 1px #bac3c3;
  color: #FFF;
  border-radius: 2px;
}
.advancedGrid .itemPopup .title,
.advancedGrid .itemPopup label {
  padding: 0;
  width: 100%;
  margin-bottom: 8px;
}
.advancedGrid .itemPopup .title + .gridWrapper,
.advancedGrid .itemPopup label + .gridWrapper {
  margin-top: 0;
}
@media (max-width: 640px) {
  .advancedGrid .itemPopup #itemform.formInline .row:not(.checkboxRow) input[type="number"] {
    float: left;
  }
}
.advancedGrid .allergyNotice {
  border-top: 1px solid #e0e0e0;
}
.advancedGrid .allergyNotice.row {
  margin-top: 10px;
}
.advancedGrid .allergyNotice .button {
  background: var(--mainColor);
}
.advancedGrid .allergyNotice .button:hover {
  background: var(--mainColor);
}
.advancedGrid .itemPopupButtons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  width: 100%;
  padding: 16px;
  background: #FFF;
  -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
  float: left;
}
@media all and (max-width: 780px) {
  .advancedGrid .itemPopupButtons {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
.advancedGrid .itemPopupButtons .button,
.advancedGrid .itemPopupButtons .buttonAlt {
  margin: 0;
  text-transform: none;
  border-radius: 2px;
}
.advancedGrid .itemPopupButtons .buttonAlt {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  background: none;
  color: var(--secondaryButtonColor);
}
@media all and (max-width: 780px) {
  .advancedGrid .itemPopupButtons .buttonAlt {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.advancedGrid .itemPopupButtons .buttonAlt:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border: 1px solid var(--secondaryButtonColor);
  border-radius: 2px;
}
.advancedGrid .itemPopupButtons .button {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 66%;
          flex: 0 1 66%;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  margin-left: 24px;
}
@media all and (max-width: 780px) {
  .advancedGrid .itemPopupButtons .button {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
    margin-left: 0;
    margin-bottom: 0;
  }
  .advancedGrid .itemPopupButtons .button + .buttonAlt {
    margin-top: 10px;
  }
}
.advancedGrid .itemPopup #itemform.formInline .itemPopupButtons {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media all and (max-width: 780px) {
  .advancedGrid .itemPopup #itemform.formInline .itemPopupButtons .button {
    margin-left: 0;
    margin-right: 0;
  }
}
@media all and (max-width: 780px) {
  .advancedGrid .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 500px) {
  .advancedGrid .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
    margin-top: 0;
  }
}
.advancedGrid .form-error:after {
  left: 10px;
  right: auto;
}
.advancedGrid .itemOverlayWrap .allergenSection {
  margin-top: 20px;
}
.advancedGrid .allergenSection {
  margin: 0;
  padding: 16px 0 0;
  border-top: 1px solid #d1d7d7;
}
.advancedGrid .allergenSection span {
  margin: 0;
  padding: 0;
}
.advancedGrid .allergenSection > span {
  font-weight: bold;
  margin: 0 0 10px;
}
.advancedGrid .allergenSection .alergens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: -10px;
}
.advancedGrid .allergenSection .alergens li {
  margin-right: 12px;
  margin-bottom: 10px;
}
.advancedGrid .allergenSection .alergens a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #828585;
}
.advancedGrid .allergenSection .alergens a img {
  margin-right: 6px;
}
.advancedGrid .description + .row {
  margin-top: 16px;
}
.advancedGrid .descMoreInfo h4 {
  position: relative;
  padding-right: 30px;
}
.advancedGrid .descMoreInfo h4 i {
  position: absolute;
  right: 0;
  top: 0;
}
.advancedGrid .selectStore h1 {
  padding: 24px 0 0;
  margin: 0 0 16px;
}
.advancedGrid .storeList h4 {
  margin: 24px 0;
}
.advancedGrid .storeList ul {
  margin-bottom: 24px;
}
.advancedGrid .storeList img {
  margin-bottom: 20px;
}
.advancedGrid .storeSearch {
  width: 100%;
}
.advancedGrid .orderSteps li {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  color: inherit;
}
.advancedGrid .ajaxerror {
  margin: 20px 0 0;
  color: #B94A48;
}
.advancedGrid .subCategoryContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0 0;
}
@media all and (max-width: 780px) {
  .advancedGrid .subCategoryContent {
    padding: 0;
  }
}
.advancedGrid .subCategoryContent:first-child {
  padding-bottom: 0;
}
.advancedGrid .subCategoryContent .subCategoryContentWrap {
  padding: 0;
  margin-bottom: -8px;
}
.advancedGrid .subCategoryContent h3 {
  width: 100%;
  padding: 10px 10px 0;
  margin-top: -10px;
  border-top: 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .subCategoryContent h3 {
    padding: 20px 26px 0;
    margin: 0 0 20px;
  }
  .advancedGrid .subCategoryContent h3:after {
    display: none;
  }
}
.advancedGrid .subCategoryContent h4 {
  width: 100%;
  padding: 20px 10px 0;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .subCategoryContent h4 {
    padding: 30px 26px 0;
  }
}
.advancedGrid.basketPage .checkoutSmallScreens.displayAlways {
  display: none;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .checkoutSmallScreens {
    padding: 16px;
    left: auto;
    right: 0;
  }
  .advancedGrid .checkoutSmallScreens.alive {
    right: 80%;
  }
}
.advancedGrid .checkoutSmallScreens.displayAlways {
  display: none;
}
@media only screen and (max-width: 1160px) {
  .advancedGrid .checkoutSmallScreens.displayAlways {
    display: block;
  }
}
.advancedGrid .checkoutSmallScreens .button {
  max-width: 1320px;
  margin: 0 auto;
}
@media (max-width: 1475px) {
  .advancedGrid .checkoutSmallScreens .button {
    max-width: 1280px;
  }
}
.advancedGrid .storeHead {
  position: relative;
  background: var(--mainColor);
  padding: 32px 0;
  margin-bottom: -20px;
  z-index: 1;
}
@media all and (max-width: 780px) {
  .advancedGrid .storeHead {
    padding: 0;
  }
}
.advancedGrid .storeHeadContent {
  position: relative;
  float: left;
  background: #FFF;
  padding: 24px;
  padding-left: 0;
  z-index: 1;
}
@media all and (max-width: 780px) {
  .advancedGrid .storeHeadContent {
    width: 100%;
  }
}
.advancedGrid .storeHeadContent:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 100%;
  width: 1000px;
  background: #FFF;
}
@media all and (max-width: 780px) {
  .advancedGrid .storeHeadContent:before {
    right: -20px;
    z-index: -1;
  }
}
.advancedGrid .storeHeadContent.withLogo {
  padding-left: 104px;
}
@media all and (max-width: 780px) {
  .advancedGrid .storeHeadContent.withLogo {
    padding-left: 0;
    padding-right: 0;
  }
}
.advancedGrid .storeHeadContent img {
  position: absolute;
  left: 0;
  top: 24px;
  border-radius: 3px;
}
@media all and (max-width: 780px) {
  .advancedGrid .storeHeadContent img {
    display: none;
  }
}
.advancedGrid .storeHeadContent p {
  margin-bottom: 10px;
}
.advancedGrid .storeHeadContent p:last-child {
  margin-bottom: 0;
}
.advancedGrid .storeHeadContent .link {
  color: #888;
  text-decoration: underline;
}
.socialHeading {
  text-align: center;
  margin-top: 15px;
}
.socialFeed {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}
.socialFeed li {
  position: relative;
  float: left;
  width: 20%;
  background: #eee;
  padding: 0;
  list-style-type: none;
  font-size: 13px;
  font-size: 0.9285714285714286rem;
  color: #fff;
}
.socialFeed li a {
  color: #fff;
}
.socialFeed li img {
  max-height: 333px;
  max-width: 100%;
}
.socialFeed li .message {
  float: left;
  width: 100%;
  margin-bottom: 62px;
  padding: 35px 22px;
  word-wrap: break-word;
}
.socialFeed li .timeAgo {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.15);
  padding: 18px 20px;
}
.socialFeed li .timeAgo span a {
  display: inline;
  background: none;
  border: none;
  font-weight: bold;
  padding: 0;
  font-size: 13px;
}
.socialFeed li .timeAgo:after {
  position: absolute;
  top: 18px;
  right: 18px;
  font-family: 'FontAwesome';
  font-size: 24px;
}
.socialFeed li span.likes {
  display: block;
  position: absolute;
  top: 10px;
  right: 10px;
  width: 30px;
  height: 30px;
  line-height: 28px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  color: #fff;
  background: #2c2c2c;
  border-radius: 100%;
}
.socialFeed li.twitter {
  background: #1da1f2;
}
.socialFeed li.twitter .timeAgo:after {
  content: '\f099';
}
.socialFeed li.facebook {
  background: #3f589b;
}
.socialFeed li.facebook .timeAgo:after {
  content: '\f09a';
}
.socialFeed li.instagram {
  background: #fb3958;
}
.socialFeed li.instagram .timeAgo:after {
  content: '\f16d';
}
@media all and (max-width: 780px) {
  .socialFeed {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0;
    height: 100%;
    overflow: scroll;
    overflow-y: hidden;
    /* Hide scrollbar for IE and Edge */
    -ms-overflow-style: none;
  }
  .socialFeed li {
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
    width: 272px;
  }
  .socialFeed li img {
    width: 272px;
    height: 272px;
  }
  .socialFeed ::-webkit-scrollbar {
    display: none;
    width: 0px;
    background: transparent;
  }
  .socialFeed ::-webkit-scrollbar-thumb {
    background: #FF0000;
  }
}
.postcodeLandingWrap {
  padding: 60px 0;
}
@media all and (max-width: 780px) {
  .postcodeLandingWrap {
    padding: 40px 0;
  }
}
.postcodeLandingWrap + .calltoactionsWrap {
  padding-top: 0;
}
.postcodeLandingWrap h1 {
  text-transform: uppercase;
}
.postcodeLandingWrap .postcodeLandingHeader {
  text-align: center;
}
.postcodeLandingWrap .postcodeLandingHeader .imageWrap {
  margin: 0 0 40px;
}
.postcodeLandingWrap .locations {
  margin: 0 0 -40px;
}
.postcodeLandingWrap .locations:not(:first-child) {
  margin-top: 40px;
}
.postcodeLandingWrap .location {
  margin: 0 0 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid var(--borderColor);
  padding: 0 0 40px;
}
.postcodeLandingWrap .location:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
@media (max-width: 800px) {
  .postcodeLandingWrap .location {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.postcodeLandingWrap .location .imageWrap {
  width: 300px;
  margin-right: 40px;
}
@media (max-width: 1000px) {
  .postcodeLandingWrap .location .imageWrap {
    width: 220px;
    margin-right: 20px;
  }
}
@media (max-width: 800px) {
  .postcodeLandingWrap .location .imageWrap {
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.postcodeLandingWrap .location .textWrap {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-right: 40px;
}
@media (max-width: 1000px) {
  .postcodeLandingWrap .location .textWrap {
    margin-right: 0;
  }
}
@media (max-width: 800px) {
  .postcodeLandingWrap .location .textWrap {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
  }
}
.postcodeLandingWrap .location .textWrap .buttonGroup {
  display: none;
}
@media (max-width: 1000px) {
  .postcodeLandingWrap .location .textWrap .buttonGroup {
    display: block;
  }
}
@media (max-width: 1000px) {
  .postcodeLandingWrap .location > .buttonGroup {
    display: none;
  }
}
.selectBoxesWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
.selectBoxesWrap .selectBoxes {
  position: relative;
  width: calc(33.33% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media (max-width: 900px) {
  .selectBoxesWrap .selectBoxes {
    width: calc(50% - 20px);
  }
}
@media (max-width: 640px) {
  .selectBoxesWrap .selectBoxes {
    width: calc(100% - 20px);
  }
}
.selectBoxesWrap .selectBoxes.active .selectBoxOptions {
  display: block;
}
.selectBoxesWrap .selectBoxTitle {
  display: block;
  font-size: 16px;
  line-height: 40px;
  font-weight: bold;
  text-align: center;
  background: var(--mainColor);
  color: var(--mainColorReverse);
  border-radius: 20px;
  padding: 0 20px;
}
.selectBoxesWrap .selectBoxTitle svg {
  width: 12px;
  margin-left: 6px;
}
.selectBoxesWrap .selectBoxTitle svg path {
  fill: var(--mainColorReverse);
}
.selectBoxesWrap .selectBoxOptions {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  padding: 0 12px;
  -webkit-box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
          box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
  border-radius: 6px;
  margin: 8px 0 0;
  display: none;
  background: #FFF;
  z-index: 11;
}
.selectBoxesWrap .selectBoxOptions li {
  width: 100%;
  border-bottom: 1px solid var(--borderColor);
  padding: 0;
  margin: 0;
  font-size: 14px;
  font-weight: 500;
}
.selectBoxesWrap .selectBoxOptions li:last-child {
  border-bottom: 0;
}
.selectBoxesWrap .selectBoxOptions li a {
  display: block;
  padding: 10px 0;
  color: #000;
}
.calltoactionsWrap .selectBoxesWrap .selectBoxOptions {
  top: auto;
  bottom: 100%;
  margin: 0 0 8px;
}
.snappylite {
  /* Slider */
  /* Landing Services */
  /* Landing Offers */
  /* Block Wrapper */
  /**/
  /**/
  /**/
  /**/
}
.snappylite .wrapper {
  max-width: 1160px;
}
.snappylite .topBar {
  height: 54px;
  background: var(--mainColour);
}
@media only screen and (max-width: 1160px) {
  .snappylite .topBar {
    position: absolute;
  }
}
.snappylite #header {
  background: #FFF;
}
.snappylite #header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 780px) {
  .snappylite #header .wrapper {
    display: block;
  }
}
@media only screen and (max-width: 1160px) {
  .snappylite #header .headerMain {
    margin-top: 54px;
  }
}
.snappylite .headerMain.center .logo {
  margin: 0;
}
@media (max-width: 900px) {
  .snappylite .headerMain.center .logo {
    margin: 0;
  }
}
@media (max-width: 780px) {
  .snappylite .headerMain.center .logo {
    margin: 40px auto;
    float: none;
  }
}
.snappylite .headerMain .logo {
  margin: 0;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 174px;
}
@media (max-width: 900px) {
  .snappylite .headerMain .logo {
    margin: 0;
  }
}
@media (max-width: 780px) {
  .snappylite .headerMain .logo {
    margin: 40px auto;
    float: none;
    display: block;
    min-height: 0;
  }
}
.snappylite .headerMain .logo img {
  height: auto;
  max-width: 100%;
  max-height: 174px;
  max-width: 174px;
}
@media (max-width: 780px) {
  .snappylite .headerMain .logo img {
    height: auto;
    max-height: 100px;
    max-width: 200px;
  }
}
.snappylite .headerMain .logo span {
  color: var(--mainColour);
  font-size: 30px;
  font-weight: bold;
}
@media (max-width: 640px) {
  .snappylite .headerMain .logo span {
    font-size: 22px;
  }
}
.snappylite .headerSocial {
  margin: 71px 0 71px auto;
}
@media (max-width: 900px) {
  .snappylite .headerSocial {
    margin: 66px 0 66px auto;
  }
}
@media (max-width: 780px) {
  .snappylite .headerSocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    margin: 0 0 20px;
  }
}
.snappylite .headerSocial li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.snappylite .headerSocial li h3 {
  color: #404040;
  font-weight: normal;
  margin-right: 8px;
  font-size: 16px;
  line-height: 32px;
}
@media (max-width: 780px) {
  .snappylite .headerSocial li h3 {
    font-size: 16px;
    line-height: 32px;
  }
}
@media (max-width: 640px) {
  .snappylite .headerSocial li h3 {
    display: block;
  }
}
.snappylite .headerSocial li .socialIcon {
  margin-left: 12px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
.snappylite .headerSocial li .socialIcon.facebookIcon,
.snappylite .headerSocial li .socialIcon.instagramIcon,
.snappylite .headerSocial li .socialIcon.twitterIcon,
.snappylite .headerSocial li .socialIcon.linkedinIcon {
  background: var(--mainColour);
}
.snappylite .headerSocial li svg path {
  fill: var(--mainColourText);
}
.snappylite .largeSlider,
.snappylite .mobileSlider {
  max-height: 479px;
}
.snappylite .largeSlider .slick-dots li.slick-active button,
.snappylite .mobileSlider .slick-dots li.slick-active button {
  background: var(--secondaryColour);
}
.snappylite .largeSlider .slide,
.snappylite .mobileSlider .slide {
  max-height: 479px;
  height: 479px;
}
.snappylite .largeSlider .slide > a,
.snappylite .mobileSlider .slide > a,
.snappylite .largeSlider .slide > .noLink,
.snappylite .mobileSlider .slide > .noLink {
  max-width: 1920px;
  margin-left: -960px;
}
@media (max-width: 640px) {
  .snappylite .largeSlider .slide > a,
  .snappylite .mobileSlider .slide > a,
  .snappylite .largeSlider .slide > .noLink,
  .snappylite .mobileSlider .slide > .noLink {
    width: 100%;
    max-width: 100%;
    margin-left: -50%;
  }
}
.snappylite .largeSlider .slide > a:after,
.snappylite .mobileSlider .slide > a:after,
.snappylite .largeSlider .slide > .noLink:after,
.snappylite .mobileSlider .slide > .noLink:after {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.snappylite .largeSlider .slide > a img,
.snappylite .mobileSlider .slide > a img,
.snappylite .largeSlider .slide > .noLink img,
.snappylite .mobileSlider .slide > .noLink img {
  float: right;
}
@media (max-width: 640px) {
  .snappylite .largeSlider .slide > a img,
  .snappylite .mobileSlider .slide > a img,
  .snappylite .largeSlider .slide > .noLink img,
  .snappylite .mobileSlider .slide > .noLink img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.snappylite .largeSlider .controls,
.snappylite .mobileSlider .controls {
  height: 60px;
}
.snappylite .largeSlider .controls .prev,
.snappylite .mobileSlider .controls .prev {
  left: 0;
}
.snappylite .largeSlider .controls .next,
.snappylite .mobileSlider .controls .next {
  right: 0;
}
.snappylite .largeSlider .slideContent,
.snappylite .mobileSlider .slideContent {
  text-align: left;
}
@media only screen and (max-width: 1160px) {
  .snappylite .largeSlider .slideContent,
  .snappylite .mobileSlider .slideContent {
    top: 0;
  }
}
@media (max-width: 640px) {
  .snappylite .largeSlider .slideContent,
  .snappylite .mobileSlider .slideContent {
    text-align: center;
  }
}
@media (max-width: 1240px) and (min-width: 641px), (max-width: 780px) and (min-width: 641px) {
  .snappylite .largeSlider .slideContent .wrapper,
  .snappylite .mobileSlider .slideContent .wrapper {
    padding: 0 60px;
    max-width: 100%;
  }
}
.snappylite .largeSlider h2,
.snappylite .mobileSlider h2,
.snappylite .largeSlider h1,
.snappylite .mobileSlider h1 {
  text-shadow: none;
  font-size: 40px;
  line-height: 46px;
  margin: 0 0 12px;
  color: #FFF;
  max-width: 450px;
}
@media (max-width: 780px) {
  .snappylite .largeSlider h2,
  .snappylite .mobileSlider h2,
  .snappylite .largeSlider h1,
  .snappylite .mobileSlider h1 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media (max-width: 640px) {
  .snappylite .largeSlider h2,
  .snappylite .mobileSlider h2,
  .snappylite .largeSlider h1,
  .snappylite .mobileSlider h1 {
    color: #FFF;
    max-width: 100%;
  }
}
.snappylite .largeSlider p,
.snappylite .mobileSlider p {
  color: #FFF;
  text-shadow: none;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 40px;
  max-width: 450px;
}
@media (max-width: 780px) {
  .snappylite .largeSlider p,
  .snappylite .mobileSlider p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 640px) {
  .snappylite .largeSlider p,
  .snappylite .mobileSlider p {
    color: #FFF;
    max-width: 100%;
  }
}
.snappylite .largeSlider .button,
.snappylite .mobileSlider .button {
  border-radius: 10px;
  font-size: 25px;
  line-height: 34px;
  padding: 13px 37px 12px;
  text-transform: none;
  letter-spacing: 0;
  min-width: 310px;
  margin: 0;
}
.snappylite .largeSlider .button.button1,
.snappylite .mobileSlider .button.button1 {
  background: var(--buttonColour);
  color: var(--buttonColourText);
}
.snappylite .largeSlider .button.button1:hover,
.snappylite .mobileSlider .button.button1:hover {
  background: var(--buttonHoverColour);
  color: var(--buttonHoverTextColour);
}
.snappylite .largeSlider .button.button2,
.snappylite .mobileSlider .button.button2 {
  background: var(--buttonColour2);
  color: var(--buttonColour2Text);
}
.snappylite .largeSlider .button.button2:hover,
.snappylite .mobileSlider .button.button2:hover {
  background: var(--buttonHover2Colour);
  color: var(--buttonHover2TextColour);
}
.snappylite .sliderCover {
  position: absolute;
  top: 0;
  bottom: 0;
  -webkit-transform: skewX(-32deg);
          transform: skewX(-32deg);
  left: -145px;
  right: calc(50% - 115px);
}
@media (max-width: 640px) {
  .snappylite .sliderCover {
    display: none;
  }
}
.snappylite .largeSlider,
.snappylite .mobileSlider,
.snappylite .largeSlider .slide,
.snappylite .mobileSlider .slide {
  min-height: 479px;
}
.snappylite .landingServicesWrap h2 {
  color: var(--secondaryColour);
}
.snappylite .landingOffersDiscountsWrap h2 {
  color: var(--secondaryColour);
}
.snappylite .landingOffersDiscount {
  background: var(--secondaryColour);
  color: var(--secondaryColourText);
}
.snappylite .landingOffersDiscount .button.button1 {
  background: var(--buttonColour);
  color: var(--buttonColourText);
}
.snappylite .landingOffersDiscount .button.button1:hover {
  background: var(--buttonHoverColour);
  color: var(--buttonHoverTextColour);
}
.snappylite .landingOffersDiscount .button.button2 {
  background: var(--buttonColour2);
  color: var(--buttonColour2Text);
}
.snappylite .landingOffersDiscount .button.button2:hover {
  background: var(--buttonHover2Colour);
  color: var(--buttonHover2TextColour);
}
.snappylite .blockWrapper {
  background: none;
  padding: 0 20px;
  max-width: 1200px;
}
.snappylite .blockWrapper h2 {
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  color: var(--secondaryColour);
  text-align: center;
  margin-bottom: 50px;
}
@media (max-width: 780px) {
  .snappylite .blockWrapper h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
  }
}
.snappylite .block {
  background: var(--blockColour2);
  color: var(--blockColour2Text);
  border-radius: 20px;
  overflow: hidden;
  margin-bottom: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.snappylite .block.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.snappylite .block.right {
  background: var(--blockColour1);
  color: var(--blockColour1Text);
}
.snappylite .block:last-child {
  margin-bottom: 0;
}
.snappylite .block .imageWrap {
  position: relative;
  height: auto;
}
.snappylite .block .imageWrap img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: none;
  transform: none;
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.snappylite .block .content {
  line-height: inherit;
}
@media (max-width: 780px) {
  .snappylite .block .content {
    padding: 0;
  }
}
.snappylite .block .content .innerContent {
  padding: 40px 70px;
}
@media (max-width: 1200px) {
  .snappylite .block .content .innerContent {
    padding: 40px 40px;
  }
}
@media (max-width: 780px) {
  .snappylite .block .content .innerContent {
    padding: 20px;
  }
}
.snappylite .block h3 {
  font-size: 40px;
  line-height: 54px;
  color: inherit;
  margin-bottom: 14px;
}
@media (max-width: 780px) {
  .snappylite .block h3 {
    font-size: 30px;
    line-height: 36px;
  }
}
.snappylite .block p {
  font-size: 18px;
  line-height: 24px;
  color: inherit;
  margin-bottom: 24px;
}
@media (max-width: 780px) {
  .snappylite .block p {
    font-size: 16px;
    line-height: 22px;
  }
}
.snappylite .block .button {
  font-size: 20px;
  line-height: 34px;
  padding: 13px 25px 12px;
  border-radius: 10px;
  margin-top: 14px;
  text-transform: none;
  letter-spacing: 0;
}
.snappylite .block .button.button1 {
  background: var(--buttonColour);
  color: var(--buttonColourText);
}
.snappylite .block .button.button1:hover {
  background: var(--buttonHoverColour);
  color: var(--buttonHoverTextColour);
}
.snappylite .block .button.button2 {
  background: var(--buttonColour2);
  color: var(--buttonColour2Text);
}
.snappylite .block .button.button2:hover {
  background: var(--buttonHover2Colour);
  color: var(--buttonHover2TextColour);
}
@media (max-width: 780px) {
  .snappylite .block .button {
    font-size: 18px;
    line-height: 26px;
  }
}
.snappylite .callToActionWrap {
  max-width: 1160px;
}
.snappylite .callToActionWrap .cta:hover .foodSvg svg,
.snappylite .callToActionWrap .cta:hover .foodSvg img {
  -webkit-transform: none;
          transform: none;
}
.snappylite .callToActionWrap .foodSvg {
  color: var(--secondaryColour);
}
.snappylite .callToActionWrap .foodSvg .foodSvgCenter {
  height: 116px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}
.snappylite .callToActionWrap h3 {
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 22px;
}
.snappylite .callToActionWrap h3 span {
  color: var(--secondaryColour);
}
.snappylite .callToActionWrap p {
  font-size: 16px;
  line-height: 22px;
  color: #404040;
}
.snappylite .callToActionWrap .slick-dots .slick-active button {
  background: var(--secondaryColour);
}
.snappylite .orderNowSection {
  padding: 28px 20px;
  background: var(--secondaryColour);
  color: var(--secondaryColourText);
}
.snappylite .orderNowSection h3 {
  color: inherit;
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  margin-bottom: 8px;
}
.snappylite .orderNowSection p {
  color: inherit;
  font-size: 18px;
  line-height: 20px;
  margin-bottom: 29px;
}
.snappylite .orderNowSection .button {
  font-size: 25px;
  line-height: 34px;
  padding: 13px 45px 12px;
  border-radius: 10px;
  text-transform: none;
  letter-spacing: 0;
  width: auto;
}
.snappylite .orderNowSection .button.button1 {
  background: var(--buttonColour);
  color: var(--buttonColourText);
}
.snappylite .orderNowSection .button.button1:hover {
  background: var(--buttonHoverColour);
  color: var(--buttonHoverTextColour);
}
.snappylite .orderNowSection .button.button2 {
  background: var(--buttonColour2);
  color: var(--buttonColour2Text);
}
.snappylite .orderNowSection .button.button2:hover {
  background: var(--buttonHover2Colour);
  color: var(--buttonHover2TextColour);
}
.snappylite .appCTA {
  background: var(--blockColour2);
}
.snappylite .appCTA h2 {
  color: var(--blockColour2Text);
  font-size: 24px;
  font-size: 1.5rem;
  line-height: 32px;
}
.snappylite .footer {
  max-width: 1160px;
  padding-left: 20px;
  padding-right: 20px;
}
.snappylite .footerCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.snappylite .footerCol.socialCol {
  margin-right: 0;
}
@media (min-width: 781px) {
  .snappylite .footerCol.socialCol {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.snappylite .footerCol.socialCol a {
  background: var(--secondaryColour);
  color: var(--secondaryColourText);
}
.snappylite .footerCol.socialCol a:hover {
  background: var(--secondaryColour);
  color: var(--secondaryColourText);
}
.snappylite .footerCol h3 {
  color: var(--secondaryColour);
}
.snappylite .footerContact a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  word-break: break-word;
}
.snappylite .footerContact a svg {
  width: 15px;
  min-width: 15px;
  margin-right: 5px;
  color: var(--secondaryColour);
}
/* Resets */
.hospital {
  background: #FFF;
}
.hospital.advancedGrid.withCheckutButton .siteOuterWrapper {
  padding-bottom: 0;
}
@media only screen and (max-width: 1160px) {
  .hospital.advancedGrid.withCheckutButton .siteOuterWrapper {
    padding-bottom: 80px;
  }
}
@media only screen and (max-width: 1160px) {
  .hospital.advancedGrid:not(.withCheckutButton) .siteOuterWrapper {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 1160px) {
  .hospital.advancedGrid .menuCategoriesWrap {
    top: 0;
  }
}
.hospital .siteOuterWrapper {
  background: transparent;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital .siteOuterWrapper .menu .wrapper {
    padding: 0;
  }
}
@media (max-width: 1475px) {
  .hospital .siteOuterWrapper .wrapper {
    padding: 0 16px;
  }
}
@media only screen and (max-width: 1160px) {
  .hospital #header .headerMain {
    margin-top: 0;
  }
}
.hospital .headerMain .logo img {
  max-width: 250px;
  max-height: 88px;
}
@media (max-width: 780px) {
  .hospital .headerMain .logo img {
    max-width: 250px;
    max-height: 88px;
  }
}
.loginPage .hospital .headerMain .logo img {
  max-width: 277px;
  max-height: 97px;
}
@media (max-width: 780px) {
  .loginPage .hospital .headerMain .logo img {
    max-width: 277px;
    max-height: 97px;
  }
}
.hospital .center.headerMain .logo {
  margin: 38px 0 28px;
}
.hospital .row:last-child {
  margin-bottom: 0;
}
.hospital .button {
  font-family: var(--primaryFont);
  font-weight: 800;
  -webkit-transition: none;
  transition: none;
}
.hospital .button:hover {
  background: #003d78;
}
.hospital .buttonAlt {
  font-family: var(--primaryFont);
  font-weight: 800;
  background: #EAF3FA;
  color: #0072CE;
}
.hospital .buttonAlt:hover {
  background: #EAF3FA;
  color: #0072CE;
}
.hospital .dashboardSection .error {
  margin: 0 0 20px;
  float: left;
  width: 100%;
  border: 0;
  background: #B94A48;
  color: #FFF;
}
.hospital .signOut {
  position: absolute;
  right: 16px;
  top: 37px;
  font-family: var(--primaryFont);
  font-size: 14px;
  line-height: 28px;
  font-weight: 800;
  padding: 9px 24px 5px;
  border-radius: 7px;
  -webkit-box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
          box-shadow: 0 5px 14px rgba(0, 0, 0, 0.1);
  background: #0072CE;
  color: #FFF;
}
.hospital .signOut:hover {
  background: #003d78;
}
.loggedIn {
  background: #EFEFEF;
}
.loggedIn.advancedGrid .main {
  padding: 0 0 70px;
  background: transparent;
}
.loggedIn .center.headerMain .logo {
  margin: 30px 0;
  text-align: left;
}
.loggedIn .headerMain .logo img {
  max-width: 186px;
  max-height: 66px;
}
@media (max-width: 780px) {
  .loggedIn .headerMain .logo img {
    max-width: 186px;
    max-height: 66px;
  }
}
/* Hospital Styles */
.accountPage {
  background: #EFEFEF;
}
/* Login */
.dashboardLogin {
  background: #FFF;
}
.dashboardLoginSection {
  text-align: center;
  max-width: 344px;
  margin: 0 auto;
  padding: 0 0 70px;
}
.dashboardLoginSection .imageWrap {
  margin-bottom: 63px;
}
.dashboardLoginSection h1 {
  font-size: 41px;
  line-height: 46px;
  letter-spacing: 1px;
  margin-bottom: 30px;
}
.dashboardLoginSection .row {
  margin: 0 0 10px;
}
.dashboardLoginSection .row:last-child {
  margin-bottom: 0;
}
.dashboardLoginSection .row input[type="text"],
.dashboardLoginSection .row input[type="password"],
.dashboardLoginSection .row select {
  font-size: 25px;
  line-height: 28px;
  border-color: #ABABAB;
  border-radius: 31px;
  padding: 0 24px;
  height: 62px;
}
.dashboardLoginSection .button {
  width: 100%;
  -webkit-appearance: none;
  font-size: 25px;
  line-height: 28px;
  padding: 30px 20px 26px;
  border-radius: 43px;
  height: 85px;
  margin-top: 25px;
}
/* Dashboard */
.dashboardSection:last-child {
  margin-bottom: 40px;
}
.dashboardSection + .dashboardSection {
  margin-top: 40px;
}
.dashboardHeader {
  position: relative;
  margin: 0 0 40px;
  text-align: center;
  min-height: 57px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboardHeader h1 {
  font-size: 20px;
  line-height: 28px;
  margin-bottom: 12px;
}
.dashboardHeader h1:last-child {
  margin-bottom: 0;
}
.dashboardHeader ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: -3px;
  margin-right: -3px;
}
.dashboardHeader ul li {
  width: 20px;
  height: 6px;
  margin-left: 3px;
  margin-right: 3px;
  border-radius: 3px;
  background: rgba(0, 114, 206, 0.25);
}
.dashboardHeader ul li.active {
  width: 40px;
  background: #0072CE;
}
.dashboardHeader ul li span {
  display: none;
}
.dashboardHeader .back {
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 57px;
  height: 57px;
  color: #0072CE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboardHeader .back:hover {
  color: #003d78;
}
.dashboardHeader .back svg {
  display: block;
  width: 100%;
  max-width: 100%;
}
.dashboardHeader .filter {
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 57px;
  height: 57px;
  color: #0072CE;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.dashboardHeader .filter:hover {
  color: #003d78;
}
.dashboardHeader .filter svg {
  display: block;
  width: 100%;
  max-width: 100%;
}
.dashboardList {
  margin: 0 auto 40px;
}
.dashboardList.withDots a {
  position: relative;
  padding-left: 66px;
}
.dashboardList.withDots a:before {
  content: '';
  position: absolute;
  top: 15px;
  left: 15px;
  width: 35px;
  height: 35px;
  border-radius: 17.5px;
  background: #EFEFEF;
}
.dashboardList li {
  margin: 0 0 18px;
}
.dashboardList li:last-child {
  margin-bottom: 0;
}
.dashboardList a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--primaryFont);
  position: relative;
  width: 100%;
  background: #FFF;
  color: #000000;
  font-size: 26px;
  line-height: 28px;
  font-weight: normal;
  padding: 20px 30px 16px;
  text-align: left;
  border-radius: 32px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}
.dashboardList a:hover:before {
  background: #0072CE;
}
.blockSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #FFF;
  border-radius: 32px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
  text-align: center;
  margin-bottom: 30px;
}
.blockSection.bedEmpty {
  padding: 25px 50px 50px;
  margin-left: auto;
  margin-right: auto;
}
.blockSection.bedEmpty h2 {
  font-size: 34px;
  line-height: 37px;
  font-weight: bold;
  margin-bottom: 7px;
}
.blockSection.bedEmpty p {
  font-size: 16px;
  line-height: 23px;
  color: #0072CE;
  margin-bottom: 12px;
}
.blockSection.bedEmpty .imageWrap {
  margin-bottom: 36px;
}
.blockSection.bedEmpty .button {
  -webkit-appearance: none;
  width: 100%;
  font-size: 35px;
  line-height: 50px;
  border-radius: 29px;
  padding: 48px 20px;
  text-transform: uppercase;
}
.blockSection.bedManage {
  padding: 30px 30px 40px;
  margin-left: auto;
  margin-right: auto;
}
.blockSection.bedManage.inlineForm .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 30px;
}
.blockSection.bedManage.inlineForm .row:last-child {
  margin-bottom: 0;
}
.blockSection.bedManage.inlineForm .row + .buttonGroup {
  margin-top: 15px;
}
.blockSection.bedManage.inlineForm .row .inputWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.blockSection.bedManage.inlineForm .row label {
  font-size: 20px;
  line-height: 28px;
  font-weight: bold;
  font-family: var(--primaryFont);
  text-align: left;
  padding: 0 10px 0 0;
  margin-right: auto;
  max-width: 196px;
}
.blockSection.bedManage.inlineForm .row label.featured {
  text-transform: uppercase;
  font-size: 22px;
  font-weight: 800;
  color: #0072CE;
}
.blockSection.bedManage.inlineForm .row .fakeInput:not(.noBorder) {
  font-size: 31px;
  font-weight: 800;
  font-family: var(--primaryFont);
  width: 70px;
  height: 55px;
  border: 2px solid #0072CE;
  border-radius: 14px;
  padding: 5px 8px;
  letter-spacing: 0.82px;
  text-align: center;
}
.blockSection.bedManage.inlineForm .row .fakeInput:not(.noBorder) sub {
  font-size: 8px;
  bottom: 0;
}
.blockSection.bedManage.inlineForm .row .fakeInput + .fakeInput {
  margin-left: 10px;
}
.blockSection.bedManage.inlineForm .row .noBorder {
  font-size: 30px;
  line-height: 28px;
  font-weight: bold;
  font-family: var(--primaryFont);
  color: #0072CE;
  border: 0;
  padding: 14px 0;
}
.blockSection.bedManage.inlineForm .row input::-webkit-outer-spin-button,
.blockSection.bedManage.inlineForm .row input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.blockSection.bedManage.inlineForm .row input[type="number"] {
  -moz-appearance: textfield;
  text-align: center;
  width: 88px;
  border: 2px solid #0072CE;
  font-size: 24px;
  line-height: 28px;
  padding: 0 25px;
  height: 45px;
  border-radius: 22.5px;
}
.blockSection.bedManage.inlineForm .buttonGroup {
  margin-bottom: 0;
}
.blockSection.bedManage .row select {
  font-size: 20px;
  line-height: 28px;
  border: 1px solid #0072CE;
  border-radius: 23px;
  height: 45px;
  padding: 0 30px 0 20px;
}
.blockSection.bedManage .row select[disabled] {
  color: #ABABAB;
  border-color: #ABABAB;
}
.blockSection.bedManage .imageWrap {
  margin-bottom: 38px;
}
.blockSection.selectProduct {
  padding: 25px 14px 40px;
  margin-left: auto;
  margin-right: auto;
}
.blockSection.selectProduct.hidden + .buttonGroup {
  margin-top: 25px;
}
.blockSection.selectProduct h2 {
  font-size: 26px;
  font-weight: 800;
  margin-bottom: 24px;
}
.blockSection.selectProduct .selectAll {
  margin: 0 auto 25px;
  font-size: 18px;
  line-height: 22px;
  padding: 9px 25px;
  color: #0072CE;
  background: #EFEFEF;
  border-radius: 20px;
  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
}
.blockSection.selectProduct .selectAll.active {
  background: #0072CE;
  color: #FFF;
}
.blockSection.selectProduct .item:last-child .row {
  margin-bottom: 0;
}
.blockSection.selectProduct .item .row {
  margin: 0 0 10px;
}
.blockSection.selectProduct .row input[type="checkbox"]:checked + label {
  background: #0072CE;
  color: #FFF;
}
.blockSection.selectProduct .row input[type="checkbox"]:checked + label:after {
  top: 34px;
  background-image: url('/sites/template_2018/images/gosh/minus.svg');
  height: 2px;
}
.blockSection.selectProduct .row input[type="checkbox"] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 18px;
  line-height: 22px;
  font-weight: 800;
  font-family: var(--primaryFont);
  letter-spacing: 0.48px;
  width: 100%;
  padding: 16px 50px 12px 28px;
  background: #EFEFEF;
  color: #0072CE;
  min-height: 70px;
  border-radius: 35px;
}
.blockSection.selectProduct .row input[type="checkbox"] + label:before {
  width: 34px;
  height: 34px;
  border: 0;
  left: auto;
  right: 18px;
  top: 18px;
  border-radius: 17px;
  background: #FFF;
}
.blockSection.selectProduct .row input[type="checkbox"] + label:after {
  content: '';
  position: absolute;
  right: 27px;
  top: 27px;
  display: block;
  background-image: url('/sites/template_2018/images/gosh/plus.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 15px;
  height: 15px;
  left: auto;
  border-radius: 0;
  background-color: transparent;
}
.blockSection.selectProduct .row input[type="checkbox"] + label:hover {
  text-decoration: none;
}
.blockSection .buttonAlt {
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
}
.dashboardContent.dashboardContent {
  margin-top: -16px;
}
.dashboardContent .buttonGroup {
  width: 100%;
  max-width: 344px;
  margin: 0 auto 24px;
}
.dashboardContent .buttonGroup:last-child {
  margin-bottom: 0;
}
.dashboardContent .buttonGroup + .buttonGroup {
  margin-top: 10px;
}
.dashboardContent .button,
.dashboardContent .buttonAlt {
  width: 100%;
  -webkit-appearance: none;
  font-size: 25px;
  line-height: 28px;
  padding: 31px 20px 26px;
  border-radius: 43px;
  height: 85px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
/* Items */
.dashboardContent .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboardContent .items.hidden {
  display: none;
}
.dashboardContent .item {
  width: 100%;
}
.dashboardContent .menus {
  margin: 0 auto -18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.dashboardContent .menus.hidden {
  display: none;
}
.dashboardContent .menus + .selectProduct {
  margin-top: 24px;
}
.dashboardContent .menu {
  margin: 0 0 18px;
}
.dashboardContent .menu a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: var(--primaryFont);
  width: 100%;
  min-height: 64px;
  border-radius: 32px;
  background: #FFF;
  padding: 18px 45px 14px 25px;
  font-size: 26px;
  line-height: 28px;
  letter-spacing: 0.69px;
  -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 4px 10px rgba(0, 0, 0, 0.16);
}
.dashboardContent .menu a:after {
  content: '';
  position: absolute;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  display: block;
  background-image: url('/sites/template_2018/images/gosh/blue-arrow.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 12px;
  height: 21px;
}
/* Filter */
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .overlayBoxOuter.filterOverlay {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.filterOverlay .filterWrap {
  background: none;
  padding: 0;
  margin: 0;
}
.filterWrap {
  background: #FFF;
  padding: 20px;
  margin: 20px 0;
}
.filterWrap .buttonGroup {
  margin: 0 0 10px;
}
.filterWrap .buttonGroup:last-child {
  margin-bottom: 0;
}
.filterWrap .button,
.filterWrap .buttonAlt {
  width: 100%;
  font-size: 25px;
  line-height: 28px;
  font-weight: 800;
  padding: 32px 20px 28px;
  border-radius: 42.5px;
}
.filterTitle {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  text-align: center;
  margin: 0 0 40px;
}
.filterSectionTitle {
  font-size: 18px;
  line-height: 22px;
  margin: 0 0 25px;
  color: #0072CE;
  font-weight: 800;
  text-align: left;
}
.filterOptions {
  float: left;
  width: 100%;
  margin: 0 0 40px;
}
.filterOption {
  width: auto;
  margin: 0;
}
.filterOption.row {
  margin: 0;
}
.filterOption.row input[type="checkbox"]:checked + label {
  background: #0072CE;
  color: #FFF;
}
.filterOption.row input[type="checkbox"] + label {
  font-size: 18px;
  line-height: 22px;
  margin: 0 10px 10px 0;
  padding: 10px 25px;
  background: #EFEFEF;
  color: #000000;
  border-radius: 21px;
}
.filterOption.row input[type="checkbox"] + label:before {
  display: none;
}
.filterOption.row input[type="checkbox"] + label:hover {
  text-decoration: none;
}
/* Popup Message */
.hospitalMessage {
  text-align: center;
}
.hospitalMessage .imageWrap {
  margin: 0 0 20px;
}
.hospitalMessage .imageWrap img {
  width: 188px;
}
.hospitalMessage h2 {
  font-size: 30px;
  line-height: 34px;
  font-weight: 800;
  color: #0072CE;
  margin: 0;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .advancedGrid .overlayBoxOuter.hospitalMessageOverlay {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.advancedGrid .hospitalMessageOverlay:after {
  display: none;
}
.advancedGrid .hospitalMessageOverlay .overlayBox {
  -webkit-transition: none;
  transition: none;
  -ms-flex-preferred-size: 360px;
      flex-basis: 360px;
}
.advancedGrid .hospitalMessageOverlay .overlayAjax {
  padding: 32px;
  border-radius: 32px;
}
.advancedGrid .hospitalMessageOverlay .overlayCloseButton {
  display: none;
}
/* Menu */
.hospital .menuHeader {
  position: relative;
  z-index: 1;
  float: left;
  width: calc(100% + 32px);
  background: #0072CE;
  color: #FFF;
  padding: 35px 16px;
  margin-left: -16px;
  margin-right: -16px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital .menuHeader {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }
}
.hospital .menuHeader h1 {
  color: inherit;
  font-size: 26px;
  line-height: 28px;
  margin: 0 0 8px;
}
.hospital .menuHeader .basketStore {
  margin: 0;
  color: inherit;
}
.hospital.advancedGrid .menuItems {
  position: relative;
}
.hospital.advancedGrid .menuCategory {
  position: relative;
  z-index: 1;
}
.hospital.advancedGrid .menuFloatingImages {
  position: relative;
}
.hospital.advancedGrid .itemPopup .floatingRocket {
  position: absolute;
  display: block;
  right: -110px;
  top: 80px;
  width: 214px;
  height: 303px;
  opacity: 0.15;
}
.hospital.advancedGrid .itemPopup .floatingFlower {
  position: absolute;
  display: block;
  right: 0;
  top: 400px;
  width: 152px;
  height: 215px;
  opacity: 0.15;
}
.hospital.advancedGrid .itemPopup .floatingLeaves {
  position: absolute;
  display: block;
  left: 0;
  top: 420px;
  width: 127px;
  height: 180px;
  opacity: 0.15;
}
@media only screen and (max-width: 767px) {
  .hospital.advancedGrid .subCategoryContent {
    padding-bottom: 0;
  }
  .hospital.advancedGrid .subCategoryContent:not(:first-child) {
    margin-top: 20px;
  }
  .hospital.advancedGrid .subCategoryContent .subCategoryContentWrap {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital.advancedGrid .menuCategoryContent {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hospital.advancedGrid .menuCategory {
    margin-bottom: 20px;
  }
  .hospital.advancedGrid .menuCategory:last-child {
    margin-bottom: 0;
  }
  .hospital.advancedGrid .menuCategory + .menuCategory {
    margin-top: 0;
  }
  .hospital.advancedGrid .menuCategory + .menuCategory > h2:first-child {
    border: 0;
  }
}
.hospital.advancedGrid .menuCategory h2 {
  font-size: 24px;
  line-height: 28px;
  font-weight: 800;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital.advancedGrid .menuCategory h2 {
    padding: 0 18px;
    margin: 0 0 10px;
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital.advancedGrid .menuCategory h3 {
    padding: 0 26px;
    margin: 0 0 10px;
  }
}
.hospital.advancedGrid .menuCategory h4 {
  border: 0;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital.advancedGrid .menuCategory h4 {
    padding: 30px 26px 0;
    padding: 0 26px;
    margin: 0 0 10px;
    border: 0;
  }
}
.hospital.advancedGrid .menuCategory h3,
.hospital.advancedGrid .menuCategory h4 {
  font-size: 20px;
  line-height: 20px;
  font-weight: 800;
  color: #000;
}
.hospital.advancedGrid .mtcMenuItem {
  margin: 0 8px 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  min-height: 120px;
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .hospital.advancedGrid .mtcMenuItem {
    margin: 0 16px 8px;
  }
}
.hospital.advancedGrid .mtcMenuItem .mtcMenuItemImage {
  width: 88px;
  min-width: 88px;
  border-radius: 6px;
}
.hospital.advancedGrid .mtcMenuItem .mtcMenuItemName {
  font-size: 18px;
  line-height: 22px;
  color: #0072CE;
}
.hospital.advancedGrid .mtcMenuItem .mtcMenuItemDesc p {
  color: #000;
  font-size: 12px;
  line-height: 15px;
}
.hospital.advancedGrid .checkoutSmallScreens .button {
  border-radius: 27px;
  height: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.hospital.advancedGrid .checkoutSmallScreens .button .buttonItems {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 40px;
  height: 40px;
  border-radius: 20px;
}
.hospital.advancedGrid .itemPopup .formInline .rowQuantity .button {
  border-radius: 20px;
  background: #FFF;
}
.hospital.advancedGrid .itemPopup .formInline .rowQuantity .button:hover {
  background: var(--mainColor);
}
.hospital.advancedGrid .itemPopup .formInline .rowQuantity .button:hover svg path {
  color: #FFF;
}
@media all and (max-width: 780px) {
  .hospital.advancedGrid .subCategoryContent.hasAccordion h3:after {
    display: none;
  }
}
.hospital.advancedGrid .overlayBox .itemPopup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 106px;
  margin-bottom: 0;
}
@media (max-width: 780px) {
  .hospital.advancedGrid .overlayBox .itemPopup {
    padding-bottom: 172px;
  }
}
.hospital.advancedGrid .overlayBox .itemPopup h2 {
  display: none;
}
.hospital.advancedGrid .overlayBox .itemPopup .title {
  color: var(--mainColor);
}
.hospital.advancedGrid .overlayBox .itemPopup .row .buttonsWrap .buttons .quantity {
  border: 1px solid var(--border_color);
  margin-left: auto;
  max-width: 50px;
}
.hospital.advancedGrid .overlayBox .itemPopup .description {
  margin: 0 0 12px;
}
.hospital.advancedGrid .overlayBox .itemPopup .description h2 {
  display: block;
  font-size: 26px;
  line-height: 22px;
  color: #0072CE;
  font-weight: 800;
  float: left;
  width: 100%;
  border: 0;
  padding: 0;
}
.hospital.advancedGrid .overlayBox .itemPopup .description .popupDesc {
  margin-bottom: 0;
}
.hospital.advancedGrid .overlayBox .itemPopup .descriptionContent {
  float: left;
  width: 100%;
  margin: 20px 0 0;
}
.hospital.advancedGrid .overlayBox .itemPopup .rowQuantity {
  /*
            @media (max-width: 780px) {
                position: absolute;
                left: 0;
                right: 0;
                bottom: 150px;
                z-index: 1;
            }
            */
}
.hospital.advancedGrid .popupImage {
  margin-left: -16px;
  margin-right: -16px;
  margin-top: -37px;
  width: calc(100% + 32px);
  max-width: calc(100% + 32px);
}
.hospital.advancedGrid .allergenSection {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
.hospital.advancedGrid .formInline {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.hospital.advancedGrid .itemMarkers,
.hospital.advancedGrid .allergenSection {
  margin: 0 0 20px;
}
.hospital.advancedGrid .itemMarkers > span,
.hospital.advancedGrid .allergenSection > span {
  font-weight: bold;
  margin: 0 0 10px;
  float: left;
  width: 100%;
}
.hospital.advancedGrid .itemMarkers ul,
.hospital.advancedGrid .allergenSection ul {
  margin-bottom: -10px;
}
.hospital.advancedGrid .itemMarkers li,
.hospital.advancedGrid .allergenSection li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 12px;
  margin-bottom: 10px;
  max-width: initial;
  color: #828585;
  max-height: none;
}
.hospital.advancedGrid .itemMarkers li img,
.hospital.advancedGrid .allergenSection li img {
  max-width: 25px;
  margin-right: 6px;
}
.hospital.advancedGrid .itemPopupButtons {
  /*
        @media (max-width: 780px) {
            padding-top: 76px;
        }
        */
}
.hospital.advancedGrid .itemPopupButtons .button,
.hospital.advancedGrid .itemPopupButtons .buttonAlt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 12px 14px 8px;
  height: 54px;
  border-radius: 27px;
}
.hospital.advancedGrid .itemPopupButtons .buttonAlt:after {
  border-radius: 27px;
}
/* Bakset Page */
.hospital.completePage,
.hospital.basketPage {
  background: #EFEFEF;
}
.hospital.completePage #header.noBanner,
.hospital.basketPage #header.noBanner {
  background: #FFF;
}
.hospital.completePage .main,
.hospital.basketPage .main {
  background: transparent;
}
.hospital.basketPage .row .chosen-container-single .chosen-single,
.hospital.basketPage .row select,
.hospital.basketPage .row textarea {
  border-color: #D1D7D7;
  font-size: 16px;
  border-radius: 5px;
  padding-left: 20px;
  padding-right: 20px;
}
.hospital.basketPage .row .chosen-container-single .chosen-single,
.hospital.basketPage .row select {
  padding-right: 30px;
}
.hospital.basketPage .row .chosen-container-single .chosen-single {
  height: 52px;
  line-height: 50px;
}
.hospital.basketPage .row textarea {
  height: 140px;
  resize: none;
}
.hospital.advancedGrid .menuOrderWrap {
  background: transparent;
}
.hospital.advancedGrid .menuOrder #basket_html {
  background: #FFF;
  border: 0;
  border-radius: 0 0 10px 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.hospital #checkoutForm,
.hospital #payment-form {
  background: #FFF;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.hospital #checkoutForm h2,
.hospital #payment-form h2 {
  font-weight: 800;
}
.hospital #checkoutForm #payment_buttons .button,
.hospital #payment-form #payment_buttons .button,
.hospital #checkoutForm #payment_buttons .buttonAlt,
.hospital #payment-form #payment_buttons .buttonAlt {
  border-radius: 27px;
  height: 54px;
  padding: 17px 20px 13px;
  margin: 10px auto 0 auto;
  /*
                display: flex;
                align-items: center;
                justify-content: center;
                */
}
.hospital #basket_html {
  padding-bottom: 30px;
  border: 0;
  border-radius: 10px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.hospital #basket_html.basketFull {
  padding: 30px 0;
  border-radius: 10px;
}
.hospital #basket_html .basketItems {
  margin: 0 20px;
  width: calc(100% - 40px);
  border-top: 1px solid rgba(198, 199, 199, 0.47);
  padding: 30px 0;
}
.hospital #basket_html .basketItems .itemDesc h4 {
  font-weight: bold;
  color: #000;
}
.hospital #basket_html .basket_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hospital #basket_html .basket_row .itemDesc {
  margin-right: 12px;
}
.hospital #basket_html .basket_row .itemQty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-left: auto;
  margin-right: 0;
}
.hospital #basket_html .basketLabel span {
  color: #0072CE;
}
.hospital #basket_html .basketNote {
  margin-bottom: 0;
}
.hospital #basket_html .basketNote label {
  color: #6E6E6E;
}
.hospital #basket_html .deliveryMethod {
  padding: 0;
  margin: 0 12px 40px;
  width: calc(100% - 24px);
  border-radius: 31px;
  overflow: hidden;
  background: #EAEAEB;
}
.hospital #basket_html .deliveryMethod .row {
  width: 50%;
  margin: 0;
}
.hospital #basket_html .row input[type="radio"]:checked + label {
  font-weight: 800;
  background: #0072CE;
  color: #FFFFFF;
  border-radius: 31px;
}
.hospital #basket_html .row input[type="radio"] + label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding: 0 10px;
  font-family: var(--primaryFont);
  font-size: 13px;
  line-height: 15px;
  background: #EAEAEB;
  color: #6E6E6E;
  height: 62px;
}
@media (max-width: 500px) {
  .hospital #basket_html .row input[type="radio"] + label {
    font-size: 12px;
  }
}
.hospital #basket_html .row input[type="radio"] + label:hover {
  text-decoration: none;
}
.hospital #basket_html .row input[type="radio"] + label:before {
  display: none;
}
.hospital #basket_html .row input[type="radio"] + label svg {
  margin-left: 12px;
}
@media (max-width: 500px) {
  .hospital #basket_html .row input[type="radio"] + label svg {
    margin-left: 6px;
  }
}
.hospital #basket_html .button.checkoutGoButton {
  margin: 20px 0 0;
}
@media only screen and (min-width: 1161px) {
  .basketPage.hospital #basket_html .button.checkoutGoButton {
    border-radius: 27px;
    height: 54px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
/* Complete Page */
.hospital.completePage h1 {
  font-size: 20px;
  line-height: 28px;
  margin: 8px 0 22px;
  text-align: center;
}
.hospitalOrderCompleteActionWrap {
  background: #FFF;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  margin-bottom: 45px;
}
.hospitalOrderCompleteActionWrap h2 {
  font-size: 29px;
  line-height: 29px;
  padding: 19px 20px;
  text-align: center;
  background: #0072CE;
  color: #FFF;
}
.hospitalOrderCompleteActionWrap .hospitalOrderCompleteAction {
  padding: 40px 10px;
}
.hospitalOrderCompleteActionWrap .hospitalOrderCompleteAction .imageWrap {
  margin: 0 0 40px;
}
.hospitalOrderCompleteActionWrap .hospitalOrderCompleteAction p {
  font-size: 24px;
  line-height: 30px;
  font-weight: bold;
}
.submitOrderFeedbackWrap {
  margin-bottom: 50px;
}
.submitOrderFeedbackWrap h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 800;
  color: #0272CE;
  text-align: center;
  margin-bottom: 24px;
}
.submitOrderFeedbackWrap .hospitalOrderFeedback {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  height: 46px;
  padding: 0 10px;
}
.submitOrderFeedbackWrap .hospitalOrderFeedback:not(:checked) > input {
  display: none;
}
.submitOrderFeedbackWrap .hospitalOrderFeedback:not(:checked) > label {
  width: 64px;
  overflow: hidden;
  white-space: nowrap;
  cursor: pointer;
  font-size: 30px;
  color: #ccc;
  padding: 0 8px;
}
.submitOrderFeedbackWrap .hospitalOrderFeedback:not(:checked) > label:before {
  content: '★ ';
  content: '';
  background-image: url('/sites/template_2018/images/gosh/stars.svg');
  display: inline-block;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-repeat: no-repeat;
}
.submitOrderFeedbackWrap .hospitalOrderFeedback:not(:checked) > label:hover:before {
  background-image: url('/sites/template_2018/images/gosh/stars-checked.svg');
}
.submitOrderFeedbackWrap .hospitalOrderFeedback:not(:checked) > label:hover ~ label:before {
  background-image: url('/sites/template_2018/images/gosh/stars-checked.svg');
}
.floatingImage {
  position: absolute;
  top: 220px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: -1;
  opacity: 0.53;
  max-width: 640px;
}
.errorPage {
  text-align: center;
}
/* ------------------------------ */
/* Site Styles */
/* ------------------------------ */
html {
  min-height: 100vh;
}
.wrapper {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.wrapper:before,
.wrapper:after {
  content: "";
  display: table;
}
.wrapper:after {
  clear: both;
}
.wrapper:before,
.wrapper:after {
  content: "";
  display: table;
}
.wrapper:after {
  clear: both;
}
.spar .wrapper,
.premier .wrapper {
  max-width: 1160px;
}
/* ------------------------------ */
/* Helper Classes */
/* ------------------------------ */
/* ------------------------------ */
/* Body Tag */
/* ------------------------------ */
body {
  font-size: 14px;
  line-height: 1.462;
  font-family: var(--bodyFont);
  min-width: 300px;
  max-width: 100%;
  background: #ebebeb;
  color: var(--fontColor);
  *zoom: 1;
  visibility: visible;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body:before,
body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}
body.alternateBackground {
  background: #fff;
}
body.alternateBackground .main.eventsPage {
  background: #fff;
}
body.alternateBackground .pageBanner.iframe {
  margin-top: 0;
}
/* ------------------------------ */
/* Typography */
/* ------------------------------ */
a {
  text-decoration: none;
  color: var(--fontColor);
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0 0 0.5em 0;
  font-weight: 700;
  font-family: var(--primaryFont);
  line-height: 120%;
  color: var(--fontDark);
}
h1 {
  font-size: 32px;
  font-size: 2.2857142857142856rem;
  font-weight: 700;
}
h2 {
  font-size: 28px;
  font-size: 2rem;
  font-weight: 500;
}
h3 {
  font-size: 22px;
  font-size: 1.5714285714285714rem;
  font-weight: 500;
}
h4 {
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  font-weight: 300;
}
h5,
h6 {
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  font-family: var(--bodyFont);
}
html,
button,
input,
select,
textarea {
  color: var(--fontColor);
}
p {
  font-family: var(--bodyFont);
  color: var(--fontColor);
  line-height: 1.5;
  margin-bottom: 15px;
  font-size: 14px;
  font-size: 1rem;
}
@media only screen and (max-width:640px) {
  h1 {
    font-size: 28px;
    font-size: 2rem;
  }
  h2 {
    font-size: 24px;
    font-size: 1.7142857142857142rem;
  }
  h3 {
    font-size: 18px;
    font-size: 1.2857142857142858rem;
  }
  h4,
  h5,
  h6 {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
/* ------------------------------ */
/* Form Styles */
/* ------------------------------ */
.row {
  position: relative;
  margin: 0 0 20px;
}
.row input,
.row select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.row input[type=checkbox] {
  border: 1px solid #e0e0e0;
  background: #FFF;
}
.row label {
  font-size: 1em;
  font-weight: 500;
  padding: 7px 0;
}
.row input[type="text"],
.row input[type="tel"],
.row input[type="email"],
.row input[type="password"],
.row input[type="search"],
.row input[type="number"],
.row textarea,
.row select,
.row .placeholder,
.row .fakeInput {
  float: left;
  position: relative;
  width: 100%;
  border: 1px solid var(--border_color);
  padding: 14px 1em;
  font-size: 14px;
  font-size: 1rem;
  border-radius: 3px;
  background-clip: padding-box;
  height: 52px;
  text-align: left;
}
@media (max-width: 640px) {
  .row input[type="text"],
  .row input[type="tel"],
  .row input[type="email"],
  .row input[type="password"],
  .row input[type="search"],
  .row input[type="number"],
  .row textarea,
  .row select,
  .row .placeholder,
  .row .fakeInput {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
.row input[type="text"]:focus,
.row input[type="tel"]:focus,
.row input[type="email"]:focus,
.row input[type="password"]:focus,
.row input[type="search"]:focus,
.row input[type="number"]:focus,
.row textarea:focus,
.row select:focus,
.row .placeholder:focus,
.row .fakeInput:focus {
  border-color: var(--mainColorAlt);
}
.itemPopup .row input[type="text"],
.itemPopup .row input[type="tel"],
.itemPopup .row input[type="email"],
.itemPopup .row input[type="password"],
.itemPopup .row input[type="search"],
.itemPopup .row input[type="number"],
.itemPopup .row textarea,
.itemPopup .row select,
.itemPopup .row .placeholder,
.itemPopup .row .fakeInput {
  font-size: 12px;
  font-size: 0.8571428571428571rem;
  padding: 8px 1em;
  border-radius: 0;
  background-clip: padding-box;
}
@media (max-width: 640px) {
  .itemPopup .row input[type="text"],
  .itemPopup .row input[type="tel"],
  .itemPopup .row input[type="email"],
  .itemPopup .row input[type="password"],
  .itemPopup .row input[type="search"],
  .itemPopup .row input[type="number"],
  .itemPopup .row textarea,
  .itemPopup .row select,
  .itemPopup .row .placeholder,
  .itemPopup .row .fakeInput {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
.itemPopup .row select {
  padding-right: 30px;
}
.row textarea {
  height: 75px;
}
@media (max-width: 640px) {
  .row textarea {
    height: 96px;
  }
}
.row textarea#basketNote {
  height: 100px;
}
.row .chosen-container-single .chosen-single {
  font-size: 14px;
  font-size: 1rem;
  padding: 0 35px 0 1em;
}
@media (max-width: 640px) {
  .row .chosen-container-single .chosen-single {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
.row.half {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
.row.half:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width:640px) {
  .row.half {
    width: 100%;
  }
}
.row.noLabel label {
  display: none;
}
.itemPopup .row {
  margin: 0 0 10px;
}
.row .validationMessage {
  float: left;
  width: 100%;
  margin: 10px 0 0;
}
.row .validationMessage span {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  color: #B94A48;
}
.formInline .row:not(.checkboxRow) label {
  padding-top: 7px;
}
#productFilter label:before {
  top: -2px;
}
button,
input[type="submit"],
button[type="submit"] {
  border: 0;
}
.formInline .inputWrap + div span.error {
  float: left;
  width: 100%;
  margin: 20px 0 0;
}
.formInline .row:not(.checkboxRow) input[type="text"],
.formInline .row:not(.checkboxRow) input[type="tel"],
.formInline .row:not(.checkboxRow) input[type="email"],
.formInline .row:not(.checkboxRow) input[type="password"],
.formInline .row:not(.checkboxRow) input[type="search"],
.formInline .row:not(.checkboxRow) input[type="number"],
.formInline .row:not(.checkboxRow) textarea,
.formInline .row:not(.checkboxRow) select,
.formInline .row:not(.checkboxRow) .placeholder,
.formInline .row:not(.checkboxRow) .form-error {
  width: 60%;
}
@media only screen and (max-width:640px) {
  .formInline .row:not(.checkboxRow) input[type="text"],
  .formInline .row:not(.checkboxRow) input[type="tel"],
  .formInline .row:not(.checkboxRow) input[type="email"],
  .formInline .row:not(.checkboxRow) input[type="password"],
  .formInline .row:not(.checkboxRow) input[type="search"],
  .formInline .row:not(.checkboxRow) input[type="number"],
  .formInline .row:not(.checkboxRow) textarea,
  .formInline .row:not(.checkboxRow) select,
  .formInline .row:not(.checkboxRow) .placeholder,
  .formInline .row:not(.checkboxRow) .form-error {
    width: 100%;
  }
}
.formInline .row:not(.checkboxRow) label {
  width: 40%;
}
@media only screen and (max-width:640px) {
  .formInline .row:not(.checkboxRow) label {
    width: 100%;
  }
}
.formInline .error {
  display: block;
  width: 100%;
  clear: none;
}
.formInline .form-error {
  float: right;
}
.formInline .button.right {
  margin-left: 0.5em;
}
form.center {
  text-align: center;
}
form fieldset {
  width: 100%;
  margin-bottom: 2em;
}
form fieldset:last-of-type {
  margin-bottom: 0;
}
.form-error {
  float: left;
  width: 100%;
  *zoom: 1;
  display: block;
  background: var(--colorRemove);
  color: #fff;
  border-radius: 6px;
  background-clip: padding-box;
  text-align: center;
  padding: 0.5em;
  position: relative;
}
.form-error:before,
.form-error:after {
  content: "";
  display: table;
}
.form-error:after {
  clear: both;
}
.form-error:before,
.form-error:after {
  content: "";
  display: table;
}
.form-error:after {
  clear: both;
}
.form-error:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  top: -7px;
  left: 5px;
  right: 0;
  margin: 0 auto;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 7px solid var(--colorRemove);
}
.form-error.top {
  margin-bottom: 10px;
}
.form-error.top:after {
  top: auto;
  bottom: -7px;
  border-bottom: 0;
  border-top: 7px solid var(--colorRemove);
}
#password_form {
  position: relative;
}
.strength-meter {
  position: absolute;
  right: 1em;
  top: 6px;
  background: none!important;
}
/* ------------------------------ */
/* Select Boxes Arrow */
/* ------------------------------ */
.row select {
  padding-right: 2em;
  background: url(../images/icons/angleDown.png);
  background-color: #FFF;
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 20px;
  line-height: 1;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.row select::-ms-expand {
  display: none;
}
.ie9 .row select,
.lt-ie9 .row select {
  background: none;
}
/* ------------------------------ */
/* CSS3 Checkboxes  */
/* ------------------------------ */
.row input[type="checkbox"],
.checkboxRow input[type="checkbox"],
.row input[type="radio"],
.checkboxRow input[type="radio"] {
  display: none;
}
.row input[type="checkbox"] + label,
.checkboxRow input[type="checkbox"] + label,
.row input[type="radio"] + label,
.checkboxRow input[type="radio"] + label {
  float: none;
  position: relative;
  padding-left: 1.5em;
  cursor: pointer;
  display: inline-block;
  text-align: left;
}
.row input[type="checkbox"] + label:hover,
.checkboxRow input[type="checkbox"] + label:hover,
.row input[type="radio"] + label:hover,
.checkboxRow input[type="radio"] + label:hover {
  text-decoration: underline;
}
.row input[type="checkbox"] + label:before,
.checkboxRow input[type="checkbox"] + label:before,
.row input[type="radio"] + label:before,
.checkboxRow input[type="radio"] + label:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-clip: padding-box;
  border: 1px solid var(--border_color);
  left: 0;
  top: 10px;
  cursor: pointer;
}
.row input[type="checkbox"] + label:after,
.checkboxRow input[type="checkbox"] + label:after,
.row input[type="radio"] + label:after,
.checkboxRow input[type="radio"] + label:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background-clip: padding-box;
  background: #fff;
  left: 5px;
  top: 10px;
  display: none;
}
.row input[type="checkbox"]:checked + label:before,
.checkboxRow input[type="checkbox"]:checked + label:before,
.row input[type="radio"]:checked + label:before,
.checkboxRow input[type="radio"]:checked + label:before {
  background: var(--mainColorAlt);
  border-color: var(--mainColorAlt);
}
#checkoutForm .row input[type="checkbox"] + label,
#paymentForm .row input[type="checkbox"] + label,
#checkoutForm .row input[type="radio"] + label,
#paymentForm .row input[type="radio"] + label {
  float: none;
  position: relative;
  padding-left: 3.5em;
  cursor: pointer;
}
#checkoutForm .row input[type="checkbox"] + label:before,
#paymentForm .row input[type="checkbox"] + label:before {
  width: 30px;
  height: 30px;
  border-radius: 3px;
  background-clip: padding-box;
  left: 0;
  top: 0;
}
@media only screen and (max-width:480px) {
  .row.registerCheck label {
    padding-top: 0;
  }
}
.grecaptcha-badge {
  display: none;
}
@media all and (max-width: 780px) {
  .addressfinderPopup {
    text-align: left;
  }
}
.addressfinderPopup .row {
  margin: 20px 0 0;
}
.addressfinderPopup .row:first-child {
  margin-top: 0;
}
.addressfinderPopup .buttonGroup {
  float: left;
  width: 100%;
  margin: 20px 0 0;
}
#franchiseForm fieldset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0;
}
#franchiseForm .rowHalf {
  width: 50%;
  padding: 0 10px 0 0;
}
@media all and (max-width: 780px) {
  #franchiseForm .rowHalf {
    width: 100%;
    padding: 0;
  }
}
#franchiseForm .rowHalf.last {
  float: right;
  padding: 0 0 0 10px;
}
@media all and (max-width: 780px) {
  #franchiseForm .rowHalf.last {
    padding: 0;
  }
}
#franchiseForm .checkboxRow > label {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.5;
  width: 100%;
  font-weight: bold;
}
#franchiseForm .checkboxRow .checkbox {
  float: left;
  margin-right: 24px;
}
#franchiseForm .checkboxRow input[type="checkbox"] + label {
  padding: 1px 0 1px 30px;
  line-height: 22px;
}
@media all and (max-width: 780px) {
  #franchiseForm .checkboxRow input[type="checkbox"] + label {
    width: 100%;
    line-height: 32px;
    padding-left: 40px;
  }
}
#franchiseForm .checkboxRow input[type="checkbox"] + label:hover {
  text-decoration: none;
}
#franchiseForm .checkboxRow input[type="checkbox"] + label:before {
  top: 0;
  width: 20px;
  height: 20px;
  border-radius: 0;
  border: 1px solid #ddd;
}
@media all and (max-width: 780px) {
  #franchiseForm .checkboxRow input[type="checkbox"] + label:before {
    width: 30px;
    height: 30px;
  }
}
#franchiseForm .row:last-child {
  margin-bottom: 0;
}
#franchiseForm .row + h2 {
  margin-top: 20px;
}
#franchiseForm .row input[type="text"].error,
#franchiseForm .row input[type="tel"].error,
#franchiseForm .row input[type="email"].error,
#franchiseForm .row input[type="password"].error,
#franchiseForm .row input[type="search"].error,
#franchiseForm .row input[type="number"].error,
#franchiseForm .row textarea.error,
#franchiseForm .row select.error,
#franchiseForm .row .placeholder.error {
  border: 1px solid #EED3D7;
}
#franchiseForm .row .inputWrap label.error {
  background: none;
  border: 0;
  padding: 0;
  margin: 0;
}
#franchiseForm .button:focus {
  outline: 0;
}
#franchiseForm .pageContent {
  margin: 0 0 20px;
}
#franchiseForm .pageContent p {
  font-size: 14px;
}
/* ------------------------------ */
/* Site Logo */
/* ------------------------------ */
.logo {
  padding: 0;
  display: block;
  text-align: center;
}
.logo img.replaced-svg {
  width: 126px;
  height: 50px;
}
@media only screen and (max-width:1160px) {
  .logo {
    white-space: nowrap;
  }
  .logo:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -0.25em;
    /* Adjusts for spacing */
  }
  .logo img {
    display: inline-block;
    vertical-align: middle;
  }
}
/* ------------------------------ */
/* Main Menu */
/* ------------------------------ */
.flyoutWrap {
  float: right;
}
.mainMenu {
  display: block;
  border-spacing: 0;
  border-collapse: collapse;
}
.mainMenu li {
  padding: 0 ;
  vertical-align: middle;
  position: relative;
  float: left;
}
.mainMenu a {
  padding: 5px 20px;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  font-family: var(--bodyFont);
  font-weight: 700;
  line-height: 40px;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .mainMenu a {
    line-height: 30px;
  }
}
@media only screen and (max-width:1160px) {
  .mainMenu {
    text-align: center;
  }
  .mainMenu li {
    padding: 0 10px;
    float: none;
    display: inline-block;
  }
}
@media only screen and (max-width:880px) {
  .mainMenu a {
    font-size: 14px;
    font-size: 1rem;
    padding: 5px;
  }
}
@media only screen and (max-width:780px) {
  .mainMenu li {
    display: block;
    text-align: left;
    border-bottom: 1px solid var(--staticFlyoutBgDarken10);
    padding: 0;
  }
  .mainMenu li.active:after,
  .mainMenu li:hover:after {
    opacity: 0;
  }
  .mainMenu li.active a {
    background: var(--mainColorAlt);
    color: #FFF;
  }
  .mainMenu li a {
    color: var(--fontColor);
    font-size: 18px;
    font-size: 1.2857142857142858rem;
    padding: 0.5em 1em;
    position: relative;
  }
  .mainMenu li a:after {
    position: absolute;
    content: "\f105";
    font-family: "fontAwesome";
    right: 1em;
  }
}
@media all and (max-width: 780px) {
  .mainMenu li a {
    font-size: 15px;
    font-size: 1.0714285714285714rem;
    padding: 10px 20px;
    color: var(--mainColorAlt);
  }
}
/* ------------------------------ */
/* Header */
/* ------------------------------ */
#header {
  float: left;
  width: 100%;
  *zoom: 1;
  z-index: 5000;
}
#header:before,
#header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
}
#header:before,
#header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
}
#header:before,
#header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
}
#header:before,
#header:after {
  content: "";
  display: table;
}
#header:after {
  clear: both;
}
#header.noBanner {
  background: none;
}
#header.noBanner .pageBanner {
  background: none;
}
#header .wrapper {
  position: relative;
}
#header .headerMain {
  float: left;
  width: 100%;
  *zoom: 1;
}
#header .headerMain:before,
#header .headerMain:after {
  content: "";
  display: table;
}
#header .headerMain:after {
  clear: both;
}
#header .headerMain:before,
#header .headerMain:after {
  content: "";
  display: table;
}
#header .headerMain:after {
  clear: both;
}
@media only screen and (max-width:1160px) {
  #header {
    position: relative;
  }
  #header .wrapper {
    width: 100%;
  }
  #header .headerMain {
    min-height: 75px;
    margin-top: 46px;
  }
  #header .headerMain.noMin {
    min-height: 0;
  }
  .spar #header .headerMain,
  .premier #header .headerMain {
    margin-top: 54px;
  }
}
.transparentHeader:not(.home) #header.noBanner {
  background: var(--headerColor);
}
.topBar {
  float: left;
  width: 100%;
  *zoom: 1;
  float: none;
  height: 46px;
}
.topBar:before,
.topBar:after {
  content: "";
  display: table;
}
.topBar:after {
  clear: both;
}
.topBar:before,
.topBar:after {
  content: "";
  display: table;
}
.topBar:after {
  clear: both;
}
.spar .topBar {
  height: 54px;
  background: #167c46;
}
@media only screen and (max-width: 1160px) {
  .spar .topBar {
    position: absolute;
  }
}
.premier .topBar {
  height: 54px;
  background: #4C0743;
}
@media only screen and (max-width: 1160px) {
  .premier .topBar {
    position: absolute;
  }
}
.topBar .wrapper {
  position: relative;
}
.topBar .headerDetails {
  float: left;
  width: 100%;
}
.topBar .userLinks li {
  float: left;
  height: 46px;
  display: table;
}
.topBar .userLinks li a {
  display: table-cell;
  vertical-align: middle;
  color: var(--topbarColorText);
  font-family: var(--bodyFont);
  padding: 0 20px;
  -webkit-transition: background ease-in-out 300ms;
  transition: background ease-in-out 300ms;
}
.topBar .userLinks li:last-child {
  margin: 0;
}
.topBar .userLinks li.giftVoucher a {
  background: var(--mainColor);
  color: var(--mainColorReverse);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.topBar .userLinks li.giftVoucher a i {
  margin-right: 5px;
}
.topBar .userLinks li.giftVoucher a:hover {
  color: var(--mainColorReverse);
}
.topBar .userLinks li.userLinksLogin i {
  display: none;
}
@media (max-width: 850px) {
  .topBar .userLinks li.userLinksLogin i {
    display: block;
  }
}
.topBar .bookTable {
  float: right;
}
.topBar .bookTable li a {
  padding: 13px 20px 12px;
  display: block;
  font-weight: 400;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: var(--topbarColorText);
}
.topBar .bookTable li a:hover {
  color: var(--topbarColorText);
}
@media only screen and (max-width:1160px) {
  .topBar {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6000;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    position: fixed;
  }
  .border .topBar {
    left: 40px;
    right: 40px;
    width: auto;
  }
  .topBar .wrapper {
    width: 100%;
    padding-left: 3%;
  }
  .topBar .userLinks {
    float: left;
  }
  .topBar .userLinks li {
    margin: 0 20px 0 0;
  }
  .topBar .userLinks li a {
    font-size: 13px;
    font-size: 0.9285714285714286rem;
  }
}
@media only screen and (max-width:480px) {
  .topBar .userLinks .desktop {
    display: none;
  }
}
@media all and (max-width: 780px) {
  .topBar .userLinks li {
    margin: 0;
  }
  .topBar .userLinks li.giftVoucher {
    display: none;
  }
  .border .topBar {
    left: 0;
    right: 0;
  }
}
/* ------------------------------ */
/* Header social */
/* ------------------------------ */
.headerSocial {
  float: right;
  color: var(--topbarColorText);
  font-family: var(--primaryFont);
  margin: 3px 18px 0 0;
  font-size: 14px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .headerSocial {
    display: none;
  }
}
.spar .headerSocial,
.premier .headerSocial {
  margin: 71px 0;
}
@media (max-width: 900px) {
  .spar .headerSocial,
  .premier .headerSocial {
    margin: 66px 0;
  }
}
@media all and (max-width: 780px) {
  .spar .headerSocial,
  .premier .headerSocial {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    margin: 0 0 20px;
  }
}
.headerSocial h3 {
  font-family: var(--bodyFont);
  color: var(--topbarColorText);
  margin: 0;
  font-size: 14px;
  font-weight: 500;
  margin-right: 10px;
  line-height: 45px;
}
.spar .headerSocial h3,
.premier .headerSocial h3 {
  color: #404040;
  font-weight: normal;
  margin-right: 8px;
  font-size: 16px;
  line-height: 32px;
}
@media all and (max-width: 780px) {
  .spar .headerSocial h3,
  .premier .headerSocial h3 {
    font-size: 16px;
    line-height: 32px;
  }
}
.premier .headerSocial h3 {
  color: #4C0743;
}
.headerSocial li {
  *zoom: 1;
  float: left;
  display: block;
  line-height: 45px;
}
.headerSocial li:before,
.headerSocial li:after {
  content: "";
  display: table;
}
.headerSocial li:after {
  clear: both;
}
.headerSocial li:before,
.headerSocial li:after {
  content: "";
  display: table;
}
.headerSocial li:after {
  clear: both;
}
.spar .headerSocial li,
.premier .headerSocial li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.headerSocial li a {
  position: relative;
}
.headerSocial li .socialIcon {
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 2px;
  font-size: 17px;
}
.spar .headerSocial li .socialIcon,
.premier .headerSocial li .socialIcon {
  margin-left: 12px;
  width: 32px;
  height: 32px;
  line-height: 32px;
}
@media all and (max-width: 780px) {
  .spar .headerSocial li .socialIcon,
  .premier .headerSocial li .socialIcon {
    width: 32px;
    height: 32px;
    line-height: 32px;
  }
}
.spar .headerSocial li .socialIcon svg,
.premier .headerSocial li .socialIcon svg {
  width: 18px;
}
@media all and (max-width: 780px) {
  .spar .headerSocial li .socialIcon svg,
  .premier .headerSocial li .socialIcon svg {
    width: 18px;
  }
}
.headerSocial li .socialIcon.facebookIcon {
  background: #3a3e96;
}
.headerSocial li .socialIcon.facebookIcon svg {
  width: 12px;
}
@media all and (max-width: 780px) {
  .headerSocial li .socialIcon.facebookIcon svg {
    width: 12px;
  }
}
.spar .headerSocial li .socialIcon.facebookIcon,
.premier .headerSocial li .socialIcon.facebookIcon {
  background: #167C46;
}
.premier .headerSocial li .socialIcon.facebookIcon {
  background: #4C0743;
}
.headerSocial li .socialIcon.instagramIcon {
  background: #2b2b2b;
}
.spar .headerSocial li .socialIcon.instagramIcon {
  background: #167C46;
}
.premier .headerSocial li .socialIcon.instagramIcon {
  background: #4C0743;
}
.headerSocial li .socialIcon.twitterIcon {
  background: #1DA1F2;
}
.spar .headerSocial li .socialIcon.twitterIcon {
  background: #167C46;
}
.premier .headerSocial li .socialIcon.twitterIcon {
  background: #4C0743;
}
.headerSocial li .socialIcon.linkedinIcon {
  background: #007bb6;
}
.spar .headerSocial li .socialIcon.linkedinIcon {
  background: #167C46;
}
.premier .headerSocial li .socialIcon.linkedinIcon {
  background: #4C0743;
}
.headerSocial li .socialIcon.youtubeIcon {
  background: #eb2929;
}
.spar .headerSocial li .socialIcon.youtubeIcon {
  background: #167C46;
}
.premier .headerSocial li .socialIcon.youtubeIcon {
  background: #4C0743;
}
.headerSocial li i {
  color: #fff;
  border-radius: 100%;
  display: inline-block;
  height: 30px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  margin-left: 2px;
  font-size: 17px;
}
.headerSocial li i.fa-facebook {
  background: #3a3e96;
}
.headerSocial li i.fa-instagram {
  background: #2b2b2b;
}
.headerSocial li i.fa-twitter {
  background: #1DA1F2;
}
.headerSocial li i.fa-linkedin {
  background: #007bb6;
}
.headerSocial li i.fa-youtube-play {
  background: #eb2929;
}
.headerSocial li i.iconTripadvisor {
  background: url('../images/icons/tripadvisor.png') center no-repeat;
  background-color: #6ba044;
  background-size: 22px;
}
.headerSocial li i.iconTripadvisor:before {
  content: " ";
}
@media all and (min-width: 640px) {
  .headerSocial li i.iconTripadvisor {
    display: none;
  }
}
.headerSocial li i:hover {
  opacity: 0.85;
}
.headerSocial li svg {
  vertical-align: middle;
  margin-top: -2px;
  width: 16px;
}
.headerSocial li svg path {
  fill: #fff;
}
.headerSocial li span {
  float: left;
}
.headerSocial li .TA_socialButtonBubbles {
  float: left;
  margin-left: 10px;
  margin-top: 4px;
}
@media all and (max-width: 640px) {
  .headerSocial li .TA_socialButtonBubbles {
    margin: 0;
    display: none;
  }
}
.headerSocial li.tripadvisor {
  margin-left: 23px;
}
.headerSocial li.tripadvisor .socialWidgetContainer {
  display: inline-block;
}
@media all and (max-width: 640px) {
  .headerSocial li h3,
  .headerSocial li span {
    display: none;
  }
  .spar .headerSocial li h3,
  .spar .headerSocial li span,
  .premier .headerSocial li h3,
  .premier .headerSocial li span {
    display: block;
  }
  .headerSocial li .fa {
    display: block;
    float: left;
    margin-left: 5px;
    margin-top: 5px;
  }
  .headerSocial li.tripadvisor {
    margin-left: 2px;
  }
}
/* ------------------------------ */
/* Search */
/* ------------------------------ */
.mobileSearchWrap {
  display: none;
}
@media all and (max-width: 780px) {
  .mobileSearchWrap {
    display: block;
  }
}
.searchForm {
  float: left;
  margin-right: 20px;
}
.searchForm .row {
  position: relative;
}
.searchForm label {
  display: none;
}
.searchForm input[type="text"] {
  padding: 6px;
}
.searchForm button {
  border: 0;
  background: 0;
  position: absolute;
  top: 6px;
  right: 0;
}
/* ------------------------------ */
/* Footer */
/* ------------------------------ */
.footerWrap {
  float: left;
  width: 100%;
  *zoom: 1;
}
.footerWrap:before,
.footerWrap:after {
  content: "";
  display: table;
}
.footerWrap:after {
  clear: both;
}
.footerWrap:before,
.footerWrap:after {
  content: "";
  display: table;
}
.footerWrap:after {
  clear: both;
}
.appCTA {
  background: var(--mainColor);
  position: relative;
  padding: 40px 0;
  text-align: center;
}
.spar .appCTA {
  background: #f3e9d3;
}
.premier .appCTA {
  background: #FFDD00;
}
.appCTA + .footer {
  border-top: 0;
}
.appCTA h2 {
  font-size: 28px;
  font-size: 2rem;
  color: var(--mainColorReverse);
  margin: 0 30px 0 0;
  font-weight: 500;
  display: inline-block;
  line-height: 54px;
  vertical-align: middle;
}
@media all and (max-width: 780px) {
  .appCTA h2 {
    margin: 0 0 20px;
    line-height: 26px;
  }
}
.spar .appCTA h2,
.premier .appCTA h2 {
  color: var(--fontDark);
  font-size: 24px;
  font-size: 1.7142857142857142rem;
  line-height: 32px;
}
.appCTA .storeIcons {
  display: inline-block;
  line-height: 54px;
  vertical-align: middle;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: -10px;
}
.appCTA .storeIcons > img {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}
@media all and (max-width: 780px) {
  .appCTA .storeIcons > img {
    float: none;
  }
}
.appCTA a {
  float: left;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
}
.appCTA .wrapper {
  position: relative;
}
.appCTA .iphone {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 140px;
  top: -30px;
  -webkit-transform: rotate(8deg);
  transform: rotate(8deg);
}
@media only screen and (max-width:880px) {
  .appCTA h2 {
    width: 80%;
  }
}
@media only screen and (max-width:640px) {
  .appCTA .wrapper {
    padding-right: 20px;
    text-align: center;
  }
  .appCTA .iphone {
    display: none;
  }
  .appCTA h2 {
    font-size: 24px;
    font-size: 1.7142857142857142rem;
    margin-bottom: 1em;
    width: 100%;
  }
  .appCTA .storeIcons {
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
  }
  .appCTA .storeIcons a {
    float: none;
    display: inline-block;
    max-width: 49%;
    margin: 0 1% 1em 0;
  }
  .appCTA .storeIcons a:last-of-type {
    margin-right: 0;
  }
}
.footer {
  clear: both;
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  color: var(--fontColor);
  border-top: 1px solid var(--border_color);
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
.spar .footer,
.premier .footer {
  max-width: 1160px;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
.footer:before,
.footer:after {
  content: "";
  display: table;
}
.footer:after {
  clear: both;
}
.spar .footer,
.premier .footer {
  max-width: 1160px;
}
.spar .footer,
.premier .footer {
  padding-left: 20px;
  padding-right: 20px;
}
.footer a {
  color: var(--fontColor);
}
.footer h3 {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  font-weight: bold;
  margin-bottom: 1em;
  font-family: var(--bodyFont);
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .footer {
    padding: 20px 0;
  }
}
@media all and (max-width: 780px) {
  .footer {
    padding: 20px 0;
  }
}
.footerCol .social li {
  margin-right: 5px;
}
.footerCol .social a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: var(--mainColor);
  color: #FFF;
  padding: 0;
  border-radius: 50%;
  -webkit-transition: background ease-in-out 300ms;
  transition: background ease-in-out 300ms;
  position: relative;
}
.spar .footerCol .social a {
  background: #ff4141;
  color: #FFF;
}
.premier .footerCol .social a {
  background: #4C0743;
  color: #FFF;
}
.footerCol .social a i.iconTripadvisor {
  background: url('../images/icons/tripadvisor.png') center no-repeat;
  background-size: 22px;
}
.footerCol .social a:hover {
  background: var(--mainColorHover);
}
.spar .footerCol .social a:hover {
  background: #2a2926;
  color: #FFF;
}
.premier .footerCol .social a:hover {
  background: #7b0b6c;
  color: #FFF;
}
.footerCol .social a.facebookIcon svg {
  width: 11px;
}
.footerCol .social a.linkedinIcon svg {
  width: 13px;
}
.footerCol .social a svg {
  width: 18px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.footerCol .social a svg path {
  fill: #fff;
}
.footerCols {
  *zoom: 1;
}
.footerCols:before,
.footerCols:after {
  content: "";
  display: table;
}
.footerCols:after {
  clear: both;
}
.footerCols:before,
.footerCols:after {
  content: "";
  display: table;
}
.footerCols:after {
  clear: both;
}
.spar .footerCols,
.premier .footerCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.footerCol {
  float: left;
  width: 23.29545455%;
  margin-right: 2.27272727%;
  font-size: 16px;
}
.footerCol:nth-child(4n) {
  margin-right: 0;
}
.spar .footerCol:nth-child(4n),
.premier .footerCol:nth-child(4n) {
  margin-right: 2.27272727%;
}
@media all and (max-width: 780px) {
  .spar .footerCol:nth-child(4n),
  .premier .footerCol:nth-child(4n) {
    margin-right: 0;
  }
}
.spar .footerCol.socialCol,
.premier .footerCol.socialCol {
  margin-right: 0;
}
@media (min-width: 781px) {
  .spar .footerCol.socialCol,
  .premier .footerCol.socialCol {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.footerCol ul.half {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
.footerCol ul.half:nth-child(2n) {
  margin-right: 0;
}
.footerCol ul li {
  margin-bottom: 0.375em;
  list-style: none;
}
.footerCol li {
  color: #555555;
  line-height: 1.4;
}
.footerCol .footerMenu li {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
.footerCol .footerMenu li:nth-child(2n) {
  margin-right: 0;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .footerCol .footerMenu li {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
  }
  .footerCol .footerMenu li:nth-child(1n) {
    margin-right: 0;
  }
}
.footerCol .footerMenu li ul {
  display: none;
}
.footerCol .openingHours .day {
  float: left;
  min-width: 30%;
}
.footerCol .address {
  line-height: 1.8;
}
@media only screen and (max-width:880px) {
  .footerCol {
    font-size: 14px;
  }
}
@media only screen and (max-width:780px) {
  .footerCol {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
  }
  .footerCol:nth-child(1n) {
    margin-right: 0;
  }
  .footerCol:not(.default) .footerColContent {
    padding: 1em 0;
  }
  .footerCol:not(.default) .footerColContent.transition {
    max-height: 2000px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
  }
  .footerCol:not(.default) .footerColContent.toggled {
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    max-height: 0;
    border-width: 0;
  }
  .footerCol:not(.default) > h3 {
    cursor: pointer;
    border-bottom: 1px solid var(--border_color);
    padding: 0.75em 0;
    margin: 0;
    position: relative;
  }
  .footerCol:not(.default) > h3:after {
    content: "\f107";
    font-family: "fontAwesome";
    position: absolute;
    right: 1em;
  }
  .footerCol:not(.default) > h3.active {
    color: var(--mainColorAlt);
  }
  .spar .footerCol:not(.default) > h3.active {
    color: #FF4141;
  }
  .premier .footerCol:not(.default) > h3.active {
    color: #4C0743;
  }
  .footerCol:not(.default) > h3.active:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
  }
  .footerCol:last-child > h3 {
    border-bottom: 0;
  }
  .footerCol ul.half {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
  }
  .footerCol ul.half:nth-child(1n) {
    margin-right: 0;
  }
  .footerCol .footerMenu li {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
  }
  .footerCol .footerMenu li:nth-child(1n) {
    margin-right: 0;
  }
  .footerCol .footerNav li,
  .footerCol .footerMenu li {
    border-bottom: 1px solid var(--border_color);
  }
  .footerCol .footerNav:last-child li:last-child,
  .footerCol .footerMenu li:last-child {
    border-bottom: 0;
  }
  .footerCol ul li a {
    display: block;
    padding: 0.75em 0;
  }
}
.footerColContent .day {
  float: left;
  width: 100%;
}
.footerColContent .day .title {
  display: block;
  margin-bottom: 0.5em;
  font-weight: 600;
  font-family: var(--primaryFont);
}
.footerColContent .day .openingHours {
  font-size: 13px;
  font-size: 0.9285714285714286rem;
}
.footerCols + .footerBottom {
  border-top: 1px solid var(--border_color);
  margin: 60px 0 0 0;
  padding-top: 20px;
}
.footerBottom {
  float: left;
  width: 100%;
  *zoom: 1;
  font-size: 14px;
  padding: 0 0 20px 0;
  position: relative;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footerBottom:before,
.footerBottom:after {
  content: "";
  display: table;
}
.footerBottom:after {
  clear: both;
}
.footerBottom:before,
.footerBottom:after {
  content: "";
  display: table;
}
.footerBottom:after {
  clear: both;
}
@media all and (max-width: 780px) {
  .footerBottom {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.footerBottom #credits,
.footerBottom .copyright {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  line-height: 46px;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .footerBottom #credits,
  .footerBottom .copyright {
    width: 50%;
    float: left;
  }
}
.footerBottom #credits {
  float: right;
  padding-left: 100px;
  text-align: right;
  margin-left: auto;
}
@media all and (max-width: 780px) {
  .footerBottom #credits {
    float: none;
    width: 100%;
    text-align: center;
    padding-left: 0;
  }
}
.footerBottom .poweredBy {
  display: inline-block;
}
.footerBottom .copyright {
  float: left;
  padding-right: 100px;
  line-height: 20px;
  max-width: 50%;
}
.footerBottom .copyright.mobile {
  display: none;
}
@media all and (max-width: 780px) {
  .footerBottom .copyright.mobile {
    display: block;
  }
}
@media all and (max-width: 780px) {
  .footerBottom .copyright {
    float: none;
    width: 100%;
    text-align: center;
    max-width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
}
.footerBottom .paymentOptions {
  margin: 0 auto;
  text-align: center;
  position: relative;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media all and (max-width: 780px) {
  .footerBottom .paymentOptions {
    display: block;
    position: static;
    -webkit-transform: none;
            transform: none;
    margin: 0 auto 20px;
  }
}
.footerBottom .paymentOptions img {
  max-width: 160px;
}
.footerBottom #credits a {
  display: inline-block;
  vertical-align: middle;
  line-height: initial;
  padding: 5px 0;
}
.footerBottom #credits .creditsLogo {
  margin-left: 0.25em;
}
.footerBottom #credits .creditsLogo img {
  width: auto;
  max-width: 80px;
  opacity: 0.7;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  -webkit-filter: gray;
          filter: gray;
  /* IE 7, 8, 9 */
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.footerBottom #credits a.creditsLogo:hover img {
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
  -webkit-filter: none;
          filter: none;
  /* IE 7, 8, 9 */
}
@media all and (max-width: 780px) {
  .footerBottom #credits .safetotrade {
    display: block;
  }
  .footerBottom #credits .safetotrade img {
    width: 100px;
  }
}
@media only screen and (max-width:880px) {
  .footerBottom {
    font-size: 12px;
    font-size: 0.8571428571428571rem;
  }
}
@media only screen and (max-width:780px) {
  .footerBottom {
    margin-top: 1em;
  }
  .footerBottom > div {
    max-width: none;
    width: 100%;
    text-align: center;
    margin-right: 0;
  }
}
body[data-site="1005"] .openTableLogoWrap {
  margin-top: -220px;
}
@media (min-width: 781px) and (max-width: 1320px) {
  body[data-site="1005"] .openTableLogoWrap {
    margin-top: -100px;
  }
}
@media only screen and (max-width: 780px) {
  body[data-site="1005"] .openTableLogoWrap {
    margin-top: 20px;
  }
}
.openTableLogoWrap {
  margin: 20px 0;
  display: inline-block;
}
@media only screen and (max-width: 780px) {
  .openTableLogoWrap {
    display: block;
    text-align: center;
  }
}
.openTableLogo {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media only screen and (max-width: 780px) {
  .openTableLogo img {
    width: 160px;
    height: auto;
  }
}
/* ------------------------------ */
/* Slide Wrapper (both slideshows) */
/* ------------------------------ */
.slideWrapper {
  clear: both;
  *zoom: 1;
  width: 100%;
  position: relative;
}
.slideWrapper:before,
.slideWrapper:after {
  content: "";
  display: table;
}
.slideWrapper:after {
  clear: both;
}
.slideWrapper:before,
.slideWrapper:after {
  content: "";
  display: table;
}
.slideWrapper:after {
  clear: both;
}
.slideWrapper .circle {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100px;
  z-index: 5002;
}
.slideWrapper .circle svg {
  width: 100%;
  left: 0;
  bottom: -1px;
  height: 100%;
  position: absolute;
  fill: #FFF;
}
.slideWrapper .circle svg path:nth-child(1) {
  opacity: 0.15;
}
.slideWrapper .circle svg path:nth-child(2) {
  opacity: 0.3;
}
.slideWrapper .scrollDown {
  position: absolute;
  bottom: 60px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #FFF;
  z-index: 100;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 11px;
  font-size: 0.7857142857142857rem;
  font-weight: 700;
  white-space: nowrap;
}
.spar .slideWrapper .scrollDown,
.premier .slideWrapper .scrollDown {
  color: var(--fontDark);
}
.slideWrapper .scrollDown svg {
  margin: 0 auto 10px;
  width: 20px;
  display: block;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}
@-webkit-keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  60% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}
@keyframes bounce {
  0%,
  20%,
  50%,
  80%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
  }
  60% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
  }
}
.slideWrapper .scrollDown svg path {
  fill: #FFF;
}
.spar .slideWrapper .scrollDown svg path,
.premier .slideWrapper .scrollDown svg path {
  fill: var(--fontDark);
}
.slideWrapper.withYTVideo picture img {
  display: none;
}
.slideWrapper.withYTVideo .slider {
  overflow: hidden;
}
.slideWrapper.withYTVideo .slider .youtubeWrap {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  z-index: 1;
  opacity: 0.8;
  min-width: 1376px;
  width: 100%;
  pointer-events: none;
  background: #000;
}
@media all and (max-width: 780px) {
  .slideWrapper.withYTVideo .slider .youtubeWrap {
    min-width: 1155.56px;
  }
}
.slideWrapper.withYTVideo .slider .youtubeWrap:before {
  content: '';
  padding-bottom: calc(100% / 16 * 9);
  display: block;
}
.slideWrapper.withYTVideo .slider .youtubeWrap iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.slideWrapper.withYTVideo .slick-slider {
  position: relative;
  z-index: 2;
}
.slideWrapper.withYTVideo .controls {
  z-index: 2;
}
.slideWrapper.withYTVideo .slide {
  background: none;
}
.slideWrapper.withYTVideo .largeSlider,
.slideWrapper.withYTVideo .mobileSlider {
  min-height: 774px;
}
@media all and (max-width: 780px) {
  .slideWrapper.withYTVideo .largeSlider,
  .slideWrapper.withYTVideo .mobileSlider {
    min-height: 650px;
  }
}
.slideWrapper.withYTVideo .largeSlider:before,
.slideWrapper.withYTVideo .mobileSlider:before {
  display: none;
}
.slideWrapper.withYTVideo .largeSlider .slideContent,
.slideWrapper.withYTVideo .mobileSlider .slideContent {
  min-height: 774px;
}
@media all and (max-width: 780px) {
  .slideWrapper.withYTVideo .largeSlider .slideContent,
  .slideWrapper.withYTVideo .mobileSlider .slideContent {
    min-height: 650px;
  }
}
.slideWrapper.withYTVideo .largeSlider .slideContent > .wrapper,
.slideWrapper.withYTVideo .mobileSlider .slideContent > .wrapper {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
  left: 0;
  right: 0;
}
.slideWrapper.withYTVideo .largeSlider .slide,
.slideWrapper.withYTVideo .mobileSlider .slide {
  min-height: 774px;
  height: 774px;
  background: none;
}
@media all and (max-width: 780px) {
  .slideWrapper.withYTVideo .largeSlider .slide,
  .slideWrapper.withYTVideo .mobileSlider .slide {
    min-height: 650px;
    padding-top: 0;
    height: 650px;
  }
}
.slideWrapper.withYTVideo .largeSlider .slide:before,
.slideWrapper.withYTVideo .mobileSlider .slide:before {
  display: none;
}
.slideWrapper.withYTVideo .largeSlider picture img,
.slideWrapper.withYTVideo .mobileSlider picture img {
  opacity: 0.8;
}
.slideWrapper .postcodeChecker:after,
.slideWrapper .postcodeChecker:before {
  display: none;
}
/* ------------------------------ */
/* Sliders */
/* ------------------------------ */
.largeSlider,
.mobileSlider {
  width: 100%;
  *zoom: 1;
  position: relative;
  max-height: 800px;
  overflow: hidden;
}
.largeSlider:before,
.mobileSlider:before,
.largeSlider:after,
.mobileSlider:after {
  content: "";
  display: table;
}
.largeSlider:after,
.mobileSlider:after {
  clear: both;
}
.largeSlider:before,
.mobileSlider:before,
.largeSlider:after,
.mobileSlider:after {
  content: "";
  display: table;
}
.largeSlider:after,
.mobileSlider:after {
  clear: both;
}
.spar .largeSlider,
.spar .mobileSlider,
.premier .largeSlider,
.premier .mobileSlider {
  max-height: 479px;
}
@media all and (max-width: 780px) {
  .largeSlider,
  .mobileSlider {
    max-height: 700px;
  }
}
.largeSlider .slide,
.mobileSlider .slide {
  max-height: 800px;
  height: 800px;
  white-space: nowrap;
  text-align: center;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.spar .largeSlider .slide,
.spar .mobileSlider .slide,
.premier .largeSlider .slide,
.premier .mobileSlider .slide {
  max-height: 479px;
  height: 479px;
}
@media all and (max-width: 780px) {
  .largeSlider .slide,
  .mobileSlider .slide {
    max-height: 700px;
    height: 650px;
    padding-top: 50px;
  }
  .spar .largeSlider .slide,
  .spar .mobileSlider .slide,
  .premier .largeSlider .slide,
  .premier .mobileSlider .slide {
    padding-top: 0;
  }
}
.largeSlider .slide > a,
.mobileSlider .slide > a,
.largeSlider .slide > .noLink,
.mobileSlider .slide > .noLink {
  position: absolute;
  top: 0;
  left: 50%;
  width: 2000px;
  margin-left: -1000px;
  z-index: 1;
  bottom: 0;
}
.spar .largeSlider .slide > a,
.spar .mobileSlider .slide > a,
.spar .largeSlider .slide > .noLink,
.spar .mobileSlider .slide > .noLink,
.premier .largeSlider .slide > a,
.premier .mobileSlider .slide > a,
.premier .largeSlider .slide > .noLink,
.premier .mobileSlider .slide > .noLink {
  max-width: 1920px;
  margin-left: -960px;
}
@media (max-width: 1400px) and (min-width: 641px) {
  .spar .largeSlider .slide > a,
  .spar .mobileSlider .slide > a,
  .spar .largeSlider .slide > .noLink,
  .spar .mobileSlider .slide > .noLink,
  .premier .largeSlider .slide > a,
  .premier .mobileSlider .slide > a,
  .premier .largeSlider .slide > .noLink,
  .premier .mobileSlider .slide > .noLink {
    margin-left: -1200px;
  }
}
@media (max-width: 640px) {
  .spar .largeSlider .slide > a,
  .spar .mobileSlider .slide > a,
  .spar .largeSlider .slide > .noLink,
  .spar .mobileSlider .slide > .noLink,
  .premier .largeSlider .slide > a,
  .premier .mobileSlider .slide > a,
  .premier .largeSlider .slide > .noLink,
  .premier .mobileSlider .slide > .noLink {
    width: 100%;
    max-width: 100%;
    margin-left: -50%;
  }
}
.largeSlider .slide > a img,
.mobileSlider .slide > a img,
.largeSlider .slide > .noLink img,
.mobileSlider .slide > .noLink img {
  height: 100%;
  max-width: none;
}
@media (max-width: 640px) {
  .spar .largeSlider .slide > a img,
  .spar .mobileSlider .slide > a img,
  .spar .largeSlider .slide > .noLink img,
  .spar .mobileSlider .slide > .noLink img,
  .premier .largeSlider .slide > a img,
  .premier .mobileSlider .slide > a img,
  .premier .largeSlider .slide > .noLink img,
  .premier .mobileSlider .slide > .noLink img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.largeSlider .slide > a:after,
.mobileSlider .slide > a:after,
.largeSlider .slide > .noLink:after,
.mobileSlider .slide > .noLink:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 2;
  -webkit-box-shadow: inset 0 0 50px 20px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 0 50px 20px rgba(0, 0, 0, 0.5);
}
.spar .largeSlider .slide > a:after,
.spar .mobileSlider .slide > a:after,
.spar .largeSlider .slide > .noLink:after,
.spar .mobileSlider .slide > .noLink:after,
.premier .largeSlider .slide > a:after,
.premier .mobileSlider .slide > a:after,
.premier .largeSlider .slide > .noLink:after,
.premier .mobileSlider .slide > .noLink:after {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.largeSlider .slide:before,
.mobileSlider .slide:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.largeSlider .slideContent,
.mobileSlider .slideContent {
  position: relative;
  z-index: 10;
  width: 100%;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
}
.spar .largeSlider .slideContent,
.spar .mobileSlider .slideContent,
.premier .largeSlider .slideContent,
.premier .mobileSlider .slideContent {
  text-align: left;
}
@media (max-width: 640px) {
  .spar .largeSlider .slideContent,
  .spar .mobileSlider .slideContent,
  .premier .largeSlider .slideContent,
  .premier .mobileSlider .slideContent {
    text-align: center;
  }
}
@media all and (max-width: 780px) {
  .largeSlider .slideContent .wrapper,
  .mobileSlider .slideContent .wrapper {
    padding: 0 5px;
  }
}
.largeSlider h2,
.mobileSlider h2,
.largeSlider h1,
.mobileSlider h1 {
  font-size: 42px;
  font-size: 3rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1;
  text-shadow: 6px 6px 20px rgba(0, 0, 0, 0.7);
}
@media all and (max-width: 780px) {
  .largeSlider h2,
  .mobileSlider h2,
  .largeSlider h1,
  .mobileSlider h1 {
    font-size: 24px;
    font-size: 1.7142857142857142rem;
  }
}
.spar .largeSlider h2,
.spar .mobileSlider h2,
.spar .largeSlider h1,
.spar .mobileSlider h1,
.premier .largeSlider h2,
.premier .mobileSlider h2,
.premier .largeSlider h1,
.premier .mobileSlider h1 {
  text-shadow: none;
  font-size: 40px;
  line-height: 46px;
  margin: 0 0 12px;
  color: #FFF;
  max-width: 450px;
}
@media all and (max-width: 780px) {
  .spar .largeSlider h2,
  .spar .mobileSlider h2,
  .spar .largeSlider h1,
  .spar .mobileSlider h1,
  .premier .largeSlider h2,
  .premier .mobileSlider h2,
  .premier .largeSlider h1,
  .premier .mobileSlider h1 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media (max-width: 640px) {
  .spar .largeSlider h2,
  .spar .mobileSlider h2,
  .spar .largeSlider h1,
  .spar .mobileSlider h1,
  .premier .largeSlider h2,
  .premier .mobileSlider h2,
  .premier .largeSlider h1,
  .premier .mobileSlider h1 {
    color: #FFF;
    max-width: 100%;
  }
}
.premier .largeSlider h2,
.premier .mobileSlider h2,
.premier .largeSlider h1,
.premier .mobileSlider h1 {
  color: #4C0743;
  max-width: 100%;
}
@media (max-width: 640px) {
  .premier .largeSlider h2,
  .premier .mobileSlider h2,
  .premier .largeSlider h1,
  .premier .mobileSlider h1 {
    color: #FFF;
  }
}
.largeSlider h4,
.mobileSlider h4 {
  font-size: 30px;
  font-size: 2.142857142857143rem;
  color: #fff;
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1;
  text-shadow: 6px 6px 20px rgba(0, 0, 0, 0.7);
}
@media all and (max-width: 780px) {
  .largeSlider h4,
  .mobileSlider h4 {
    font-size: 20px;
    font-size: 1.4285714285714286rem;
  }
}
.spar .largeSlider h4,
.spar .mobileSlider h4,
.premier .largeSlider h4,
.premier .mobileSlider h4 {
  text-shadow: none;
}
@media (max-width: 640px) {
  .spar .largeSlider h4,
  .spar .mobileSlider h4,
  .premier .largeSlider h4,
  .premier .mobileSlider h4 {
    color: #FFF;
  }
}
.largeSlider p,
.mobileSlider p {
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  color: #fff;
  font-weight: 500;
  font-family: var(--primaryFont);
  text-shadow: 3px 3px 15px rgba(0, 0, 0, 0.7);
}
.spar .largeSlider p,
.spar .mobileSlider p,
.premier .largeSlider p,
.premier .mobileSlider p {
  color: #FFF;
  text-shadow: none;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 40px;
  max-width: 450px;
}
@media all and (max-width: 780px) {
  .spar .largeSlider p,
  .spar .mobileSlider p,
  .premier .largeSlider p,
  .premier .mobileSlider p {
    font-size: 18px;
    line-height: 24px;
  }
}
@media (max-width: 640px) {
  .spar .largeSlider p,
  .spar .mobileSlider p,
  .premier .largeSlider p,
  .premier .mobileSlider p {
    color: #FFF;
    max-width: 100%;
  }
}
.premier .largeSlider p,
.premier .mobileSlider p {
  color: #4C0743;
}
@media (max-width: 640px) {
  .premier .largeSlider p,
  .premier .mobileSlider p {
    color: #FFF;
  }
}
.largeSlider .button,
.mobileSlider .button {
  margin: 1em 10px 0;
}
@media all and (max-width: 780px) {
  .largeSlider .button,
  .mobileSlider .button {
    margin: 1em 10px;
  }
}
.spar .largeSlider .button,
.spar .mobileSlider .button,
.premier .largeSlider .button,
.premier .mobileSlider .button {
  background: #FF4141;
  color: #FFF;
  border-radius: 10px;
  font-size: 25px;
  line-height: 34px;
  padding: 13px 37px 12px;
  text-transform: none;
  letter-spacing: 0;
  min-width: 310px;
  margin: 0;
}
@media all and (max-width: 780px) {
  .spar .largeSlider .button,
  .spar .mobileSlider .button,
  .premier .largeSlider .button,
  .premier .mobileSlider .button {
    font-size: 18px;
    line-height: 26px;
    position: relative;
    bottom: 0;
    left: auto;
    -webkit-transform: none;
            transform: none;
  }
}
.spar .largeSlider .button:hover,
.spar .mobileSlider .button:hover,
.premier .largeSlider .button:hover,
.premier .mobileSlider .button:hover {
  background: #2a2926;
  color: #FFF;
}
.premier .largeSlider .button,
.premier .mobileSlider .button {
  background: #4C0743;
}
.premier .largeSlider .button:hover,
.premier .mobileSlider .button:hover {
  background: #7b0b6c;
  color: #FFF;
}
@media all and (max-width: 780px) {
  .largeSlider .button,
  .mobileSlider .button,
  .largeSlider .buttonAlt,
  .mobileSlider .buttonAlt {
    max-width: 49%;
    margin: 0 0.5%;
    padding: 0.75em 10px;
  }
}
.largeSlider .controls,
.mobileSlider .controls {
  text-align: center;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100%;
}
.largeSlider .controls .prev,
.mobileSlider .controls .prev,
.largeSlider .controls .next,
.mobileSlider .controls .next {
  font-size: 25px;
  margin: 10px;
  position: absolute;
  z-index: 5003;
  background: rgba(255, 255, 255, 0.9);
  color: #000;
  border-radius: 50%;
  line-height: 40px;
  height: 40px;
  width: 40px;
  display: block;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.largeSlider .controls .prev,
.mobileSlider .controls .prev {
  left: 20px;
}
.largeSlider .controls .next,
.mobileSlider .controls .next {
  right: 20px;
}
.largeSlider .slick-dots,
.mobileSlider .slick-dots {
  position: absolute;
  bottom: 30px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 5003;
}
.largeSlider .slick-dots li,
.mobileSlider .slick-dots li {
  float: left;
  margin: 0 3px;
}
.largeSlider .slick-dots li button,
.mobileSlider .slick-dots li button {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
  background: #FFF;
  display: block;
  padding: 0;
}
.largeSlider .slick-dots li.slick-active button,
.mobileSlider .slick-dots li.slick-active button {
  background: var(--mainColorAlt);
}
/* ------------------------------ */
/* Mobile Slider */
/* ------------------------------ */
.mobileSlider {
  max-height: 400px;
}
.mobileSlider .slide {
  max-height: 400px;
  height: 400px;
}
.mobileSlider .controls {
  text-align: center;
}
.mobileSlider .controls .prev,
.mobileSlider .controls .next {
  font-size: 2em;
  margin: 10px;
}
@media only screen and (max-width:480px) {
  .mobileSlider {
    max-height: 380px;
  }
  .mobileSlider .slide {
    max-height: 380px;
    height: 380px;
  }
  .mobileSlider h2 {
    font-size: 36px;
    font-size: 2.5714285714285716rem;
  }
  .mobileSlider p {
    font-size: 24px;
    font-size: 1.7142857142857142rem;
  }
}
@media only screen and (max-width:320px) {
  .mobileSlider p {
    font-size: 20px;
    font-size: 1.4285714285714286rem;
  }
}
.slideContent .postcodeChecker.postcodeSlider {
  padding: 0;
  background: none;
  border-radius: 0;
  position: relative;
  left: auto;
  top: auto;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
}
@media (max-width: 780px), (min-width: 781px) and (max-width: 1320px) {
  .slideContent .postcodeChecker.postcodeSlider {
    margin-top: 0;
    width: 100%;
    padding: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
/* ------------------------------ */
/* Common Page Styles */
/* ------------------------------ */
.main {
  width: 100%;
  *zoom: 1;
  padding: 40px 0;
}
.main:before,
.main:after {
  content: "";
  display: table;
}
.main:after {
  clear: both;
}
.main:before,
.main:after {
  content: "";
  display: table;
}
.main:after {
  clear: both;
}
.main.home {
  background: #fff;
  padding: 2rem 0 40px;
}
@media all and (max-width: 780px) {
  .main {
    padding: 2rem 0;
  }
}
.pageBanner {
  background: url('/sites/default/images/layout/default-banner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  text-align: center;
  background-position: center;
  min-height: 270px;
}
.pageBanner.iframe {
  margin-top: 46px;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .pageBanner.iframe {
    margin: 0;
  }
}
.pageBanner h1 {
  color: #fff;
  font-size: 30px;
  font-size: 2.142857142857143rem;
  margin: 160px 0 0;
  padding: 1em 0;
  font-weight: 500;
}
@media only screen and (max-width:640px) {
  .pageBanner h1 {
    font-size: 28px;
    font-size: 2rem;
  }
}
/* ------------------------------ */
/* Homepage Styles */
/* ------------------------------ */
.intro {
  float: left;
  width: 33%;
  margin-right: 3%;
  padding: 2em 0;
}
.intro h1 {
  font-size: 28px;
  font-size: 2rem;
}
@media only screen and (max-width:880px) {
  .intro {
    width: 100%;
  }
}
/* ------------------------------ */
/* Google Map */
/* ------------------------------ */
.map {
  width: 100%;
  min-height: 360px;
}
/* ------------------------------ */
/* CSS3 Social icons*/
/* ------------------------------ */
.social {
  float: left;
  *zoom: 1;
}
.social:before,
.social:after {
  content: "";
  display: table;
}
.social:after {
  clear: both;
}
.social:before,
.social:after {
  content: "";
  display: table;
}
.social:after {
  clear: both;
}
.social li {
  list-style-type: none;
  float: left;
  text-align: center;
}
.social li a {
  padding: 0 10px;
  display: block;
}
.social li a i {
  font-size: 18px;
  vertical-align: middle;
}
/* ------------------------------ */
/* Members */
/* ------------------------------ */
.members .column {
  width: 49%;
  float: left;
  display: inline;
  margin-left: 2%;
}
.members .memberTable .hide {
  display: none;
}
.members .tile {
  float: left;
  background: #eee;
  text-align: center;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 2%;
}
.members .tile a {
  display: block;
}
.members .tile a:before,
.members .tile a:after {
  display: block;
  content: '';
  padding-top: 25%;
}
.members .tile.last {
  margin-right: 0%;
}
.members .tile.last:after {
  clear: both;
  width: 100%;
  height: 0px;
}
.members .tile i {
  display: block;
  font-size: 4.5em;
  margin: 0 0 0.2em 0;
}
@media all and (max-width: 780px) {
  .members .tile i {
    display: block;
    font-size: 2.5em;
    margin: 0 0 0.2em 0;
  }
}
.members .tiles h4 {
  font-size: 1.6em;
}
@media all and (max-width: 780px) {
  .members .tiles h4 {
    font-size: 1em;
  }
}
/* ------------------------------ */
/* Breadcrumb Styling */
/* ------------------------------ */
.breadcrumbWrap {
  *zoom: 1;
  clear: both;
}
.breadcrumbWrap:before,
.breadcrumbWrap:after {
  content: "";
  display: table;
}
.breadcrumbWrap:after {
  clear: both;
}
.breadcrumbWrap:before,
.breadcrumbWrap:after {
  content: "";
  display: table;
}
.breadcrumbWrap:after {
  clear: both;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .breadcrumbWrap {
    padding: 0 20px;
  }
}
@media all and (max-width: 780px) {
  .breadcrumbWrap {
    padding: 0 20px;
    margin-bottom: 20px;
    background: #dedede;
    overflow: hidden;
  }
}
.breadcrumbWrap .breadcrumbs {
  padding: 0 0 20px;
  margin: 0;
  *zoom: 1;
  clear: both;
  min-width: 500px;
}
.breadcrumbWrap .breadcrumbs:before,
.breadcrumbWrap .breadcrumbs:after {
  content: "";
  display: table;
}
.breadcrumbWrap .breadcrumbs:after {
  clear: both;
}
.breadcrumbWrap .breadcrumbs:before,
.breadcrumbWrap .breadcrumbs:after {
  content: "";
  display: table;
}
.breadcrumbWrap .breadcrumbs:after {
  clear: both;
}
.breadcrumbWrap .breadcrumbs li {
  float: left;
  font-family: var(--primaryFont);
  position: relative;
  padding: 0px 10px;
}
@media all and (max-width: 780px) {
  .breadcrumbWrap .breadcrumbs li {
    font-size: 12px;
    padding: 0 6px;
  }
  .breadcrumbWrap .breadcrumbs li:first-child {
    display: none;
  }
  .breadcrumbWrap .breadcrumbs li:nth-child(2) {
    padding-left: 0;
  }
}
.breadcrumbWrap .breadcrumbs li:first-child {
  padding-left: 0;
}
/* ------------------------------ */
/* Pagination */
/* ------------------------------ */
.pagination,
.paginationUl {
  float: left;
  width: 100%;
  *zoom: 1;
  font-family: var(--primaryFont);
  font-size: 14px;
  letter-spacing: 1px;
  text-align: center;
  margin-top: 1.5em;
}
.pagination:before,
.paginationUl:before,
.pagination:after,
.paginationUl:after {
  content: "";
  display: table;
}
.pagination:after,
.paginationUl:after {
  clear: both;
}
.pagination:before,
.paginationUl:before,
.pagination:after,
.paginationUl:after {
  content: "";
  display: table;
}
.pagination:after,
.paginationUl:after {
  clear: both;
}
.pagination li,
.paginationUl li {
  display: inline-block;
}
.pagination li .paginationnumbers,
.paginationUl li .paginationnumbers,
.pagination li.next,
.paginationUl li.next,
.pagination li.prev,
.paginationUl li.prev {
  display: none;
}
.pagination li a,
.paginationUl li a {
  float: left;
  text-align: center;
  font-size: 12px;
  margin-right: 0.5em;
  cursor: pointer;
  display: block;
  color: var(--fontColor);
  outline: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  border-radius: 4px;
  background-clip: padding-box;
}
.pagination li a:hover,
.paginationUl li a:hover {
  color: var(--mainColorAlt);
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .pagination li a,
  .paginationUl li a {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
@media all and (max-width: 780px) {
  .pagination li a,
  .paginationUl li a {
    background: rgba(0, 0, 0, 0.1);
    color: #000;
    height: 40px;
    width: 40px;
    line-height: 40px;
  }
}
.pagination li.active a,
.paginationUl li.active a {
  color: #fff;
  background: var(--mainColorAlt);
}
.pagination li:last-child a,
.paginationUl li:last-child a {
  margin-right: 0;
}
.pagination .dots,
.paginationUl .dots,
.pagination .paginationnumbers,
.paginationUl .paginationnumbers {
  display: block;
}
@media all and (max-width: 780px) {
  .pagination .dots,
  .paginationUl .dots,
  .pagination .paginationnumbers,
  .paginationUl .paginationnumbers {
    padding: 5px 5px 5px 0;
  }
}
.paginumberorder form {
  float: right;
  margin-left: 10px;
}
.paginumberorder form.bottom {
  margin-bottom: 40px;
  *zoom: 1;
}
.paginumberorder form.bottom:before,
.paginumberorder form.bottom:after {
  content: "";
  display: table;
}
.paginumberorder form.bottom:after {
  clear: both;
}
.paginumberorder form.bottom:before,
.paginumberorder form.bottom:after {
  content: "";
  display: table;
}
.paginumberorder form.bottom:after {
  clear: both;
}
.pageOf {
  float: left;
  width: 100%;
  *zoom: 1;
  text-align: center;
  font-size: 12px;
  font-size: 0.8571428571428571rem;
}
.pageOf:before,
.pageOf:after {
  content: "";
  display: table;
}
.pageOf:after {
  clear: both;
}
.pageOf:before,
.pageOf:after {
  content: "";
  display: table;
}
.pageOf:after {
  clear: both;
}
/* ------------------------------ */
/* Content Page Styles */
/* ------------------------------ */
.sidebar {
  float: left;
  width: 23.29545455%;
  margin-right: 2.27272727%;
}
.sidebar:nth-child(4n) {
  margin-right: 0;
}
@media only screen and (max-width:780px) {
  .sidebar {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
    margin-bottom: 1.5em;
  }
  .sidebar:nth-child(1n) {
    margin-right: 0;
  }
}
.sideNav {
  float: left;
  width: 100%;
  margin: 20px 0;
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.sideNav li a {
  display: block;
  padding: 0.25em 0;
}
.contentBlock {
  margin: 0 auto;
  padding: 0;
  *zoom: 1;
}
.contentBlock:before,
.contentBlock:after {
  content: "";
  display: table;
}
.contentBlock:after {
  clear: both;
}
.contentBlock:before,
.contentBlock:after {
  content: "";
  display: table;
}
.contentBlock:after {
  clear: both;
}
@media all and (max-width: 780px) {
  .contentBlock {
    padding: 40px 0;
  }
}
.contentBlock p {
  font-size: 14px;
  font-size: 1rem;
}
.contentBlock.reserve {
  max-width: 772px;
}
.contentBlock.reserveWidget {
  max-width: 100%;
}
.contentBlock.reserveWidget p {
  max-width: 810px;
  margin: 0 auto;
}
.contentBlock.reserveWidget p:last-of-type {
  margin-bottom: 40px;
}
.contentBlock.full {
  max-width: 915px;
}
.contentBlock.center {
  text-align: center;
}
@media all and (max-width: 780px) {
  .contentBlock.contentPage {
    padding: 0;
  }
}
.contentBlock .half {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
.contentBlock .half:nth-child(2n) {
  margin-right: 0;
}
@media only screen and (max-width:640px) {
  .contentBlock .half {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
    margin-bottom: 30px;
  }
  .contentBlock .half:nth-child(1n) {
    margin-right: 0;
  }
  .contentBlock .half:last-child {
    margin-bottom: 0;
  }
}
.contentBlock.centerBlock {
  float: none;
  marging-right: auto;
  margin-left: auto;
}
.contentWrap {
  float: left;
  width: 100%;
  margin-right: 2.27272727%;
}
.contentWrap:nth-child(1n) {
  margin-right: 0;
}
.contentImage {
  float: left;
  width: 100%;
  margin-bottom: 2em;
}
.pageNav {
  float: left;
  width: 100%;
  *zoom: 1;
  text-align: center;
  margin-top: 1.5em;
}
.pageNav:before,
.pageNav:after {
  content: "";
  display: table;
}
.pageNav:after {
  clear: both;
}
.pageNav:before,
.pageNav:after {
  content: "";
  display: table;
}
.pageNav:after {
  clear: both;
}
.fileLink {
  float: left;
  width: 100%;
  position: relative;
}
.fileLink .content {
  float: left;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  padding: 1em;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
}
.fileLink .content h3 {
  margin: 0;
  color: #fff;
}
/* ------------------------------ */
/* Site Map Styling */
/* ------------------------------ */
.siteMapWrap {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  clear: both;
  padding: 40px;
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.spar .siteMapWrap,
.premier .siteMapWrap {
  max-width: 1160px;
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.spar .siteMapWrap,
.premier .siteMapWrap {
  max-width: 1160px;
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.siteMapWrap:before,
.siteMapWrap:after {
  content: "";
  display: table;
}
.siteMapWrap:after {
  clear: both;
}
.siteMapWrap li {
  padding: 5px 15px;
  position: relative;
  width: 33%;
  float: left;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .siteMapWrap li {
    width: 50%;
  }
}
@media all and (max-width: 780px) {
  .siteMapWrap li {
    width: 100%;
  }
}
.siteMapWrap li:before {
  content: '\f0da';
  font-family: 'FontAwesome';
  color: var(--mainColorAlt);
  position: absolute;
  left: 0;
  top: 5px;
}
.siteMapWrap .siteMapColumn {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 40px;
  float: left;
}
.siteMapWrap .siteMapColumn ul {
  margin-bottom: 20px;
}
.siteMapWrap .siteMapColumn:nth-child(3n) {
  margin-right: 0;
}
@media all and (max-width: 780px) {
  .siteMapWrap .siteMapColumn {
    width: 100%;
    margin: 0 0 20px;
  }
}
/* ------------------------------ */
/* Contact Page Styling */
/* ------------------------------ */
.main.contact {
  padding-bottom: 0;
}
.main.contact .limitWrapper {
  max-width: 1000px;
}
.contactWrap {
  float: left;
  width: 100%;
  *zoom: 1;
}
.contactWrap:before,
.contactWrap:after {
  content: "";
  display: table;
}
.contactWrap:after {
  clear: both;
}
.contactWrap:before,
.contactWrap:after {
  content: "";
  display: table;
}
.contactWrap:after {
  clear: both;
}
@media only screen and (max-width:780px) {
  .contactWrap {
    padding: 0 0 20px 0;
  }
}
@media all and (max-width: 780px) {
  .contactWrap {
    padding: 40px 0;
  }
}
.contactDetails,
.contactFormWrap {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
  margin-bottom: 40px;
}
.contactDetails:nth-child(2n),
.contactFormWrap:nth-child(2n) {
  margin-right: 0;
}
@media all and (min-width : 781px) and (max-width : 1320px), all and (max-width: 780px) {
  .contactDetails,
  .contactFormWrap {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
  }
  .contactDetails:nth-child(1n),
  .contactFormWrap:nth-child(1n) {
    margin-right: 0;
  }
}
.contactDetails h2,
.contactFormWrap h2 {
  font-size: 22px;
  font-size: 1.5714285714285714rem;
  text-align: left;
  font-weight: 500;
  margin-bottom: 20px;
}
.contactDetails {
  padding: 2em 2em 2em 0;
}
@media all and (max-width: 780px) {
  .contactDetails {
    padding: 0;
  }
}
.contactFormWrap {
  position: relative;
}
.contactFormWrap.fullWidth {
  width: 100%;
  margin-right: 0;
}
.contactFormWrap .error + .pageContent {
  margin-top: 30px;
}
.contactFormWrap .pageContent + .innerText {
  margin-top: 30px;
}
.contactFormWrap .innerText {
  float: left;
  background: #EEE;
  padding: 2em;
  width: 100%;
}
.contactFormWrap .innerText.emergency {
  background: #FFFFFF;
  width: 100%;
}
@media only screen and (max-width:780px) {
  .contactFormWrap {
    text-align: center;
    margin-top: 0;
  }
  .contactFormWrap .button {
    width: 100%;
  }
}
.contactForm .answer {
  display: none;
}
.contactForm textarea {
  min-height: 150px;
}
#map {
  float: left;
  width: 100%;
  height: 260px;
}
@media only screen and (max-width:880px) {
  .noZoom {
    position: relative;
  }
  .noZoom:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5000;
  }
  .mapActive {
    border: 2px solid var(--mainColorAlt);
  }
  .mapInfo {
    float: left;
    height: 30px;
    line-height: 30px;
    top: -30px;
    position: relative;
    color: #fff;
    background: var(--mainColor);
    z-index: 6000;
    padding: 0 1em;
  }
}
.stores {
  float: left;
  width: 100%;
  *zoom: 1;
  padding: 20px 0 0;
}
.stores:before,
.stores:after {
  content: "";
  display: table;
}
.stores:after {
  clear: both;
}
.stores:before,
.stores:after {
  content: "";
  display: table;
}
.stores:after {
  clear: both;
}
.store {
  float: left;
  width: 48.86363636%;
  margin-right: 2.27272727%;
}
.store:nth-child(2n) {
  margin-right: 0;
}
.store h3,
.store h4 {
  font-family: var(--bodyFont);
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  font-weight: 700;
  margin-bottom: 0.75em;
}
.store li {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
}
.store .details {
  margin-bottom: 20px;
}
.store .details li {
  padding-left: 2em;
  position: relative;
  margin-bottom: 1em;
}
.store .details li:before {
  position: absolute;
  left: 0;
  font-family: "fontAwesome";
  font-size: 18px;
}
.store .address:before {
  content: "\f041";
}
.store .phone:before {
  content: "\f095";
}
.store .openingTimes .days {
  float: left;
  width: 40%;
}
.store .openingTimes .times {
  float: left;
  width: 60%;
}
@media only screen and (max-width:780px) {
  .store {
    float: left;
    width: 100%;
    margin-right: 2.27272727%;
  }
  .store:nth-child(1n) {
    margin-right: 0;
  }
  .store .details,
  .store .openingTimes {
    float: left;
    width: 50%;
  }
}
@media only screen and (max-width:480px) {
  .store {
    margin-bottom: 2em;
  }
  .store .details,
  .store .openingTimes {
    width: 100%;
  }
  .store:last-of-type {
    margin-bottom: 0;
  }
}
/* ------------------------------ */
/* Gallery Page */
/* ------------------------------ */
.galleries,
.gallery {
  float: left;
  width: 100%;
  *zoom: 1;
  padding-left: 0 !important;
}
.galleries:before,
.gallery:before,
.galleries:after,
.gallery:after {
  content: "";
  display: table;
}
.galleries:after,
.gallery:after {
  clear: both;
}
.galleries:before,
.gallery:before,
.galleries:after,
.gallery:after {
  content: "";
  display: table;
}
.galleries:after,
.gallery:after {
  clear: both;
}
.galleryItem {
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  max-width: 400px;
}
.galleryItem:nth-child(4n) {
  margin-right: 0;
}
.galleryItem:before {
  content: none !important;
}
.galleryItem .title {
  float: left;
  width: 100%;
  display: block;
  text-align: center;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
.galleryItem .date {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  font-size: 0.8571428571428571rem;
  margin-bottom: 0.25em;
}
.galleryItem .galleryImage {
  float: left;
  width: 100%;
  background: #fff;
  margin-bottom: 0.5em;
}
.galleryItem .galleryImage .imageWrap {
  position: relative;
  overflow: hidden;
}
.galleryItem .galleryImage .overlay {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  text-align: center;
  white-space: nowrap;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
.galleryItem .galleryImage .overlay:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}
.galleryItem .galleryImage .overlay:hover {
  opacity: 1;
}
.galleryItem .galleryImage .overlayContent {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}
.galleryItem .galleryImage .overlayContent span {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
.galleryItem .galleryImage .overlayContent i {
  display: block;
  margin: 0 auto 10px;
  font-size: 35px;
  font-size: 2.5rem;
  color: var(--mainColorAlt);
}
@media only screen and (max-width:780px) {
  .galleryItem {
    float: left;
    width: 23.29545455%;
    margin-right: 2.27272727%;
    margin-bottom: 2.27272727%;
  }
  .galleryItem:nth-child(6n) {
    margin-right: 2.27272727%;
  }
  .galleryItem:nth-child(4n) {
    margin-right: 0;
  }
}
@media only screen and (max-width:640px) {
  .galleryItem {
    float: left;
    width: 48.86363636%;
    margin-right: 2.27272727%;
  }
  .galleryItem:nth-child(2n) {
    margin-right: 0;
  }
}
.galleryPrev,
.galleryNext {
  position: absolute;
  top: 48%;
  left: 10px;
  background: var(--mainColor);
  color: #fff;
  font-size: 24px;
  font-size: 1.7142857142857142rem;
  width: 40px;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-radius: 50%;
  background-clip: padding-box;
}
.galleryPrev:hover,
.galleryNext:hover {
  background: var(--mainColorHover);
}
@media all and (max-width: 780px) {
  .galleryPrev,
  .galleryNext {
    top: 50%;
    border-radius: 0;
    background-clip: padding-box;
    left: 0;
    height: auto;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
  }
}
.galleryNext {
  right: 10px;
  left: auto;
}
@media all and (max-width: 780px) {
  .galleryNext {
    right: 0;
  }
}
.galleryInfo {
  float: left;
  width: 100%;
  text-align: left;
  margin: 0 0 1.5em 0;
  font-weight: 600;
}
/* ------------------------------ */
/* Faq page  */
/* ------------------------------ */
.questions {
  margin: 40px 0 0;
  width: 100%;
}
.question > h3 {
  position: relative;
  cursor: pointer;
  background: var(--mainColor);
  padding: 20px;
  margin: 0 0 20px;
  color: var(--mainColorReverse);
}
.question > h3:after {
  content: "\f107";
  position: absolute;
  height: 30px;
  line-height: 30px;
  right: 1em;
  top: 0;
  bottom: 0;
  margin: auto 0;
  font-family: "fontAwesome";
}
.question > h3.active {
  color: var(--mainColorReverse);
}
.question > h3.active:after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.answer {
  padding: 10px 0;
  margin-bottom: 20px;
  display: none;
}
.answer:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
/* ------------------------------ */
/* Reserve Page */
/* ------------------------------ */
.reserveForm {
  margin-top: 2em;
}
/* ------------------------------ */
/* Button Styling */
/* ------------------------------ */
.button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 1.2em;
  border: 0;
  background: 0;
  font-size: 16px;
  padding: 0.75em 1.75em;
  background: var(--buttonColor);
  color: var(--buttonColorReverse);
  font-family: var(--bodyFont);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  letter-spacing: 1px;
}
.button i {
  padding-left: 0.25em;
}
.button.buttonSmall {
  font-size: 1em;
}
.button.buttonLarge {
  font-size: 1.8em;
}
.button:focus {
  outline: 0;
}
.button:hover {
  background: var(--buttonColorHover);
}
.spar .button:hover {
  background-color: #ff7474;
  color: #FFF;
}
.premier .button:hover {
  background-color: #7b0b6c;
  color: #FFF;
}
.button[disabled] {
  background: var(--buttonColor);
}
.button[disabled]:hover {
  background: var(--buttonColor);
}
.button.forward {
  position: relative;
  padding-right: 3em;
}
.button.forward.storeButtonOverlayButton {
  margin-top: 10px;
  width: calc(100% + 10px);
}
.button.forward:after {
  content: "\f105";
  font-family: "fontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.button.back {
  position: relative;
  padding-left: 3em;
}
.button.back:after {
  content: "\f104";
  font-family: "fontAwesome";
  position: absolute;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.button#add_to_basket {
  position: relative;
}
.button#add_to_basket.hideText span {
  opacity: 0;
}
.button#add_to_basket i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 22px;
  padding: 0;
  line-height: 0;
  -webkit-animation: fa-spin-icon 2s infinite linear;
  animation: fa-spin-icon 2s infinite linear;
}
.button a {
  color: inherit;
}
@-webkit-keyframes fa-spin-icon {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
    transform: translateX(-50%) translateY(-50%) rotate(359deg);
  }
}
@keyframes fa-spin-icon {
  0% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(0deg);
    transform: translateX(-50%) translateY(-50%) rotate(0deg);
  }
  100% {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(359deg);
    transform: translateX(-50%) translateY(-50%) rotate(359deg);
  }
}
.buttonAlt {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  font-size: 1.2em;
  border: 0;
  background: 0;
  background: var(--buttonColor);
  color: var(--buttonColorReverse);
  font-size: 16px;
  padding: 0.75em 1.75em;
  background: var(--secondaryButtonColor);
  color: var(--secondaryButtonColorReverse);
  font-family: var(--bodyFont);
  font-weight: 700;
  text-transform: uppercase;
  border-radius: 4px;
  background-clip: padding-box;
  -webkit-transition: background 0.3s ease;
  transition: background 0.3s ease;
  letter-spacing: 1px;
}
.buttonAlt i {
  padding-left: 0.25em;
}
.buttonAlt.buttonSmall {
  font-size: 1em;
}
.buttonAlt.buttonLarge {
  font-size: 1.8em;
}
.buttonAlt i {
  padding-left: 0.25em;
}
.buttonAlt.buttonSmall {
  font-size: 1em;
}
.buttonAlt.buttonLarge {
  font-size: 1.8em;
}
.buttonAlt:focus {
  outline: 0;
}
.buttonAlt:hover {
  background: var(--buttonColorHover);
}
.spar .buttonAlt:hover {
  background-color: #ff7474;
  color: #FFF;
}
.premier .buttonAlt:hover {
  background-color: #7b0b6c;
  color: #FFF;
}
.buttonAlt[disabled] {
  background: var(--buttonColor);
}
.buttonAlt[disabled]:hover {
  background: var(--buttonColor);
}
.buttonAlt.forward {
  position: relative;
  padding-right: 3em;
}
.buttonAlt.forward.storeButtonOverlayButton {
  margin-top: 10px;
  width: calc(100% + 10px);
}
.buttonAlt.forward:after {
  content: "\f105";
  font-family: "fontAwesome";
  position: absolute;
  right: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.buttonAlt.back {
  position: relative;
  padding-left: 3em;
}
.buttonAlt.back:after {
  content: "\f104";
  font-family: "fontAwesome";
  position: absolute;
  left: 1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.buttonAlt#add_to_basket {
  position: relative;
}
.buttonAlt#add_to_basket.hideText span {
  opacity: 0;
}
.buttonAlt#add_to_basket i {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  font-size: 22px;
  padding: 0;
  line-height: 0;
  -webkit-animation: fa-spin-icon 2s infinite linear;
  animation: fa-spin-icon 2s infinite linear;
}
.buttonAlt a {
  color: inherit;
}
.buttonAlt:hover {
  background: var(--secondaryButtonColorHover);
}
.textLink {
  text-decoration: underline;
  margin-bottom: 0.5em;
  color: var(--fontColor);
}
/**
 * Menu lists
 */
.menuWrapper {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.menuWrapper:before,
.menuWrapper:after {
  content: "";
  display: table;
}
.menuWrapper:after {
  clear: both;
}
.menuWrapper:before,
.menuWrapper:after {
  content: "";
  display: table;
}
.menuWrapper:after {
  clear: both;
}
.menuWrapper:before,
.menuWrapper:after {
  content: "";
  display: table;
}
.menuWrapper:after {
  clear: both;
}
.menuWrapper:before,
.menuWrapper:after {
  content: "";
  display: table;
}
.menuWrapper:after {
  clear: both;
}
.spar .menuWrapper,
.premier .menuWrapper {
  max-width: 1160px;
}
.menuWrapper:before,
.menuWrapper:after {
  content: "";
  display: table;
}
.menuWrapper:after {
  clear: both;
}
.menuWrapper:before,
.menuWrapper:after {
  content: "";
  display: table;
}
.menuWrapper:after {
  clear: both;
}
.spar .menuWrapper,
.premier .menuWrapper {
  max-width: 1160px;
}
@media all and (max-width: 780px), all and (min-width : 781px) and (max-width : 1320px) {
  .menuWrapper {
    padding: 0 20px;
  }
}
.menuWrap {
  *zoom: 1;
}
.menuWrap:before,
.menuWrap:after {
  content: "";
  display: table;
}
.menuWrap:after {
  clear: both;
}
.menuWrap:before,
.menuWrap:after {
  content: "";
  display: table;
}
.menuWrap:after {
  clear: both;
}
.menuTitle {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 0;
}
.menuTitle h2 {
  float: left;
  display: inline-block;
  margin: 0;
}
@media only screen and (max-width:480px) {
  .menuTitle h2 {
    margin-bottom: 10px;
  }
}
.menuTitle p {
  clear: both;
}
.menuTitle p:last-child {
  margin-bottom: 10px;
}
.menuTitle .button {
  float: left;
  display: inline-block;
  margin-left: 30px;
  font-size: 13px;
  font-size: 0.9285714285714286rem;
  margin-top: -3px;
  margin-bottom: 0;
}
@media only screen and (max-width:640px) {
  .menuTitle .button {
    clear: left;
    margin: 0 0 1em 0;
  }
}
@media only screen and (max-width:480px) {
  .menuTitle .button {
    width: 100%;
  }
}
.menuList {
  *zoom: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}
.menuList:before,
.menuList:after {
  content: "";
  display: table;
}
.menuList:after {
  clear: both;
}
.menuList:before,
.menuList:after {
  content: "";
  display: table;
}
.menuList:after {
  clear: both;
}
@media all and (min-width : 1320px) {
  .menuList li {
    width: 19.2%;
    margin-right: 1%;
    margin-bottom: 1%;
    float: left;
  }
  .menuList li:nth-child(5n) {
    margin-right: 0;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .menuList li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    float: left;
  }
  .menuList li:nth-child(3n) {
    margin-right: 0;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .menuList li {
    width: 48%;
    margin-right: 4%;
    margin-bottom: 2%;
    float: left;
  }
  .menuList li:nth-child(2n) {
    margin-right: 0;
  }
}
@media all and (max-width: 780px) {
  .menuList li {
    margin: 0 0 20px;
    width: 100%;
    float: left;
  }
}
.menuList li .imageWrap {
  position: relative;
}
.menuList li .imageWrap h4 {
  position: absolute;
  bottom: 40px;
  right: 0;
  background: #E5121D;
  color: #fff;
  padding: 5px 10px;
  font-size: 20px;
  text-align: right;
}
@media all and (min-width : 1320px) {
  .menuList li .imageWrap h4 {
    font-size: 14px;
  }
}
@media all and (max-width: 780px) {
  .menuList li .imageWrap h4 {
    font-size: 16px;
  }
}
#loading_gif {
  display: none;
}
.overlayBox .storeoverlay {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  color: #e84938;
  font-size: 16px;
  padding: 0.95em 1.75em 0.95em 2em;
}
.overlayBox .storeoverlay:hover {
  teventsListext-decoration: underline;
}
.overlayBox .storeoverlay:before {
  content: '\f041';
  font-family: 'FontAwesome';
  position: absolute;
  left: 8px;
  top: 3px;
  font-size: 27px;
}
@media all and (max-width: 600px) {
  .overlayBox .storeoverlay {
    clear: both;
    margin-top: 20px;
  }
}
@media only screen and (max-width:1160px) {
  .overlayBox .overlayAjax .wrapper {
    width: 100%;
  }
}
.storeSearch {
  margin-bottom: 16px;
}
.storeList {
  padding-bottom: 0;
}
@media all and (max-width: 780px) {
  .storeList .wrapper {
    width: 100%;
  }
}
.storeList .loadingIcon {
  margin-bottom: 16px;
}
.storeList h4 {
  text-transform: uppercase;
  margin: 40px 0 20px;
}
.storeList .storeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media all and (max-width: 780px) {
  .storeList .storeItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.storeList .storeItem .storeImage {
  margin-right: 16px;
}
@media (max-width: 400px) {
  .storeList .storeItem .storeImage {
    max-width: 60px;
  }
}
.storeList .storeItem .storeInfo {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  padding-right: 10px;
}
@media all and (max-width: 780px) {
  .storeList .storeItem .storeInfo {
    padding-right: 0;
  }
}
.storeList .storeItem .storeButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-left: -6px;
  margin-right: -6px;
  margin-bottom: -12px;
}
@media all and (max-width: 780px) {
  .storeList .storeItem .storeButton {
    width: calc(100% + 12px);
    margin: 16px -6px 0;
    text-align: left;
  }
}
.storeList .storeItem .storeButton .button {
  margin-left: 6px;
  margin-right: 6px;
  margin-bottom: 12px;
}
@media all and (max-width: 780px) {
  .storeList .storeItem .storeButton .button {
    width: calc(100% - 12px);
  }
}
.storeList .storeItem .storeButton .button.storeButtonOverlayButton {
  width: calc(100% - 12px);
}
.storeList .storeItem .button {
  word-break: keep-all;
  white-space: nowrap;
  min-width: 190px;
}
.storeList .storeHighDemand {
  width: 100%;
  margin: 16px 0 0;
  text-align: left;
}
.cardAddressLeft {
  float: left;
  padding-top: 12px;
  width: calc(100% - 260px);
}
@media all and (max-width: 780px) {
  .cardAddressLeft {
    width: calc(100% - 130px);
  }
}
.cardAddressRight {
  float: left;
  width: 260px;
}
@media all and (max-width: 780px) {
  .cardAddressRight {
    width: 130px;
  }
}
@media all and (max-width: 780px) {
  .cardAddressRight .button {
    margin-top: 0.2rem;
    margin-bottom: 0.2rem;
    width: 100%;
  }
}
.selectStore.all {
  padding: 0;
  margin: 0;
}
.selectStore.all .storeList > ul > li {
  margin: 0 0 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.selectStore.all .storeList > ul > li:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.selectStore.all .storeList > ul > li ul {
  margin-bottom: 20px;
}
.selectStore.all .storeList > ul > li .storeItem {
  border-bottom: 0;
}
.selectStore.all .storeList .button {
  margin-bottom: 20px;
}
.selectStore.all .storelist_cuisine_filter_dropdown {
  float: left;
  position: relative;
  width: 100%;
  border: 1px solid #e0e0e0;
  padding: 0 1em;
  font-size: 16px;
  border-radius: 4px;
  background-clip: padding-box;
  margin: 0;
  margin-bottom: 20px;
  height: 47px;
  line-height: 47px;
  background: none;
}
@media all and (max-width: 590px) {
  .selectStore.all {
    padding: 0;
  }
  .selectStore.all .storeList .button {
    width: 100%;
  }
  .selectStore.all .storeList .button + .button {
    margin-top: 15px;
  }
}
@media all and (max-width: 780px) {
  .selectStore.all {
    padding: 0;
  }
}
.eventsPage {
  background: #ebebeb;
}
.events {
  margin-bottom: 40px;
  *zoom: 1;
}
.events:before,
.events:after {
  content: "";
  display: table;
}
.events:after {
  clear: both;
}
.events:before,
.events:after {
  content: "";
  display: table;
}
.events:after {
  clear: both;
}
.eventsInfo {
  background: #fff;
  border: 1px solid var(--border_color);
  padding: 1.5em;
  border-radius: 3px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  width: 60%;
  margin-right: 2.5%;
  float: left;
}
.eventsList {
  width: 37.5%;
  float: left;
}
.eventsList ul {
  padding-left: 20px;
}
.eventsList ul li {
  list-style-type: disc;
}
@media only screen and (max-width:780px) {
  .eventsInfo,
  .eventsList {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.contentBasicBlock {
  width: 60%;
  margin-right: 2.5%;
  float: left;
}
@media only screen and (max-width:780px) {
  .contentBasicBlock {
    width: 100%;
    margin: 0;
    padding: 40px 0;
  }
}
.contentBasicBlock.full {
  float: none;
  width: 100%;
  margin-right: 0;
}
.contentBasicGallery {
  width: 37.5%;
  float: right;
}
@media only screen and (max-width:780px) {
  .contentBasicGallery {
    width: 100%;
    margin: 0 0 20px 0;
  }
}
.contentBasicGallery .galleryItem {
  width: 48%;
  margin-right: 4%;
  margin-bottom: 4%;
}
.contentBasicGallery .galleryItem:nth-child(2n) {
  margin-right: 0;
}
.contentBasicGallery .galleryItem .galleryImage {
  margin-bottom: 0;
}
.pageContent ul {
  padding-left: 15px;
}
.pageContent li {
  padding-left: 12px;
  position: relative;
}
.pageContent li:before {
  content: "\f111";
  font-family: "fontAwesome";
  display: inline-block;
  color: var(--mainColorAlt);
  font-size: 5px;
  position: absolute;
  top: 6px;
  left: 0;
}
.reserveNotice {
  font-weight: bold;
  color: var(--mainColorAlt);
}
.scriptWrapper {
  position: relative;
  display: block;
  text-align: center;
  clear: both;
  margin-bottom: 10px;
}
@media all and (max-width: 780px), only screen and (max-width:880px) {
  .scriptWrapper {
    max-height: none;
  }
}
@media all and (max-width: 780px) {
  .scriptWrapper {
    margin-bottom: 0;
  }
}
.scriptWrapper:nth-of-type(2n) {
  margin-top: 0;
}
.scriptWrapper.open_table {
  height: 150px;
}
.scriptWrapper.open_table .scriptDesktop,
.scriptWrapper.open_table .scriptMobile {
  position: relative;
  z-index: 10;
}
@media only screen and (max-width:880px) {
  .scriptWrapper.open_table {
    height: 310px;
  }
}
.scriptWrapper.quandoo iframe {
  width: 100%;
  max-width: 808px;
  height: 320px;
  margin-top: 20px;
}
.reserveWidgetHeading {
  max-width: 796px;
  text-align: left;
  margin: 0 auto;
}
@media all and (max-width: 780px) {
  .reserveWidgetHeading {
    text-align: center;
    margin-top: 40px;
  }
  .reserveWidgetHeading:nth-of-type(2n) {
    margin-top: 0;
  }
}
.scriptDesktop {
  display: inline-block;
}
@media all and (max-width: 780px), only screen and (max-width:880px) {
  .scriptDesktop {
    display: none;
  }
}
.scriptMobile {
  display: none;
}
@media all and (max-width: 780px), only screen and (max-width:880px) {
  .scriptMobile {
    display: inline-block;
  }
}
/*
 * Grid Menu
 */
.backButton {
  padding: 10px 20px;
  font-size: 13px;
  line-height: 1.462;
}
@media (max-width: 540px) {
  .backButton {
    width: 100%;
  }
  .backButton + .backButton {
    margin-top: 20px;
  }
}
@media (max-width: 540px) {
  .titleHeader .backButton {
    margin-top: 10px;
  }
}
.bottomButton {
  float: left;
  width: 100%;
  border-top: 1px solid var(--border_color);
  padding: 20px 0 40px;
}
.bottomButton i {
  margin-right: 10px;
}
.lazyloader {
  width: 100%;
  clear: both;
  position: relative;
  text-align: center;
  margin-bottom: 20px;
}
.menuCategoryContent {
  position: relative;
}
@media all and (max-width: 780px) {
  .gridContainer {
    padding-top: 20px;
  }
  .gridContainer .wrapper {
    width: 100%;
  }
}
.grid {
  min-height: 702px;
  width: 68.706897%;
}
@media only screen and (max-width:1160px) {
  .grid {
    width: 100%;
  }
}
@media all and (min-width: 1161px) and (max-width: 1330px) {
  .full_width .grid {
    width: 600px;
    margin-right: 20px;
  }
}
.grid .menuCategory {
  position: relative;
}
.grid .menuCategory .fa-spinner {
  position: fixed;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: none;
}
@media all and (max-width: 780px) {
  .grid .menuCategory {
    padding: 0;
  }
}
.grid .menuCategoryContent {
  *zoom: 1;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid .menuCategoryContent:before,
.grid .menuCategoryContent:after {
  content: "";
  display: table;
}
.grid .menuCategoryContent:after {
  clear: both;
}
.grid .menuCategoryContent:before,
.grid .menuCategoryContent:after {
  content: "";
  display: table;
}
.grid .menuCategoryContent:after {
  clear: both;
}
.grid .menuCategoryContent.padding {
  padding-top: 55px;
}
.grid .titleHeader.fixed {
  position: fixed;
  width: 100%;
  z-index: 500;
  background: var(--site_background);
  top: 0;
  -webkit-transition: padding-top 0.2s;
  transition: padding-top 0.2s;
}
.grid .titleHeader.fixed h2 {
  background: var(--site_background);
  border-radius: 3px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: none;
  padding: 20px 28px 15px;
  position: relative;
}
@media only screen and (max-width:780px) {
  .grid .titleHeader h2:after {
    display: none;
  }
}
@media all and (max-width: 780px) {
  .grid .titleHeader {
    margin-top: 15px;
  }
  .grid .titleHeader.fixed {
    margin-top: 0;
    padding-top: 30px;
  }
  .grid .titleHeader.fixed h2 {
    border-color: transparent;
    padding: 30px 0 15px;
  }
  .grid .titleHeader.fixed h2 span {
    margin: 0;
  }
  .grid .titleHeader.fixed h2:after {
    display: none;
  }
}
@media only screen and (max-width:480px) {
  .grid .titleHeader.fixed {
    display: none;
  }
}
.grid h2 span {
  display: inline-block;
  padding: 0;
}
.grid h2 .button {
  float: right;
}
.grid h2 .button i {
  margin-right: 10px;
}
.grid .categoryGridItems {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.grid .menuItem {
  min-height: 300px;
  text-align: center;
  width: 49%;
  margin: 0 2% 20px 0;
  float: left;
}
@media all and (min-width : 1320px) {
  .grid .menuItem:nth-child(2n) {
    margin-right: 0;
  }
  .grid .menuItem:nth-child(2n+1) {
    clear: both;
  }
}
@media all and (min-width: 1160px) and (max-width: 1330px) {
  .grid .menuItem {
    width: 100%;
    max-width: 600px;
    margin-right: 0;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .grid .menuItem {
    width: 49%;
    margin: 0 2% 20px 0;
  }
  .grid .menuItem:nth-child(2n) {
    margin-right: 0;
  }
  .grid .menuItem:nth-child(2n+1) {
    clear: both;
  }
}
@media all and (max-width: 780px) {
  .grid .menuItem {
    width: 100%;
    margin-right: 0;
  }
}
.grid .menuItem.productMenuItem {
  width: 32%;
  margin: 0 2% 20px 0;
}
@media all and (min-width : 1320px) {
  .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 2%;
  }
  .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: none;
  }
  .grid .menuItem.productMenuItem:nth-child(3n) {
    margin-right: 0;
  }
  .grid .menuItem.productMenuItem:nth-child(3n+1) {
    clear: none;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 2%;
  }
  .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: none;
  }
  .grid .menuItem.productMenuItem:nth-child(3n) {
    margin-right: 0;
  }
  .grid .menuItem.productMenuItem:nth-child(3n+1) {
    clear: none;
  }
}
@media all and (max-width: 925px) {
  .grid .menuItem.productMenuItem {
    width: 49%;
    margin: 0 2% 20px 0;
  }
  .grid .menuItem.productMenuItem:nth-child(3n) {
    margin-right: 2%;
  }
  .grid .menuItem.productMenuItem:nth-child(3n) {
    float: left;
  }
  .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 0;
  }
  .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: both;
  }
}
.full_width .grid .menuItem.productMenuItem {
  width: 23.5%;
}
@media all and (min-width : 1320px) {
  .full_width .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 2%;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: none;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(3n) {
    margin-right: 2%;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(3n+1) {
    clear: none;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(4n) {
    margin-right: 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(4n+1) {
    clear: both;
  }
}
@media all and (min-width: 1360px) and (max-width: 1500px), all and (min-width: 926px) and (max-width: 1159px) {
  .full_width .grid .menuItem.productMenuItem {
    width: 32%;
    margin: 0 2% 20px 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 2%;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: none;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(4n) {
    margin-right: 2%;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(4n+1) {
    clear: none;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(3n) {
    margin-right: 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(3n+1) {
    clear: none;
  }
}
@media all and (min-width: 1160px) and (max-width: 1359px) {
  .full_width .grid .menuItem.productMenuItem {
    width: 49%;
    margin: 0 2% 20px 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: both;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(3n) {
    float: left;
  }
}
@media all and (max-width: 925px) {
  .full_width .grid .menuItem.productMenuItem {
    width: 49%;
    margin: 0 2% 20px 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n) {
    margin-right: 0;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(2n+1) {
    clear: both;
  }
  .full_width .grid .menuItem.productMenuItem:nth-child(3n) {
    float: left;
  }
}
.grid .menuItem.productMenuItem .details {
  clear: both;
  padding: 20px;
  background: rgba(0, 0, 0, 0.05);
}
@media (max-width: 400px) {
  .grid .menuItem.productMenuItem .details {
    padding: 20px 10px;
  }
}
.grid .menuItem.productMenuItem .itemPrice {
  margin-bottom: 30px;
}
.grid .menuItem.productMenuItem .itemName {
  padding: 0;
  float: none;
  font-size: 14px;
  font-size: 1rem;
  margin: 0;
  display: block;
}
.grid .menuItem.productMenuItem .itemMarkers {
  margin: 10px 0;
  display: block;
  float: left;
}
.grid .menuItem.productMenuItem .itemOptions {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  z-index: 6;
  margin-top: 10px;
  padding: 10px 0 0;
  clear: both;
  position: static;
}
@media (max-width: 600px) {
  .grid .menuItem.productMenuItem .itemOptions.quickAdd .options {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.grid .menuItem.productMenuItem .itemOptions .options {
  float: right;
}
@media (max-width: 600px) {
  .grid .menuItem.productMenuItem .itemOptions .options {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.grid .menuItem.productMenuItem .itemOptions .itemQty {
  text-align: center;
  color: var(--fontColor);
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  font-weight: 700;
  float: none;
}
.grid .menuItem.productMenuItem .itemOptions.quickAdd .options {
  width: auto;
  float: right;
}
@media (max-width: 600px) {
  .grid .menuItem.productMenuItem .itemOptions.quickAdd .options {
    width: 100%;
  }
}
.grid .menuItem.productMenuItem .itemOptions.quickAdd .itemQty {
  margin: 0 10px;
}
@media (max-width: 400px) {
  .grid .menuItem.productMenuItem .itemOptions.quickAdd .itemQty {
    margin: 0;
  }
}
.grid .menuItem.productMenuItem .circleIcon,
.grid .menuItem.productMenuItem .menu_quick_add {
  float: right;
}
.grid .menuItem.productMenuItem .circleIcon .addIcon,
.grid .menuItem.productMenuItem .menu_quick_add .addIcon {
  fill: var(--mainColorAlt);
}
.grid .menuItem.productMenuItem .menu_quick_add:hover {
  color: #FFF;
  width: 64px;
}
.grid .menuItem.productMenuItem .menu_quick_add:hover:before {
  background: #FFF;
}
.grid .menuItem.productMenuItem .menu_quick_add:hover .addIcon {
  fill: #1ecd6e;
}
.grid .menuItem.productMenuItem .menu_quick_add:hover span {
  background: #1ecd6e;
  color: #FFF;
}
.grid .menuItem.productMenuItem .circleIcon {
  position: relative;
  overflow: hidden;
  width: 25px;
  height: 25px;
  border-radius: 25px;
  -webkit-transition: width linear 300ms;
  transition: width linear 300ms;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.grid .menuItem.productMenuItem .circleIcon:before {
  content: '';
  z-index: 2;
  background: var(--mainColorAlt);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: 2px;
  left: 2px;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transition: background linear 300ms;
  transition: background linear 300ms;
}
.grid .menuItem.productMenuItem .circleIcon svg {
  -webkit-transition: -webkit-transform linear 300ms;
  transition: -webkit-transform linear 300ms;
  transition: transform linear 300ms;
  transition: transform linear 300ms, -webkit-transform linear 300ms;
  position: relative;
  z-index: 3;
  float: left;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.grid .menuItem.productMenuItem .circleIcon span {
  display: inline-block;
  border-radius: 0 25px 25px 0;
  background: transparent;
  line-height: 25px;
  height: 25px;
  width: 60px;
  position: absolute;
  right: 0;
  text-transform: uppercase;
  font-size: 10px;
  font-size: 0.7142857142857143rem;
  font-weight: 700;
  z-index: 1;
  color: #FFF;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  font-family: var(--primaryFont);
  overflow: hidden;
  margin: 0;
  padding: 0px 10px;
  left: 10px;
  -webkit-transition: background linear 300ms;
  transition: background linear 300ms;
}
.grid .menuItem.productMenuItem .circleIcon:hover svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.grid .menuItem.productMenuItem .menu_quick_subtract {
  float: left;
}
.grid .menuItem.productMenuItem .menu_quick_subtract .removeIcon {
  fill: var(--mainColorAlt);
  -webkit-transition: all linear 300ms;
  transition: all linear 300ms;
}
.grid .menuItem.productMenuItem .menu_quick_subtract:hover {
  color: #FFF;
}
.grid .menuItem.productMenuItem .menu_quick_subtract:hover:before {
  background: #FFF;
}
.grid .menuItem.productMenuItem .menu_quick_subtract:hover .removeIcon {
  fill: #FF0000;
}
.grid .menuItem a {
  display: block;
}
.grid .menuItem .categoryImageWrap {
  float: left;
  position: relative;
  width: 100%;
  min-height: 300px;
  overflow: hidden;
}
.grid .menuItem .categoryImageWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  max-width: none;
  min-height: 100%;
}
.grid .menuItem .categoryImageWrap.noShadow:before {
  display: none;
}
.grid .menuItem .categoryImageWrap.ratio2-1:before {
  display: none;
}
.grid .menuItem .categoryImageWrap.ratio2-1:after {
  content: '';
  display: block;
  padding-bottom: calc(100% / 2);
}
.grid .menuItem .categoryImageWrap.monacoRatio:before {
  display: none;
}
.grid .menuItem .categoryImageWrap.monacoRatio:after {
  content: '';
  display: block;
  padding-bottom: calc(100% / 1125 * 370);
}
.grid .menuItem .categoryImageWrap.uefaRatio:before {
  display: none;
}
.grid .menuItem .categoryImageWrap.uefaRatio:after {
  content: '';
  display: block;
  padding-bottom: calc(100% / 16 * 9);
}
.grid .menuItem .categoryImageWrap.gdkRatio:before {
  display: none;
}
.grid .menuItem .categoryImageWrap.gdkRatio:after {
  content: '';
  display: block;
  padding-bottom: calc(100% / 219 * 100);
}
.grid .menuItem .categoryImageWrap:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(50%, rgba(0, 0, 0, 0.45)), to(rgba(0, 0, 0, 0.45)));
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.45) 50%, rgba(0, 0, 0, 0.45) 100%);
  z-index: 5;
}
.grid .menuItem .categoryImageWrap .categoryTitle {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 20px;
  color: #FFF;
  text-align: left;
  margin: 0;
  z-index: 6;
}
.grid .menuItem .categoryImageWrap .categoryTitle h4 {
  font-size: 30px;
  font-size: 2.142857142857143rem;
  margin-bottom: 10px;
  line-height: 35px;
  color: inherit;
}
.grid .menuItem .categoryImageWrap .categoryTitle p {
  color: inherit;
  font-size: 15px;
  font-size: 1.0714285714285714rem;
  margin: 10px 0;
}
.grid .menuItem .imageWrap {
  border: 1px solid #EEE;
  margin: 0;
  width: 100%;
  max-width: none;
  overflow: hidden;
  position: relative;
}
.grid .menuItem .imageWrap:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.grid .menuItem .imageWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  width: auto;
}
.grid .menuItem .imageWrap.noImage {
  background: #f4f4f4;
  position: relative;
  overflow: hidden;
  display: table;
}
.grid .menuItem .imageWrap.noImage .cell {
  display: table-cell;
  vertical-align: middle;
}
.grid .menuItem .menu_quick_subtract,
.grid .menuItem .menu_quick_add {
  display: inline-block;
  background: none;
}
.grid .menuItem .menu_quick_subtract.circleIcon,
.grid .menuItem .menu_quick_add.circleIcon {
  width: 25px;
  height: 25px;
}
.grid .menuItem .menu_quick_subtract.circleIcon svg,
.grid .menuItem .menu_quick_add.circleIcon svg {
  width: 20px;
  height: 20px;
}
.grid .menuItem .menu_quick_subtract.circleIcon.checked:after,
.grid .menuItem .menu_quick_add.circleIcon.checked:after,
.grid .menuItem .menu_quick_subtract.circleIcon.loading:after,
.grid .menuItem .menu_quick_add.circleIcon.loading:after {
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 0px;
  left: 0px;
}
.grid .menuItem .menu_quick_subtract.circleIcon.loading:after,
.grid .menuItem .menu_quick_add.circleIcon.loading:after {
  opacity: 1;
  content: '\f110';
}
@media all and (min-width : 781px) and (max-width : 1320px), all and (max-width: 780px) {
  .grid .menuItem .menu_quick_subtract.circleIcon,
  .grid .menuItem .menu_quick_add.circleIcon {
    width: 25px;
    height: 25px;
  }
  .grid .menuItem .menu_quick_subtract.circleIcon.checked:after,
  .grid .menuItem .menu_quick_add.circleIcon.checked:after,
  .grid .menuItem .menu_quick_subtract.circleIcon.loading:after,
  .grid .menuItem .menu_quick_add.circleIcon.loading:after {
    width: 25px;
    height: 25px;
    line-height: 25px;
    top: 0;
    left: 0;
  }
}
.grid .menuItem .menu_quick_subtract:after,
.grid .menuItem .menu_quick_add:after {
  width: 25px;
  height: 25px;
}
.grid .menuItem .itemName {
  display: block;
  font-weight: 700;
  font-size: 22px;
  font-size: 1.5714285714285714rem;
}
@media all and (max-width: 780px) {
  .grid .menuItem .itemName {
    max-width: 100%;
    font-size: 20px;
    font-size: 1.4285714285714286rem;
    margin-bottom: 5px;
  }
}
@media only screen and (max-width:480px) {
  .grid .menuItem .itemName {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
.grid .menuItem .itemPrice {
  display: inline-block;
  margin-bottom: 50px;
}
.grid .menuItem .itemPrice.add {
  margin-bottom: 0;
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .grid .menuItem .itemPrice {
    font-size: 18px;
    font-size: 1.2857142857142858rem;
  }
}
@media all and (max-width: 780px) {
  .grid .menuItem .itemPrice {
    margin-bottom: 20px;
    font-size: 16px;
    font-size: 1.1428571428571428rem;
  }
}
.grid .menuItem .itemDesc {
  float: none;
  margin-top: 15px;
}
.grid .menuItem .itemQty {
  display: inline-block;
  margin: 0 5px;
  padding-bottom: 2px;
}
@media all and (min-width : 781px) and (max-width : 1320px), all and (max-width: 780px) {
  .grid .menuItem .itemQty {
    font-size: 16px;
    font-size: 1.1428571428571428rem;
    margin: 0 10px;
  }
}
.grid .menuItem .itemOptions {
  *zoom: 1;
  position: relative;
  text-align: center;
  line-height: 27px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 10px;
  top: inherit;
}
.grid .menuItem .itemOptions:before,
.grid .menuItem .itemOptions:after {
  content: "";
  display: table;
}
.grid .menuItem .itemOptions:after {
  clear: both;
}
.grid .menuItem .itemOptions:before,
.grid .menuItem .itemOptions:after {
  content: "";
  display: table;
}
.grid .menuItem .itemOptions:after {
  clear: both;
}
.grid .menuItem .itemOptions .itemPrice {
  float: left;
  margin: 0 5px;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
@media (max-width: 600px) {
  .grid .menuItem .itemOptions .itemPrice {
    width: 100%;
    margin: 0;
    text-align: center;
  }
}
.grid .menuItem .itemOptions .options {
  display: inline-block;
  float: none;
}
.grid .menuItem .itemOptions .options i.fa-spin {
  display: none;
}
.grid .menuItem .itemOptions .options.loading {
  text-align: center;
  position: relative;
}
.grid .menuItem .itemOptions .options.loading a,
.grid .menuItem .itemOptions .options.loading span {
  opacity: 0;
  position: relative;
}
.grid .menuItem .itemOptions .options.loading i.fa-spin {
  display: block;
  width: 100%;
  font-size: 25px;
  position: absolute;
  left: 0;
  top: 3px;
  text-align: center;
}
.grid .menuItem .itemOptions .options svg.addIcon,
.grid .menuItem .itemOptions .options svg.removeIcon {
  width: 25px;
  height: 25px;
}
.is_stuck {
  top: 20px;
}
.selectStore .wrapper {
  padding: 0;
}
.selectStore .appCTA {
  background: none;
  text-align: center;
}
.selectStore .appCTA a {
  float: none;
}
.selectStore .appCTA h2 {
  margin: 0 0 20px;
  font-size: 22px;
  font-size: 1.5714285714285714rem;
  width: 100%;
}
@media all and (max-width: 780px) {
  .selectStore .appCTA h2 {
    font-size: 18px;
    font-size: 1.2857142857142858rem;
    margin: 0;
    line-height: 26px;
  }
}
.selectStore .appCTA .wrapper {
  padding: 0;
  width: 100%;
  margin-top: 20px;
}
.selectStore .appCTA .storeIcons {
  clear: both;
  *zoom: 1;
  text-align: center;
  width: 100%;
}
.selectStore .appCTA .storeIcons:before,
.selectStore .appCTA .storeIcons:after {
  content: "";
  display: table;
}
.selectStore .appCTA .storeIcons:after {
  clear: both;
}
.selectStore .appCTA .storeIcons:before,
.selectStore .appCTA .storeIcons:after {
  content: "";
  display: table;
}
.selectStore .appCTA .storeIcons:after {
  clear: both;
}
.selectStore .storeoverlay {
  display: inline-block;
  position: relative;
  margin-left: 15px;
  color: #e84938;
  font-size: 16px;
  padding: 0.95em 1.75em 0.95em 2em;
}
.selectStore .storeoverlay:before {
  content: '\f041';
  font-family: 'FontAwesome';
  position: absolute;
  left: 8px;
  top: 3px;
  font-size: 27px;
}
/*
 * takeaway phone order
 */
.phoneOrders {
  padding: 40px 0 20px;
  *zoom: 1;
}
.phoneOrders:before,
.phoneOrders:after {
  content: "";
  display: table;
}
.phoneOrders:after {
  clear: both;
}
.phoneOrders:before,
.phoneOrders:after {
  content: "";
  display: table;
}
.phoneOrders:after {
  clear: both;
}
.phoneOrderForm {
  *zoom: 1;
  border-bottom: 1px dashed #727272;
  margin-bottom: 26px;
}
.phoneOrderForm:before,
.phoneOrderForm:after {
  content: "";
  display: table;
}
.phoneOrderForm:after {
  clear: both;
}
.phoneOrderForm:before,
.phoneOrderForm:after {
  content: "";
  display: table;
}
.phoneOrderForm:after {
  clear: both;
}
@media all and (min-width : 1320px), all and (min-width : 781px) and (max-width : 1320px) {
  .phoneOrderForm .row {
    width: calc((100% / 2) - 5px);
    float: left;
    margin-right: 10px;
  }
  .phoneOrderForm .row:nth-of-type(2n) {
    margin-right: 0;
    float: right;
  }
}
@media all and (min-width : 1320px) {
  .phoneOrderForm .row input {
    width: calc((100% / 2) - 5px);
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .phoneOrderForm .row input:nth-of-type(2n) {
    margin-right: 0;
    float: right;
  }
}
#customer_results {
  margin-bottom: 30px;
}
@media all and (min-width : 781px) and (max-width : 1320px), all and (max-width: 780px) {
  #customer_results {
    overflow-x: scroll;
  }
}
#customer_results tr {
  border-bottom: 1px dashed #e0e0e0;
  background-color: #fff;
}
#customer_results tr:first-of-type {
  border-bottom: none;
}
#customer_results tr:last-of-type {
  border-bottom: none;
}
#customer_results tr th {
  background: #e84938;
  color: #fff;
  border-right: 1px solid #fff;
}
#customer_results tr td:last-of-type {
  background-color: #4caf50;
  text-align: center;
}
#customer_results tr td:last-of-type:hover {
  background-color: #339966;
}
#customer_results tr td:last-of-type a {
  color: #fff;
}
.new_customer {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #444;
  border-bottom: 1px dashed #727272;
}
.new_customer i {
  color: #4caf50;
}
#new_customer_form {
  padding: 10px;
}
#new_customer_form div {
  *zoom: 1;
  margin-bottom: 5px;
}
#new_customer_form div:before,
#new_customer_form div:after {
  content: "";
  display: table;
}
#new_customer_form div:after {
  clear: both;
}
#new_customer_form div:before,
#new_customer_form div:after {
  content: "";
  display: table;
}
#new_customer_form div:after {
  clear: both;
}
#new_customer_form div:last-of-type {
  text-align: right;
}
#new_customer_form label,
#new_customer_form input {
  display: inline-block;
  vertical-align: middle;
  min-width: 200px;
}
#new_customer_form label {
  min-width: 100px;
}
#new_customer_form input {
  border: 1px solid #e0e0e0;
  padding: 14px 1em;
  font-size: 1em;
  border-radius: 3px;
  background-clip: padding-box;
}
#new_customer_form input[type="submit"] {
  background-color: #4caf50;
  color: #fff;
}
#new_customer_form input[type="submit"]:hover {
  background-color: #339966;
}
.memberSidebar {
  float: left;
  padding-right: 2.5%;
  padding: 20px;
  min-width: 210px;
  width: 240px;
  border-radius: 3px;
  background-clip: padding-box;
  border: 1px solid var(--border_color);
  background: #FFF;
}
@media only screen and (max-width:780px) {
  .memberSidebar {
    padding-left: 2.5%;
    width: 100%;
  }
}
.memberSidebar .accountDetails {
  padding-bottom: 1rem;
  word-break: break-word;
}
.memberSidebar .sidebarMenu {
  font-size: 1.2857142857142858em;
  font-family: var(--bodyFont);
  line-height: 120%;
}
.memberSidebar .sidebarMenu li + li {
  padding-top: 0.5rem;
}
.memberSidebar .msHome {
  padding-left: 1.5rem;
  position: relative;
}
.memberSidebar .msHome:before {
  content: "\f015";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msHome:before {
  content: "\f015";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msHome:before {
  content: "\f015";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msHome:before {
  content: "\f015";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msHome:before {
  content: "\f015";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msOrderHistory {
  padding-left: 1.5rem;
  position: relative;
}
.memberSidebar .msOrderHistory:before {
  content: "\f017";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msOrderHistory:before {
  content: "\f017";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msOrderHistory:before {
  content: "\f017";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msOrderHistory:before {
  content: "\f017";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msOrderHistory:before {
  content: "\f017";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msCard {
  padding-left: 1.5rem;
  position: relative;
}
.memberSidebar .msCard:before {
  content: "\f09d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msCard:before {
  content: "\f09d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msCard:before {
  content: "\f09d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msCard:before {
  content: "\f09d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msCard:before {
  content: "\f09d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msAddresses {
  padding-left: 1.5rem;
  position: relative;
}
.memberSidebar .msAddresses:before {
  content: "\f02d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msAddresses:before {
  content: "\f02d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msAddresses:before {
  content: "\f02d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msAddresses:before {
  content: "\f02d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msAddresses:before {
  content: "\f02d";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msChangePassword {
  padding-left: 1.5rem;
  position: relative;
}
.memberSidebar .msChangePassword:before {
  content: "\f023";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msChangePassword:before {
  content: "\f023";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msChangePassword:before {
  content: "\f023";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msChangePassword:before {
  content: "\f023";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msChangePassword:before {
  content: "\f023";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msLogout {
  padding-left: 1.5rem;
  position: relative;
}
.memberSidebar .msLogout:before {
  content: "\f08b";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msLogout:before {
  content: "\f08b";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msLogout:before {
  content: "\f08b";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msLogout:before {
  content: "\f08b";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
.memberSidebar .msLogout:before {
  content: "\f08b";
  font-family: "FontAwesome";
  position: absolute;
  left: 0;
}
@media all and (max-width: 780px) {
  .addCard,
  .cardList {
    padding-top: 1rem;
  }
}
.memberContentBlock {
  width: calc(100% - 240px);
  margin: 0 auto;
  padding: 0 0 0 1.5em;
  background-clip: padding-box;
  float: left;
}
@media only screen and (max-width:780px), all and (max-width: 780px) {
  .memberContentBlock {
    padding-top: 2rem;
    padding-left: 0;
    width: 100%;
  }
}
.loyaltyWheelWrap {
  width: 330px;
  border: 1px solid var(--border_color);
  border-radius: 4px;
  text-align: center;
  padding: 5px 0;
  float: left;
  margin-right: 20px;
}
@media only screen and (max-width:1160px) {
  .loyaltyWheelWrap {
    width: 100%;
    float: none;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
@media all and (max-width: 780px) {
  .loyaltyWheelWrap {
    border: 0;
  }
}
.loyaltyWheelWrap h3 {
  border-bottom: 1px solid var(--border_color);
  padding: 5px;
}
@media all and (max-width: 780px) {
  .loyaltyWheelWrap h3 {
    border: 0;
    font-size: 24px;
    font-weight: 700;
  }
}
.loyaltyWheelWrap p {
  line-height: 1.4;
}
.loyaltyWheelWrap .button,
.loyaltyWheelWrap .buttonAlt {
  min-width: 210px;
  max-width: calc(100% - 20px);
  margin: 0 0 10px;
  font-weight: 600;
}
@media all and (max-width: 780px) {
  .loyaltyWheelWrap .button,
  .loyaltyWheelWrap .buttonAlt {
    width: 100%;
    max-width: 210px;
  }
}
.loyaltyWheelWrap .button:not(.disabled),
.loyaltyWheelWrap .buttonAlt:not(.disabled) {
  background: #8bc86e;
  border-color: #8bc86e;
}
.loyaltyWheelWrap .button:not(.disabled):hover,
.loyaltyWheelWrap .buttonAlt:not(.disabled):hover {
  background: #79c058;
}
.loyaltyWheelWrap .button.disabled,
.loyaltyWheelWrap .buttonAlt.disabled {
  color: #fff;
  background: var(--mainColorAlt);
  border-color: var(--mainColorAlt);
  cursor: default;
}
.loyaltyWheel {
  width: 210px;
  height: 210px;
  position: relative;
  margin: 0 auto 25px;
}
.loyaltyWheel span {
  width: 45px;
  height: 45px;
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  font-weight: 700;
  color: #fff;
  border-radius: 100%;
  background: var(--mainColorAlt);
  display: block;
  overflow: hidden;
  text-align: center;
  padding: 11px;
  line-height: 1;
  position: absolute;
}
.loyaltyWheel span.larger {
  width: 65px;
  height: 65px;
}
.loyaltyWheel span.received {
  background: #8bc86e;
  /* loop around the nth-child adding 0.3s to each animation */
}
.loyaltyWheel span.received:nth-child(0) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 0s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 0s;
}
.loyaltyWheel span.received:nth-child(1) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 0.3s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 0.3s;
}
.loyaltyWheel span.received:nth-child(2) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 0.6s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 0.6s;
}
.loyaltyWheel span.received:nth-child(3) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 0.9s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 0.9s;
}
.loyaltyWheel span.received:nth-child(4) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 1.2s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 1.2s;
}
.loyaltyWheel span.received:nth-child(5) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 1.5s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 1.5s;
}
.loyaltyWheel span.received:nth-child(6) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 1.8s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 1.8s;
}
.loyaltyWheel span.received:nth-child(7) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 2.1s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 2.1s;
}
.loyaltyWheel span.received:nth-child(8) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 2.4s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 2.4s;
}
.loyaltyWheel span.received:nth-child(9) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 2.7s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 2.7s;
}
.loyaltyWheel span.received:nth-child(10) {
  -webkit-animation: backgroundAndSizeChange 0.75s ease-in-out both 3s;
          animation: backgroundAndSizeChange 0.75s ease-in-out both 3s;
}
.loyaltyWheel span:nth-of-type(1) {
  top: 0;
  left: 40%;
}
.loyaltyWheel span:nth-of-type(2) {
  top: 12px;
  right: 36px;
}
.loyaltyWheel span:nth-of-type(3) {
  top: 50px;
  right: 10px;
}
.loyaltyWheel span:nth-of-type(4) {
  bottom: 70px;
  right: 0;
}
.loyaltyWheel span:nth-of-type(5) {
  bottom: 7px;
  right: 10px;
}
.loyaltyWheel span:nth-of-type(6) {
  bottom: 0;
  left: 40%;
}
.loyaltyWheel span:nth-of-type(7) {
  bottom: 12px;
  left: 36px;
}
.loyaltyWheel span:nth-of-type(8) {
  bottom: 50px;
  left: 10px;
}
.loyaltyWheel span:nth-of-type(9) {
  top: 70px;
  left: 0;
}
.loyaltyWheel span:nth-of-type(10) {
  top: 7px;
  left: 10px;
}
.selectStoreLink {
  display: block;
  padding: 10px 0 0;
  text-decoration: underline;
}
.selectStoreLink:hover {
  text-decoration: none;
}
/*
* Set minimum height on slides to stop the logo and nav bar overlapping slide text
*/
.largeSlider,
.mobileSlider,
.largeSlider .slide,
.mobileSlider .slide {
  min-height: 766px;
}
.spar .largeSlider,
.spar .mobileSlider,
.spar .largeSlider .slide,
.spar .mobileSlider .slide,
.premier .largeSlider,
.premier .mobileSlider,
.premier .largeSlider .slide,
.premier .mobileSlider .slide {
  min-height: 479px;
}
@media only screen and (max-width: 1160px) {
  .largeSlider,
  .mobileSlider,
  .largeSlider .slide,
  .mobileSlider .slide {
    min-height: 630px;
  }
  .largeSlider .slideContent,
  .mobileSlider .slideContent {
    top: 40px;
  }
  .spar .largeSlider .slideContent,
  .spar .mobileSlider .slideContent,
  .premier .largeSlider .slideContent,
  .premier .mobileSlider .slideContent {
    top: 0;
  }
}
@media only screen and (max-width: 780px) {
  .largeSlider,
  .mobileSlider,
  .largeSlider .slide,
  .mobileSlider .slide {
    min-height: 480px;
  }
  .largeSlider .slideContent,
  .mobileSlider .slideContent {
    top: 0;
  }
}
@media only screen and (max-width: 640px) {
  .largeSlider,
  .mobileSlider,
  .largeSlider .slide,
  .mobileSlider .slide {
    min-height: 640px;
  }
  .largeSlider .slideContent,
  .mobileSlider .slideContent {
    top: 0;
  }
}
/*
*   This will also fix the slightly off center navigation arrows on the slider
*/
.slider .controls .control.next .fa {
  left: 2px;
}
.slider .controls .control.prev .fa {
  right: 2px;
}
.slider .controls .control .fa {
  position: relative;
  top: 0;
}
.richContentWrap {
  max-width: 900px;
  margin: 0 auto;
}
@media all and (max-width: 780px) {
  .richContentWrap {
    margin-bottom: 1rem;
    margin-top: 1rem;
  }
}
.richContentBox + .richContentBox {
  margin-top: 1rem;
}
.richContentImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: -1rem;
  margin-right: -1rem;
}
@media all and (max-width: 780px) {
  .richContentImages {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.richContentImages .richContentImage {
  -ms-flex-item-align: center;
      align-self: center;
  padding: 1rem;
}
.richContentImages.richContentImagesLarge {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.richContentImages.richContentImagesLarge .richContentImage {
  max-width: 100%;
}
.richContentImages.richContentImagesMedium {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.richContentImages.richContentImagesMedium .richContentImage {
  max-width: calc(99.999% / 2);
  width: 100%;
}
@media all and (max-width: 780px) {
  .richContentImages.richContentImagesMedium .richContentImage {
    max-width: 100%;
  }
}
.richContentImages.richContentImagesSmall .richContentImage {
  max-width: calc(99.999% / 3);
  width: 100%;
}
@media all and (max-width: 780px) {
  .richContentImages.richContentImagesSmall .richContentImage {
    max-width: 100%;
  }
}
.mt1 {
  margin-top: 1rem;
}
.mt1 {
  margin-top: 1rem;
}
.fixedTopBar.home #header.headerFourinOne {
  padding: 10px 0;
  top: 0;
}
#header.headerFourinOne {
  background: #ffffff;
  position: relative;
  padding: 10px 0;
}
#header.headerFourinOne a {
  font-family: var(--primaryFont);
}
#header.headerFourinOne .headerMain {
  margin-top: 0;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain {
    margin: 0;
    min-height: 76px;
  }
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .logo {
    display: block;
    margin: 0;
    text-align: left;
  }
}
#header.headerFourinOne .headerMain .logo img {
  height: 76px;
}
#header.headerFourinOne .headerMain.center .logo {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
}
#header.headerFourinOne .headerMain .flyoutWrap {
  *zoom: 1;
  width: 100%;
  text-align: left;
  margin-bottom: 0;
}
#header.headerFourinOne .headerMain .flyoutWrap:before,
#header.headerFourinOne .headerMain .flyoutWrap:after {
  content: "";
  display: table;
}
#header.headerFourinOne .headerMain .flyoutWrap:after {
  clear: both;
}
#header.headerFourinOne .headerMain .flyoutWrap:before,
#header.headerFourinOne .headerMain .flyoutWrap:after {
  content: "";
  display: table;
}
#header.headerFourinOne .headerMain .flyoutWrap:after {
  clear: both;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap {
    top: -10px;
    right: -100%;
  }
}
#header.headerFourinOne .headerMain .flyoutWrap .mainMenu {
  float: left;
  width: 50%;
  text-align: left;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap .mainMenu {
    width: 100%;
  }
}
#header.headerFourinOne .headerMain .flyoutWrap .mainMenu li {
  padding: 0;
}
#header.headerFourinOne .headerMain .flyoutWrap .mainMenu li a {
  padding: 18px 20px;
  font-size: 17px;
  font-size: 1.2142857142857142rem;
  font-weight: 500;
}
#header.headerFourinOne .headerMain .flyoutWrap .mainMenu li a:after {
  top: calc(100% - 3px);
  height: 3px;
  border-radius: 2px;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader {
  float: right;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap .topHeader {
    width: 100%;
    display: block;
    text-align: left;
  }
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks {
  width: auto;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks {
    width: 100%;
  }
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks li {
  position: relative;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks li {
    border-bottom: 1px solid #d8d8d8;
  }
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks li a {
  padding: 18px 20px;
  font-size: 17px;
  font-size: 1.2142857142857142rem;
  font-weight: 500;
  line-height: 40px;
  display: block;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks li a i {
  font-size: 21px;
  font-size: 1.5rem;
  top: 50%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  left: 20px;
  position: absolute;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .userLinks li a.login {
  padding-left: 45px;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .miniBasket {
  background: transparent;
  float: none;
  width: auto;
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap .topHeader .miniBasket {
    width: 100%;
  }
}
@media all and (max-width: 780px) {
  #header.headerFourinOne .headerMain .flyoutWrap .topHeader .miniBasket > li {
    border-bottom: 1px solid #d8d8d8;
  }
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .miniBasket > li a {
  font-size: 17px;
  font-size: 1.2142857142857142rem;
  font-weight: 500;
  display: block;
  padding: 9px 20px;
  height: auto;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .miniBasket > li a span {
  margin: 0;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .miniBasket > li svg {
  height: 16px;
  vertical-align: middle;
  fill: #FFF;
}
#header.headerFourinOne .headerMain .flyoutWrap .topHeader .headerSocial {
  width: auto;
  margin: 0;
}
#header.headerFourinOne .headerMain .flyout {
  margin: 0;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
#header.headerFourinOne .headerMain .flyout a .line {
  background: var(--fontColor);
}
.footerWrap.footerFourinOne .appCTA {
  padding: 20px 0;
  background: var(--mainColor);
}
.footerWrap.footerFourinOne .appCTA h2 {
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  color: var(--mainColorReverse);
  text-transform: uppercase;
  line-height: 1;
  font-weight: 500;
}
@media (min-width: 780px) and (max-width: 895px) {
  .footerWrap.footerFourinOne .appCTA h2 {
    margin: 0 0 20px;
  }
}
.footerWrap.footerFourinOne .appCTA .storeIcons {
  line-height: 1;
}
.footerWrap.footerFourinOne .footer {
  padding: 30px 0;
  background: var(--mainColor);
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
.footerWrap.footerFourinOne .footer:before,
.footerWrap.footerFourinOne .footer:after {
  content: '';
  position: absolute;
  display: block;
  top: 40px;
  left: -200px;
  width: 500px;
  height: 500px;
  border-radius: 250px;
  border: 4px solid var(--mainColor);
}
.footerWrap.footerFourinOne .footer:after {
  width: 380px;
  height: 380px;
  border-radius: 190px;
  top: 100px;
  left: -140px;
}
.footerWrap.footerFourinOne .footer h4 {
  color: var(--mainColorReverse);
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  font-weight: bold;
  text-transform: uppercase;
  margin-top: 25px;
}
.footerWrap.footerFourinOne .footer h3 {
  color: var(--mainColorReverse);
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  font-weight: bold;
  text-transform: uppercase;
}
.footerWrap.footerFourinOne .footer a {
  font-family: var(--bodyFont);
  font-size: 15px;
  font-size: 1.0714285714285714rem;
  color: var(--mainColorReverse);
}
.footerWrap.footerFourinOne .footer .footerCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 100;
}
@media all and (max-width: 780px) {
  .footerWrap.footerFourinOne .footer .footerCols {
    display: block;
    padding: 0 20px;
  }
}
.footerWrap.footerFourinOne .footer .footerCols .footerCol {
  max-width: 200px;
}
@media all and (max-width: 780px) {
  .footerWrap.footerFourinOne .footer .footerCols .footerCol {
    max-width: 100%;
  }
}
@media all and (max-width: 780px) {
  .footerWrap.footerFourinOne .footer .footerCols .footerCol h3 {
    border-bottom: 1px solid var(--border_color);
  }
}
.footerWrap.footerFourinOne .footer .footerCols .footerCol .footerMenu li {
  width: 100%;
  display: block;
  float: none;
}
.footerWrap.footerFourinOne .footer .footerCols .footerCol .social a {
  border-radius: 2px;
  color: #ffffff;
}
.footerWrap.footerFourinOne .footerBottom {
  margin: 0;
  border: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: var(--bodyFont);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footerWrap.footerFourinOne .footerBottom > div {
  float: none;
  margin: 0 30px;
}
.footerWrap.footerFourinOne .footerBottom > div img {
  position: relative;
  float: none;
}
@media all and (max-width: 780px) {
  .footerWrap.footerFourinOne .footerBottom .paymentOptions img {
    left: 0;
  }
}
.footerWrap.footerFourinOne .footerBottom .copyright {
  color: #545454;
  font-size: 15px;
  font-size: 1.0714285714285714rem;
}
.footerWrap.footerFourinOne .footerBottom #credits .creditsLogo img {
  opacity: 1;
}
.itemListItemMarker {
  margin-right: 5px;
  margin-left: 5px;
  max-width: 15px;
  max-height: 15px;
}
.itemListItemAllergens {
  margin-left: 5px;
  max-width: 15px;
  max-height: 15px;
}
.itemMarkers li {
  float: left;
  margin-right: 5px;
  max-width: 15px;
  max-height: 15px;
}
.itemMarkers li img {
  vertical-align: top;
}
.allergenSection {
  margin-top: 20px;
  border-top: 1px solid #d1d0ce;
  padding-top: 10px;
  clear: both;
  float: left;
  width: 100%;
}
.allergenSection span {
  padding-bottom: 6px;
  clear: both;
  float: left;
}
.allergenSection .alergens {
  clear: both;
  float: none;
}
.allergenSection .alergens li {
  float: left;
  margin-right: 12px;
}
.allergenSection .alergens li img {
  max-width: 25px;
  max-height: 25px;
  margin-right: 6px;
}
.allergyPopup .allergens li {
  width: 50%;
  float: left;
  font-size: 14px;
  font-size: 1rem;
}
.allergyPopup .allergens li img {
  margin-right: 5px;
  max-width: 30px;
  max-height: 30px;
}
.allergyNotice {
  border-top: 1px solid #d1d0ce;
  margin-top: 20px;
  padding-top: 20px;
  text-align: center;
}
.allergyNotice .button {
  background: #7e7677;
  padding: 10px 17px 9px 10px;
  position: relative;
  line-height: 20px;
}
.allergyNotice .button i {
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  padding-right: 15px;
  line-height: 20px;
}
.allergyNotice .button:hover {
  background: #9e9e9e;
}
/*
* Ticket - T101754
*/
.menuItems.grid .hasGrid .menuCategoryContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.menuItems.grid .hasGrid .menuCategoryContent:before,
.menuItems.grid .hasGrid .menuCategoryContent:after {
  display: none;
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem {
  min-height: 0 ;
  float: none;
  clear: both;
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > a {
  height: 100%;
  display: block;
  position: relative;
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > a.nestedtagfix {
  height: 0;
  display: inline;
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap,
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > .categoryImageWrap {
  float: none;
  clear: both;
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  min-height: 0;
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle,
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > .categoryImageWrap > .categoryTitle {
  position: relative;
  height: 100%;
  padding-bottom: 87px;
  width: 100%;
}
@media all and (max-width: 780px) {
  .menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle,
  .menuItems.grid .hasGrid .menuCategoryContent .menuItem > .categoryImageWrap > .categoryTitle {
    padding-bottom: 110px;
  }
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle span.button,
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > .categoryImageWrap > .categoryTitle span.button {
  position: absolute;
  bottom: 20px;
  left: 20px;
  max-width: calc(100% - 40px);
}
@media all and (max-width: 780px) {
  .menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle span.button,
  .menuItems.grid .hasGrid .menuCategoryContent .menuItem > .categoryImageWrap > .categoryTitle span.button {
    width: 100%;
  }
}
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap img,
.menuItems.grid .hasGrid .menuCategoryContent .menuItem > .categoryImageWrap img {
  width: auto;
  height: auto;
  max-width: none;
  max-height: none;
  min-height: 100%;
  min-width: 100%;
}
.hidden {
  display: none;
}
#bookingForm,
#giftVoucherForm,
#specialBookingForm {
  width: 100%;
  float: left;
  margin: 20px 0 0;
}
#bookingForm iframe,
#giftVoucherForm iframe,
#specialBookingForm iframe {
  width: 100%;
}
.breweryLayout {
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  background: #FFFFFF;
  padding-top: 76px;
}
@media all and (max-width: 780px) {
  .breweryLayout {
    padding-top: 59px;
  }
}
@media all and (max-width: 780px) {
  .breweryLayout .siteOuterWrapper {
    z-index: inherit;
  }
}
.breweryLayout .siteOuterWrapper.full_width .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .breweryLayout .siteOuterWrapper.full_width .wrapper {
    padding: 0 12px;
  }
}
.breweryLayout .siteOuterWrapper.full_width .gridContainer .wrapper {
  max-width: 1186px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .breweryLayout .siteOuterWrapper.full_width .gridContainer .wrapper {
    padding: 0 12px;
  }
}
.breweryLayout .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
  max-width: 1120px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .breweryLayout .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
    padding: 0 12px;
  }
}
.breweryLayout .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .breweryLayout .wrapper {
    padding: 0 12px;
  }
}
.breweryLayout h1,
.breweryLayout h2,
.breweryLayout h3,
.breweryLayout h4,
.breweryLayout h5,
.breweryLayout h6 {
  color: #000000;
}
.breweryLayout h1:last-child,
.breweryLayout h2:last-child,
.breweryLayout h3:last-child,
.breweryLayout h4:last-child,
.breweryLayout h5:last-child,
.breweryLayout h6:last-child {
  margin-bottom: 0;
}
.breweryLayout a {
  color: #000000;
}
.breweryLayout p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #000000;
}
.breweryLayout .button,
.breweryLayout .buttonAlt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0;
  font-weight: 500;
  border-radius: 0;
  padding: 8px 10px;
  line-height: 24px;
  color: var(--buttonColorReverse);
}
.breweryLayout .button:focus,
.breweryLayout .buttonAlt:focus {
  outline: 0;
}
.breweryLayout .button.icon-right svg,
.breweryLayout .buttonAlt.icon-right svg {
  margin-left: 8px;
}
.breweryLayout .button.icon-left svg,
.breweryLayout .buttonAlt.icon-left svg {
  margin-right: 8px;
}
.breweryLayout .button.forward:after,
.breweryLayout .buttonAlt.forward:after {
  position: relative;
  right: 0;
  top: 0;
  margin-left: 12px;
  -webkit-transform: none;
          transform: none;
}
.breweryLayout .button[disabled],
.breweryLayout .buttonAlt[disabled] {
  background: #DBDBDB;
}
.breweryLayout .button[disabled]:hover,
.breweryLayout .buttonAlt[disabled]:hover {
  background: #DBDBDB;
  cursor: default;
}
.breweryLayout .button {
  text-transform: none;
}
.breweryLayout .buttonAlt {
  background: #000;
  border: 2px solid #000;
  color: #FFF;
  text-transform: none;
  padding: 6px 10px;
}
.breweryLayout .buttonAlt:hover {
  background: #3E3E3E;
  border-color: #3E3E3E;
}
.breweryLayout .buttonAlt.outline {
  background: none;
  color: #000;
}
.breweryLayout .buttonAlt.outline:hover {
  background: #3E3E3E;
  color: #FFF;
}
.breweryLayout .buttonAlt.outline:hover svg path {
  stroke: #FFF;
}
.breweryLayout form fieldset {
  margin-bottom: 12px;
}
.breweryLayout .row input[type="checkbox"] + label,
.breweryLayout .checkboxRow input[type="checkbox"] + label,
.breweryLayout .row input[type="radio"] + label,
.breweryLayout .checkboxRow input[type="radio"] + label {
  padding-top: 0;
  padding-bottom: 0;
}
.breweryLayout .row input[type="checkbox"] + label:before,
.breweryLayout .checkboxRow input[type="checkbox"] + label:before,
.breweryLayout .row input[type="radio"] + label:before,
.breweryLayout .checkboxRow input[type="radio"] + label:before {
  top: 0;
}
.breweryLayout .row input[type="text"],
.breweryLayout .row input[type="tel"],
.breweryLayout .row input[type="email"],
.breweryLayout .row input[type="password"],
.breweryLayout .row input[type="search"],
.breweryLayout .row input[type="number"],
.breweryLayout .row textarea,
.breweryLayout .row select,
.breweryLayout .row .placeholder {
  font-size: 16px;
  line-height: 22px;
  border-radius: 0;
  border: 1px solid #DBDBDB;
  padding: 4px 16px;
  height: 40px;
  color: #000;
}
.breweryLayout .row select {
  padding-right: 30px;
}
.breweryLayout .row textarea {
  padding: 10px 16px;
  height: 90px;
}
.breweryLayout .siteOuterWrapper.full_width .topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.breweryLayout .siteOuterWrapper.full_width .footer,
.breweryLayout .siteOuterWrapper.full_width .footer .wrapper {
  padding: 0;
}
@media (max-width: 780px) {
  .breweryLayout .siteOuterWrapper.full_width .footer,
  .breweryLayout .siteOuterWrapper.full_width .footer .wrapper {
    padding: 0;
  }
}
.breweryLayout .siteOuterWrapper .footer,
.breweryLayout .siteOuterWrapper .footer .wrapper {
  padding: 0;
}
.breweryLayout .selectStore .info.toggled,
.breweryLayout .selectStore .info {
  display: none;
}
.breweryLayout .storeList + .storeSearch {
  display: none;
}
.breweryLayout .storeList + .storeSearch.toggled {
  display: none;
}
.breweryLayout .storeSearch {
  width: 100%;
  max-width: 525px;
  margin: 0 auto 40px;
  padding: 0;
  background: none;
  border-radius: 0;
}
.breweryLayout .storeSearch.toggled {
  display: block;
}
.breweryLayout .storeSearch.toggled.hidden {
  display: none;
}
.home .breweryLayout .storeSearch {
  margin: 0;
}
.breweryLayout .storeSearch .row {
  width: calc(100% - 200px - 8px);
  max-width: 300px;
  margin: 0;
  margin-right: 8px;
}
@media (max-width: 1000px) {
  .breweryLayout .storeSearch .row {
    width: calc(100% - 120px - 8px);
  }
}
@media (max-width: 700px) {
  .breweryLayout .storeSearch .row {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.breweryLayout .storeSearch .row input[type="text"] {
  padding: 12px 16px;
  line-height: 24px;
  height: auto;
  border-radius: 0;
}
.breweryLayout .storeSearch .button {
  width: 200px;
  margin: 0;
  padding: 13px 10px;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .breweryLayout .storeSearch .button {
    width: 120px;
  }
}
@media (max-width: 700px) {
  .breweryLayout .storeSearch .button {
    width: 100%;
  }
}
.breweryLayout .storeSearch .buttonAlt {
  font-size: 18px;
  width: 100%;
  margin: 16px 0 0;
  padding: 6px 10px;
  border-radius: 20px;
  text-transform: none;
  line-height: 24px;
  max-width: 300px;
}
@media (max-width: 640px) {
  .breweryLayout .storeSearch .buttonAlt {
    font-size: 16px;
    margin: 8px 0 0;
  }
}
.breweryLayout #postcode_error h2 {
  font-size: 20px;
  margin: 20px 0 10px;
  text-transform: none;
  font-weight: 500;
}
.breweryLayout .selectStore {
  margin: 0 auto 72px;
  max-width: 1138px;
  padding: 0;
}
.breweryLayout .selectStore.all {
  padding: 0;
  margin: 0 auto;
}
.breweryLayout .selectStore.all .storeList > ul > li {
  border-bottom: 0;
  margin: 0;
}
.breweryLayout .selectStore .storeList .wrapper {
  padding: 0;
}
.breweryLayout .selectStore h1 {
  display: none;
}
.breweryLayout .orderSteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #000;
  padding: 15px 0;
  max-width: 998px;
  margin: 0 auto 48px;
  border-radius: 30px;
  color: #FFF;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .breweryLayout .orderSteps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: none;
    padding: 0;
    border-radius: 0;
  }
}
.breweryLayout .orderSteps li {
  font-size: 24px;
  line-height: 30px;
  padding: 0 24px;
  margin: 0;
  color: #919191;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .breweryLayout .orderSteps li {
    font-size: 18px;
    line-height: 22px;
  }
}
@media all and (max-width: 780px) {
  .breweryLayout .orderSteps li {
    width: 100%;
    margin-bottom: 16px;
  }
  .breweryLayout .orderSteps li:last-child {
    margin-bottom: 0;
  }
}
.breweryLayout .orderSteps li:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -5px;
}
@media all and (max-width: 780px) {
  .breweryLayout .orderSteps li:after {
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
    top: auto;
    right: 50%;
    bottom: -19px;
    color: #000;
  }
}
.breweryLayout .orderSteps li.active {
  color: #FFF;
}
@media all and (max-width: 780px) {
  .breweryLayout .orderSteps li.active {
    color: #000;
  }
}
.breweryLayout .orderSteps li a {
  color: inherit;
}
.breweryLayout .orderSteps li a:hover {
  color: #FFF;
}
@media all and (max-width: 780px) {
  .breweryLayout .orderSteps li a:hover {
    color: #000;
  }
}
.breweryLayout .stepNumber {
  display: none;
}
.breweryLayout .overlayBox .storeList .storeItem .storeButton {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 16px;
  margin-bottom: -10px;
}
.breweryLayout .overlayBox .storeList .storeItem .storeButton .button {
  margin-bottom: 10px;
}
.breweryLayout .storeList li:first-child h4 {
  margin-top: 0;
}
.breweryLayout .storeList h4 {
  font-size: 32px;
  line-height: 100%;
  font-weight: 700;
  margin: 40px 0 0;
  text-align: center;
}
@media all and (max-width: 780px) {
  .breweryLayout .storeList h4 {
    font-size: 26px;
  }
}
.breweryLayout .storeList .storeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0;
  border-bottom: 1px solid #B3B3B3;
}
@media all and (max-width: 780px) {
  .breweryLayout .storeList .storeItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 0;
  }
}
.breweryLayout .storeList .storeItem .storeImage {
  width: auto;
  margin-right: 16px;
  padding: 0;
}
@media all and (max-width: 780px) {
  .breweryLayout .storeList .storeItem .storeImage {
    margin-right: 16px;
    margin-bottom: 16px;
  }
}
.breweryLayout .storeList .storeItem .storeInfo {
  width: auto;
  margin-right: 0;
  padding: 0;
  line-height: 22px;
}
.breweryLayout .storeList .storeItem .storeInfo b {
  font-weight: normal;
  color: inherit;
}
.breweryLayout .storeList .storeItem .storeButton {
  width: auto;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1000px) {
  .breweryLayout .storeList .storeItem .storeButton {
    width: 100%;
    margin-top: 16px;
  }
}
@media all and (max-width: 780px) {
  .breweryLayout .storeList .storeItem .storeButton {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
    margin-top: 0;
  }
}
.breweryLayout .storeList .storeItem .storeButton .button {
  margin-left: 5px;
  margin-right: 5px;
}
@media all and (max-width: 780px) {
  .breweryLayout .storeList .storeItem .storeButton .button {
    margin-top: 0;
  }
}
.breweryLayout .storeList .storeItem .storeButton .button[disabled] {
  max-width: 380px;
  white-space: normal;
  font-weight: normal;
}
@media (max-width: 1000px) {
  .breweryLayout .storeList .storeItem .storeButton .button[disabled] {
    max-width: 100%;
  }
}
.breweryLayout .storeList .storeItem .button {
  min-width: 185px;
}
@media (max-width: 1100px) {
  .breweryLayout .storeList .storeItem .button {
    min-width: 144px;
  }
}
@media (max-width: 400px) {
  .breweryLayout .storeList .storeItem .button {
    width: 100%;
  }
}
@media (max-width: 780px) {
  .breweryLayout .contentBlock {
    padding: 0;
  }
}
.breweryLayout .main {
  padding: 0;
}
.breweryLayout .main .wrapper .memberContentBlock h1 {
  text-align: left;
  font-size: 44px;
  margin-bottom: 24px;
}
.breweryLayout .main .wrapper h1 {
  position: relative;
  font-size: 48px;
  line-height: 100%;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .main .wrapper h1 {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1000px) {
  .breweryLayout .main .wrapper h1 span {
    display: block;
  }
}
.breweryLayout .main .wrapper h1 .backButton {
  height: 40px;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1000px) {
  .breweryLayout .main .wrapper h1 .backButton {
    position: relative;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 20px 0;
  }
}
.breweryLayout .menuCategory {
  margin-bottom: 0;
  padding: 0;
}
.breweryLayout .menuCategory .titleHeader {
  margin: 0;
}
.breweryLayout .menuCategoryContent {
  width: calc(100% + 16px);
  padding: 22px 0 0;
  margin: 0 -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.breweryLayout .menuCategoryContent:before,
.breweryLayout .menuCategoryContent:after {
  display: none;
}
.breweryLayout .full_width .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@supports (-ms-ime-align:auto) {
  .breweryLayout .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 18px);
  }
}
@media (max-width: 1500px) and (min-width: 1360px), (max-width: 1159px) and (min-width: 926px) {
  .breweryLayout .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .breweryLayout .full_width .grid .menuItem.productMenuItem {
      width: calc(33.33% - 18px);
    }
  }
}
@media (max-width: 1359px) and (min-width: 1160px) {
  .breweryLayout .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .breweryLayout .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
@media (max-width: 925px) {
  .breweryLayout .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .breweryLayout .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
.breweryLayout .grid {
  width: calc(66.66% - 8px);
  margin-right: 8px;
  margin-bottom: -16px;
  padding-bottom: 72px;
}
@media only screen and (max-width:1160px) {
  .breweryLayout .grid {
    width: 100%;
    margin-right: 0;
    padding-bottom: 40px;
  }
}
.breweryLayout .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@media (max-width: 925px) {
  .breweryLayout .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
}
.breweryLayout .grid .titleHeader.fixed h2 {
  border-radius: 0;
  padding: 0;
}
.breweryLayout .grid h2 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .breweryLayout .grid h2 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
}
.breweryLayout .grid h2 span {
  padding: 10px 0;
}
.breweryLayout .grid h2 .backButton {
  display: none;
}
.breweryLayout .grid .menuItem {
  width: calc(50% - 16px);
  margin: 0 8px 16px;
}
@supports (-ms-ime-align:auto) {
  .breweryLayout .grid .menuItem {
    width: calc(50% - 18px);
  }
}
@media (max-width: 1110px) {
  .breweryLayout .grid .menuItem {
    width: calc(100% - 16px);
    margin: 0 8px 16px;
    max-width: 100%;
  }
  @supports (-ms-ime-align:auto) {
    .breweryLayout .grid .menuItem {
      width: calc(100% - 18px);
    }
  }
}
.breweryLayout .grid .menuItem .categoryImageWrap:before {
  background: rgba(0, 0, 0, 0.2);
}
.breweryLayout .grid .menuItem .categoryImageWrap .categoryTitle {
  padding: 24px;
  min-height: 200px;
}
@media (max-width: 925px) {
  .breweryLayout .grid .menuItem .categoryImageWrap .categoryTitle {
    min-height: 160px;
  }
}
.breweryLayout .grid .menuItem .categoryImageWrap .categoryTitle h4 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}
.breweryLayout .grid .menuItem .imageWrap {
  border: 0;
}
.breweryLayout .grid .menuItem .itemName {
  font-size: 16px;
  line-height: 22px;
}
.breweryLayout .grid .menuItem .details {
  background: #ECECEC;
  padding: 16px;
}
.breweryLayout .grid .menuItem .itemOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #CCCCCC;
  margin-top: 16px;
  padding: 25px 0 0;
}
@media all and (max-width: 780px) {
  .breweryLayout .grid .menuItem .itemOptions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0 0;
  }
}
.breweryLayout .grid .menuItem .itemOptions.quickAdd .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
}
@media all and (max-width: 780px) {
  .breweryLayout .grid .menuItem .itemOptions.quickAdd .options {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.breweryLayout .grid .menuItem .itemOptions.quickAdd .itemQty {
  padding: 0 5px;
}
@media (max-width: 400px) {
  .breweryLayout .grid .menuItem .itemOptions.quickAdd .addItem,
  .breweryLayout .grid .menuItem .itemOptions.quickAdd .removeItem {
    width: auto;
  }
}
.breweryLayout .grid .menuItem .itemOptions.quickAdd .addItem:hover,
.breweryLayout .grid .menuItem .itemOptions.quickAdd .removeItem:hover {
  width: auto;
}
.breweryLayout .grid .menuItem .itemOptions.quickAdd .addItem span,
.breweryLayout .grid .menuItem .itemOptions.quickAdd .removeItem span {
  display: none;
}
.breweryLayout .grid .menuItem .itemOptions.quickAdd .addItem svg,
.breweryLayout .grid .menuItem .itemOptions.quickAdd .removeItem svg {
  margin: 0;
}
.breweryLayout .grid .menuItem .itemOptions .itemPrice {
  margin: 0;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .breweryLayout .grid .menuItem .itemOptions .itemPrice {
    width: 100%;
    margin: 0 0 8px;
  }
}
.breweryLayout .grid .menuItem .itemOptions .itemPrice .options i {
  font-size: 14px;
}
.breweryLayout .grid .menuItem .itemOptions .options {
  margin-left: auto;
}
@media all and (max-width: 780px) {
  .breweryLayout .grid .menuItem .itemOptions .options {
    margin-left: 0;
    width: 100%;
  }
}
.breweryLayout .grid .menuItem .itemOptions .options.loading i.fa-spin {
  top: 8px;
  -webkit-transform: none;
          transform: none;
}
.breweryLayout .grid .menuItem .addItem,
.breweryLayout .grid .menuItem .removeItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 22px;
  background: var(--buttonColor);
  padding: 9px 12px;
  height: 40px;
  min-width: 40px;
  color: var(--buttonColorReverse);
}
@media (max-width: 400px) {
  .breweryLayout .grid .menuItem .addItem,
  .breweryLayout .grid .menuItem .removeItem {
    width: 100%;
  }
}
.breweryLayout .grid .menuItem .addItem:hover,
.breweryLayout .grid .menuItem .removeItem:hover {
  background: var(--buttonColor);
  color: var(--buttonColorReverse);
}
.breweryLayout .grid .menuItem .addItem.checked:after,
.breweryLayout .grid .menuItem .removeItem.checked:after {
  opacity: 0;
}
.breweryLayout .grid .menuItem .addItem:after,
.breweryLayout .grid .menuItem .removeItem:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 5px;
}
.breweryLayout .grid .menuItem .addItem svg,
.breweryLayout .grid .menuItem .removeItem svg {
  width: 15px;
  height: 16px;
  margin-left: 8px;
}
.breweryLayout .grid .menuItem .addItem svg path,
.breweryLayout .grid .menuItem .removeItem svg path,
.breweryLayout .grid .menuItem .addItem svg rect,
.breweryLayout .grid .menuItem .removeItem svg rect {
  color: var(--buttonColorReverse);
  fill: var(--buttonColorReverse);
}
.breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle,
.breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle {
  padding-bottom: 88px;
}
.breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
.breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
  position: absolute;
  bottom: 24px;
  left: 24px;
  max-width: calc(100% - 48px);
  min-width: 144px;
  min-width: auto;
  max-width: 100%;
  padding: 8px 16px;
  background: #000;
  color: #FFF;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  left: 0;
  bottom: 0;
  text-align: left;
}
@media (max-width: 780px) {
  .breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
  .breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
    width: auto;
    font-size: 16px;
  }
}
.breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button:hover,
.breweryLayout .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button:hover {
  background: #000;
}
.breweryLayout .backButton {
  font-size: 16px;
  padding: 5px 16px;
  border: 2px solid #000;
  color: #000;
  background: none;
  border-radius: 20px;
}
.breweryLayout .backButton:hover {
  background: #000;
  color: #FFF;
}
.breweryLayout .backButton:hover svg path {
  fill: #fff;
}
.breweryLayout .backButton svg {
  margin-right: 8px;
}
.breweryLayout .menuItem .imageWrap {
  position: relative;
}
.breweryLayout .menuItem .backImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.breweryLayout .menuOrderWrap {
  width: calc(33.33% - 8px);
  margin-left: 8px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 100%;
}
.breweryLayout #basket_html {
  font-size: 16px;
  line-height: 100%;
  margin-top: 32px;
  padding: 24px;
}
.breweryLayout #basket_html.basketFull {
  max-width: 630px;
  margin: 0 auto 72px;
  border: 1px solid #CCCCCC;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.breweryLayout #basket_html > div {
  padding: 16px 0;
  margin-bottom: 0;
  border-bottom: 1px solid #CCC;
}
.breweryLayout #basket_html > div:first-child {
  padding-top: 0;
}
.breweryLayout #basket_html .deliveryMethod .row {
  margin-bottom: 10px;
}
.breweryLayout #basket_html .basketLabel {
  font-weight: normal;
}
.breweryLayout #basket_html .basketPrice {
  font-weight: normal;
}
.breweryLayout #basket_html .basketTotal {
  padding: 32px 0;
  font-size: 18px;
}
.breweryLayout #basket_html .row:not(.checkboxRow) label {
  width: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 0;
  font-weight: normal;
}
.breweryLayout #basket_html .basketNote {
  margin-bottom: 8px;
}
.breweryLayout #basket_html .checkoutGoButton {
  padding: 16px 10px;
  margin-top: 24px;
}
.breweryLayout #basket_html .checkoutGoButton svg {
  margin-right: 10px;
}
.breweryLayout #basket_html .checkoutGoButton svg path {
  color: var(--buttonColorReverse);
}
.breweryLayout .basketDelivery {
  border-top: 0;
}
.breweryLayout .menuCategoriesList,
.breweryLayout .menuOrder #basket_html,
.breweryLayout .menuInfo {
  border: 1px solid #CCCCCC;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.breweryLayout .menuCategories > h2,
.breweryLayout .menuOrder > h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  height: auto;
  margin: 0;
}
.breweryLayout .basketItems .basket_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  font-weight: normal;
}
@media all and (max-width: 780px) {
  .breweryLayout .basketItems .basket_row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 16px;
  }
  .breweryLayout .basketItems .basket_row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.breweryLayout .basketItems .basket_row:last-child {
  margin-bottom: 0;
}
.breweryLayout .basketItems .itemDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  word-break: break-word;
}
@media all and (max-width: 780px) {
  .breweryLayout .basketItems .itemDesc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: calc(100% - 115px);
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-bottom: 10px;
  }
}
.breweryLayout .basketItems .itemDesc strong {
  color: inherit;
}
.breweryLayout .basketItems .itemDesc h4 {
  font-family: var(--bodyFont);
  font-size: 16px;
  color: #000;
  margin: 0;
}
.breweryLayout .basketItems .itemDesc ul {
  margin-left: 20px;
}
.breweryLayout .basketItems .itemDesc ul li {
  list-style: disc;
}
.breweryLayout .basketItems .itemQty {
  width: auto;
  margin-right: 16px;
}
@media all and (max-width: 780px) {
  .breweryLayout .basketItems .itemQty {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 115px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 16px;
  }
}
.breweryLayout .basketItems .itemQty a,
.breweryLayout .basketItems .itemQty span {
  font-size: 16px;
}
.breweryLayout .basketItems .itemQty a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid #000000;
  color: #000;
}
.breweryLayout .basketItems .itemQty a:hover {
  background: #000;
  color: #FFF;
}
.breweryLayout .basketItems .itemQty span {
  width: auto;
  height: auto;
  line-height: 32px;
  padding: 0 8px;
  min-width: 32px;
}
.breweryLayout .basketItems .itemQty svg {
  width: 16px;
  height: 16px;
}
.breweryLayout .basketItems .itemCost {
  margin-left: auto;
  width: auto;
}
@media all and (max-width: 780px) {
  .breweryLayout .basketItems .itemCost {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 780px) {
  .breweryLayout .basketItems .itemRemove {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.breweryLayout .storeClosed {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 100%;
}
.breweryLayout .row.coupon {
  padding: 0 0 16px;
  border-bottom: 2px solid #CCCCCC;
}
.breweryLayout .row.coupon #coupon_code {
  width: auto;
  max-width: calc(100% - 162px);
  margin-bottom: 0;
  margin-right: 9px;
}
@media all and (max-width: 780px) {
  .breweryLayout .row.coupon #coupon_code {
    max-width: 100%;
    margin-right: 0;
  }
}
.breweryLayout .row.coupon .basket_applycoupon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  border: 2px solid #000;
  color: #000;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .breweryLayout .row.coupon .basket_applycoupon {
    margin-top: 10px;
  }
}
.breweryLayout .row.coupon .basket_applycoupon:hover {
  background: #000;
  color: #fff;
}
.breweryLayout .mainLogin {
  max-width: 1138px;
  margin: 0 auto;
}
.breweryLayout .guestWrap,
.breweryLayout .loginWrap {
  width: calc(50% - 13px);
  margin: 0 auto 72px;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .guestWrap,
  .breweryLayout .loginWrap {
    width: 100%;
    min-height: 0;
    margin-bottom: 16px;
  }
}
.breweryLayout .guestWrap h2,
.breweryLayout .loginWrap h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .guestWrap h2,
  .breweryLayout .loginWrap h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.breweryLayout .guestWrap h3,
.breweryLayout .loginWrap h3 {
  font-weight: normal;
}
.breweryLayout .guestWrap h4,
.breweryLayout .loginWrap h4,
.breweryLayout .guestWrap p,
.breweryLayout .loginWrap p {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin-bottom: 22px;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .guestWrap h4,
  .breweryLayout .loginWrap h4,
  .breweryLayout .guestWrap p,
  .breweryLayout .loginWrap p {
    font-size: 16px;
    line-height: 22px;
  }
}
.breweryLayout .guestWrap p,
.breweryLayout .loginWrap p {
  margin-bottom: 24px;
}
.breweryLayout .guestWrap input[type="text"],
.breweryLayout .loginWrap input[type="text"],
.breweryLayout .guestWrap input[type="password"],
.breweryLayout .loginWrap input[type="password"] {
  float: none;
}
.breweryLayout .guestWrap .guestWrapInner,
.breweryLayout .loginWrap .guestWrapInner,
.breweryLayout .guestWrap .loginWrapInner,
.breweryLayout .loginWrap .loginWrapInner {
  border: 1px solid #CCC;
  padding: 32px 24px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.breweryLayout .guestWrap .button,
.breweryLayout .loginWrap .button,
.breweryLayout .guestWrap .buttonAlt,
.breweryLayout .loginWrap .buttonAlt {
  min-width: 200px;
}
.breweryLayout .guestWrap {
  margin-right: 13px;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .guestWrap {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.breweryLayout .guestWrap + .loginWrap {
  margin-left: 13px;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .guestWrap + .loginWrap {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .breweryLayout .loginWrap {
    margin-bottom: 48px;
  }
}
.breweryLayout .loginWrap .link:hover {
  text-decoration: underline;
}
.breweryLayout .form-error:after {
  left: 5px;
}
.breweryLayout .forgottenPassword {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #000000;
  margin-top: 8px;
  background: none;
}
@media all and (max-width: 780px) {
  .breweryLayout .forgottenPassword {
    font-size: 16px;
    line-height: 22px;
  }
}
.breweryLayout #checkoutForm,
.breweryLayout #payment-form {
  background: #fff;
  border: 1px solid #CCCCCC;
  padding: 32px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media all and (max-width: 780px) {
  .breweryLayout #checkoutForm,
  .breweryLayout #payment-form {
    padding: 24px;
  }
}
.breweryLayout #checkoutForm h2,
.breweryLayout #payment-form h2 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 16x;
  border: 0;
}
@media all and (max-width: 780px) {
  .breweryLayout #checkoutForm h2,
  .breweryLayout #payment-form h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.breweryLayout #checkoutForm .button,
.breweryLayout #payment-form .button {
  margin-top: 0;
}
.breweryLayout #checkoutForm .checkoutOverlay,
.breweryLayout #payment-form .checkoutOverlay {
  border: 1px solid #000;
  background: #FFF;
  color: #000;
  height: 40px;
  border-radius: 20px;
  min-width: 200px;
}
@media (max-width: 400px) {
  .breweryLayout #checkoutForm .checkoutOverlay,
  .breweryLayout #payment-form .checkoutOverlay {
    width: 100%;
  }
}
.breweryLayout #checkoutForm .checkoutOverlay:hover,
.breweryLayout #payment-form .checkoutOverlay:hover {
  background: #000;
  color: #FFF;
}
.breweryLayout #checkoutForm .row input[type="checkbox"] + label,
.breweryLayout #payment-form .row input[type="checkbox"] + label,
.breweryLayout #checkoutForm .row input[type="radio"] + label,
.breweryLayout #payment-form .row input[type="radio"] + label {
  width: 100%;
  padding-left: 48px;
  max-width: 490px;
}
.breweryLayout #checkoutForm .row input[type="checkbox"] + label:before,
.breweryLayout #payment-form .row input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.breweryLayout #checkoutForm .button + .continueButton,
.breweryLayout #payment-form .button + .continueButton {
  margin-top: 20px;
}
.breweryLayout #checkoutForm .continueButton,
.breweryLayout #payment-form .continueButton {
  width: 100%;
  padding: 14px 10px;
}
@media (max-width: 374px) {
  .breweryLayout #checkoutForm .continueButton,
  .breweryLayout #payment-form .continueButton {
    font-size: 14px;
  }
}
.breweryLayout .itemPopup .formInline .row {
  padding: 0;
  margin: 10px 0 20px;
  background: none;
}
.breweryLayout .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.breweryLayout .itemPopup .formInline .row:not(.checkboxRow) label {
  width: auto;
}
@media only screen and (max-width: 640px) {
  .breweryLayout .itemPopup .formInline .row:not(.checkboxRow) label {
    width: 100%;
  }
}
.breweryLayout .itemPopup .formInline .row .gridWrapper {
  width: 100%;
}
.breweryLayout .itemPopup .formInline .row #addressfinderPostcodeError span {
  margin: 10px 0 0;
  padding: 10px 0;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  background: #ECECEC;
}
@media all and (max-width: 780px) {
  .breweryLayout .itemPopup .formInline .row #addressfinderPostcodeError span {
    text-align: center;
  }
}
.breweryLayout .itemPopup .popupImage {
  float: right;
  margin: 0 0 1em 6%;
}
.breweryLayout #use_billing_details {
  width: 100%;
  margin: 0 0 20px;
}
.breweryLayout .overlayCloseButton {
  padding: 10px;
}
.breweryLayout .overlayCloseButton a {
  float: right;
  background: none;
  color: #272727;
  position: relative;
  right: 10px;
  top: 0;
  margin: 0;
}
.breweryLayout .overlayCloseButton a:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  background: #000;
  z-index: -1;
}
.breweryLayout .overlayCloseButton a .closeIcon {
  fill: #000;
  width: 40px;
  height: 40px;
  margin: -5px;
}
.breweryLayout .overlayBox {
  border-radius: 0;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 780px) {
  .breweryLayout .overlayBox {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
.breweryLayout .overlayBox .overlayAjax {
  padding: 50px 24px 24px;
}
.breweryLayout .overlayBox .overlayAjax .wrapper {
  padding: 0;
}
@media only screen and (max-width: 1160px) {
  .breweryLayout .overlayBox .overlayAjax .wrapper {
    padding: 0;
  }
}
.breweryLayout .overlayBox .itemPopup {
  padding: 0;
  min-width: 502px;
}
@media all and (max-width: 780px) {
  .breweryLayout .overlayBox .itemPopup {
    padding: 0;
    overflow: auto;
    margin-top: 0;
    min-width: 0;
  }
}
.breweryLayout .overlayBox .itemPopup h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  padding: 0 0 16px;
  margin-bottom: 16px;
  border-bottom: 2px solid #CCCCCC;
}
.breweryLayout .overlayBox .itemPopup .row input[type=checkbox] {
  border-color: #AAA;
}
.breweryLayout .overlayBox .itemPopup .row .mutual {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.breweryLayout .overlayBox .itemPopup .row .mutual .mutualName {
  width: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.breweryLayout .overlayBox .itemPopup .row .mutual .name {
  font-weight: normal;
  font-size: inherit;
  width: auto;
  float: left;
  margin-right: 12px;
  padding: 0;
}
.breweryLayout .overlayBox .itemPopup .row .mutual .mutualPrice {
  color: #919191;
  white-space: nowrap;
}
.breweryLayout .overlayBox .itemPopup .row .mutual .mutualRight {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: auto;
  margin-right: 12px;
}
.breweryLayout .overlayBox #addressfinderPostcodeError {
  width: 100%;
  font-size: 16px;
  margin: 10px 0 0;
}
.breweryLayout .overlayBox .selectStore {
  margin-bottom: 24px;
}
.breweryLayout .overlayBox .storeList h4 {
  font-size: 32px;
}
.breweryLayout .overlayBox .orderSteps {
  margin: 48px 0 24px;
}
.breweryLayout .overlayBox .orderSteps li {
  font-size: 20px;
  line-height: 26px;
}
.breweryLayout .itemPopup .popupDesc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 26px;
}
.breweryLayout .itemPopup .popupDesc .descriptionContent p {
  line-height: 22px;
}
.breweryLayout .itemPopup .popupDesc .descriptionContent > p {
  color: #919191;
}
.breweryLayout .itemPopup .popupDesc p {
  margin-bottom: 16px;
}
.breweryLayout .itemPopup .popupDesc p:last-child {
  margin-bottom: 0;
}
.breweryLayout .itemPopup .formInline .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .breweryLayout .itemPopup .formInline .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.breweryLayout .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.breweryLayout .itemPopup .formInline .row.optionSelect {
  border-top: 2px solid #CCCCCC;
  padding-top: 8px;
}
.breweryLayout .itemPopup .formInline .row.optionSelect .title {
  width: 100%;
  margin-right: 0;
}
.breweryLayout .itemPopup .formInline .row:not(.checkboxRow) label {
  padding-top: 0;
}
.breweryLayout .itemPopup .formInline .row:not(.checkboxRow) select {
  width: 100%;
  margin: 0;
}
@media all and (max-width: 780px) {
  .breweryLayout .itemPopup .formInline .row:not(.checkboxRow) select {
    width: 100%;
  }
}
.breweryLayout .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin: 16px 0 0;
}
@media all and (max-width: 780px) {
  .breweryLayout .itemPopup .formInline .row:not(.checkboxRow) select + select {
    margin: 16px 0 0;
  }
}
.breweryLayout .itemPopup .formInline .row:not(.checkboxRow) select + .form-error {
  width: 100%;
  margin-top: 16px;
}
.breweryLayout .itemPopup .formInline .row > .title {
  margin-right: 16px;
  font-weight: 500;
}
.breweryLayout .itemPopup .formInline .row > label {
  width: auto;
  margin-right: 16px;
  font-weight: 500;
}
.breweryLayout .itemPopup .formInline .row > label + select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.breweryLayout .itemPopup #itemform.formInline .row.rowQuantity {
  text-align: left;
}
.breweryLayout .itemPopup #itemform.formInline .itemPopupButtons {
  width: auto;
  margin-top: 16px;
  float: right;
}
@media all and (max-width: 780px) {
  .breweryLayout .itemPopup #itemform.formInline .itemPopupButtons {
    width: 100%;
  }
}
.breweryLayout .itemPopup #itemform.formInline .itemPopupButtons .button {
  padding: 7px 10px;
  min-width: 155px;
}
.breweryLayout .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
  padding: 5px 9px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  background: none;
  min-width: 85px;
  width: auto;
}
.breweryLayout .itemPopup hr {
  margin: 0;
  border: 0;
  border-bottom: 2px solid #CCCCCC;
}
.breweryLayout .itemPopup #item_cost {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 23px;
  padding-right: 20px;
}
.breweryLayout .bottomButton {
  border: 0;
  padding: 0;
}
.breweryLayout .pageBanner.checkout .orderSteps {
  margin: 0 auto 48px !important;
}
.breweryLayout .memberSidebar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 1px solid #DBDBDB;
  margin-bottom: 42px;
  font-size: 16px;
}
.breweryLayout .memberSidebar .sidebarMenu {
  font-size: 16px;
}
.breweryLayout .memberSidebar .details > span {
  font-size: 12px;
  line-height: 18px;
}
.breweryLayout .memberSidebar .buttonAlt {
  width: 100%;
  margin-bottom: 16px;
}
.breweryLayout .memberContentBlock {
  margin-bottom: 42px;
}
@media all and (max-width: 780px) {
  .breweryLayout .memberContentBlock {
    padding-top: 0;
  }
}
.breweryLayout .pastOrder .orderOverview {
  padding: 20px 10px;
}
.breweryLayout .pastOrder .orderDetails {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 780px) {
  .breweryLayout .pastOrder .orderDetails {
    display: block;
  }
}
.breweryLayout .pastOrder .orderDetails .reOrder {
  margin-left: auto;
}
.breweryLayout .cardAddressLeft {
  padding-right: 20px;
}
@media all and (max-width: 780px) {
  .breweryLayout .cardAddressLeft {
    font-size: 16px;
    line-height: 22px;
  }
}
.breweryLayout .cardAddressRight {
  text-align: right;
}
.breweryLayout form[name="member_edit_marketing"] {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 24px;
  border: 1px solid #DBDBDB;
}
.breweryLayout form[name="member_edit_marketing"] .row:last-child {
  margin-bottom: 0;
}
.breweryLayout .contentBlock.orderSummary:before {
  display: none;
}
@media all and (max-width: 780px) {
  .breweryLayout .contentBlock.orderSummary .basket_row {
    padding-bottom: 0;
  }
}
.breweryLayout .contentBlock.orderSummary .basket_row + .basket_row {
  padding-top: 0;
}
.breweryLayout .contentBlock.orderSummary .basket_row:not(.basket_item) .itemQty {
  width: auto;
}
@media all and (max-width: 780px) {
  .breweryLayout .contentBlock.orderSummary .basket_row .itemDesc {
    width: auto;
  }
}
.breweryLayout .contentBlock.orderSummary .basket_row .itemQty {
  padding-left: 0;
  text-align: left;
}
@media all and (max-width: 780px) {
  .breweryLayout .contentBlock.orderSummary .basket_row .itemQty {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.breweryLayout .contentBlock.orderSummary .basket_row .itemQty span {
  white-space: nowrap;
}
@media all and (max-width: 780px) {
  .breweryLayout .contentBlock.orderSummary .basket_row .itemQty span {
    line-height: inherit;
  }
}
.breweryLayout .itemMarkers li {
  float: left;
  margin-right: 5px;
  max-width: 100%;
  max-height: 100%;
}
.breweryLayout .itemMarkers li img {
  display: block;
  max-width: 15px;
  max-height: 15px;
}
.breweryLayout .allergenSection {
  border-top: 2px solid #CCCCCC;
  margin-top: 16px;
}
.breweryLayout .buttonBottomCheckout {
  margin-bottom: 72px;
}
.breweryLayout .basketStore a {
  text-decoration: underline;
}
.breweryLayout .formLink {
  display: block;
  margin: 20px 0 0;
}
.breweryLayout .localitySwitch {
  display: none;
}
.breweryLayout .redirectBanner {
  background: var(--mainColor);
  color: #FFF;
  padding: 8px 0;
  font-size: 16px;
}
.breweryLayout .redirectBanner .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 780px) {
  .breweryLayout .redirectBanner .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.breweryLayout .redirectBanner span {
  margin-left: 6px;
  margin-right: 6px;
}
@media all and (max-width: 780px) {
  .breweryLayout .redirectBanner span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.breweryLayout .redirectBanner .buttonAlt {
  margin-left: 6px;
  margin-right: 6px;
}
.breweryLayout .footerBd {
  border-top: 1px solid #DBDBDB;
}
.breweryLayout .slideBd h1 {
  font-size: 48px;
  font-weight: bold;
}
@media (max-width: 640px) {
  .breweryLayout .slideBd h1 {
    font-size: 32px;
  }
}
.breweryLayout .calltoactionsWrap h4 {
  font-size: 38px;
}
@media (max-width: 640px) {
  .breweryLayout .calltoactionsWrap h4 {
    font-size: 26px;
  }
}
.breweryLayout .contentBlock {
  max-width: 800px;
}
.breweryLayout .contentBlock ul:not(.orderSteps) {
  margin: 0 0 15px;
  padding-left: 20px;
}
.breweryLayout .contentBlock ul:not(.orderSteps):last-child {
  margin-bottom: 0;
}
.breweryLayout .contentBlock ul:not(.orderSteps) li {
  list-style-type: disc;
  margin-bottom: 10px;
}
.breweryLayout .contentBlock ul:not(.orderSteps) li:last-child {
  margin-bottom: 0;
}
.breweryLayout .headerSocial h3 {
  font-family: var(--bodyFont);
  font-size: 18px;
}
.breweryLayout .headerSocial li i {
  margin: 8px 0;
}
/* The Cod Father */
.thecodfather.breweryLayout .slideBd h1 {
  font-size: 34px;
  line-height: 1.2;
  font-weight: 700;
}
@font-face {
  font-family: 'eraser';
  src: url('./font/eraser/eraserregular-webfont.woff2') format('woff2'), url('./font/eraser/eraserregular-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.montereyJacks .headerMain .flyoutWrap ul li:hover ul {
  display: block;
}
@media all and (max-width: 780px) {
  .montereyJacks .headerMain .flyoutWrap ul li:hover ul {
    display: none;
  }
}
.montereyJacks.home .siteOuterWrapper.full_width #header {
  padding-top: 0;
}
.montereyJacks .siteOuterWrapper.full_width #header {
  padding-top: 0;
}
@media only screen and (max-width: 1160px) {
  .montereyJacks .siteOuterWrapper.full_width #header {
    padding-top: 46px;
  }
}
@media all and (max-width: 780px) {
  .home .montereyJacks .siteOuterWrapper.full_width #header {
    padding-top: 0;
  }
}
.montereyJacks .siteOuterWrapper.full_width .blockWrapper {
  background: #FFFCF6;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap {
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:before,
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  content: "";
  display: table;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  clear: both;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:before,
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  content: "";
  display: table;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  clear: both;
}
.spar .montereyJacks .siteOuterWrapper.full_width .callToActionWrap,
.premier .montereyJacks .siteOuterWrapper.full_width .callToActionWrap {
  max-width: 1160px;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:before,
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  content: "";
  display: table;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  clear: both;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:before,
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  content: "";
  display: table;
}
.montereyJacks .siteOuterWrapper.full_width .callToActionWrap:after {
  clear: both;
}
.spar .montereyJacks .siteOuterWrapper.full_width .callToActionWrap,
.premier .montereyJacks .siteOuterWrapper.full_width .callToActionWrap {
  max-width: 1160px;
}
.montereyJacks .topBar .headerDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.montereyJacks .topBar .userLinks {
  margin-right: auto;
}
@media all and (max-width: 780px) {
  .montereyJacks .topBar .userLinks li a {
    padding: 0 15px;
  }
}
.montereyJacks .topBar .miniBasket {
  margin-left: auto;
}
@media all and (max-width: 780px) {
  .montereyJacks .miniBasket > li a {
    padding: 0 15px;
  }
}
.montereyJacks.home #header .headerMain {
  padding: 35px 0 0;
}
@media all and (max-width: 780px) {
  .montereyJacks.home #header .headerMain {
    padding: 0;
  }
}
.montereyJacks.home #header .headerMain .flyout {
  margin-top: 0;
}
@media all and (max-width: 780px) {
  .montereyJacks.home #header .flyoutWrap {
    top: -46px;
  }
}
.montereyJacks #header .headerMain {
  padding: 30px 0 30px;
}
@media only screen and (max-width:1160px) {
  .montereyJacks #header .headerMain {
    margin-top: 0;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks #header .headerMain {
    padding: 0 0 30px;
    margin-top: 0;
  }
}
.montereyJacks #header .headerMain .flyout {
  margin-top: -30px;
}
@media all and (max-width: 780px) {
  .montereyJacks #header .flyoutWrap {
    background: #EDEDED;
  }
}
.montereyJacks .miniBasket > li a {
  font-size: 14px;
}
.montereyJacks .headerMain .logo img {
  max-width: 537px;
  max-height: 100%;
}
@media only screen and (max-width:1160px) {
  .montereyJacks .headerMain .logo img {
    max-width: 400px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .headerMain .logo img {
    max-width: 140px;
  }
}
.montereyJacks.transparentHeader #header .mainMenu ul a {
  color: #000;
}
.montereyJacks.transparentHeader #header .mainMenu a {
  color: #fff;
}
@media all and (max-width: 780px) {
  .montereyJacks.transparentHeader #header .mainMenu a {
    color: #090102;
    border-bottom: 0;
  }
}
.montereyJacks.transparentHeader #header .mainMenu a:after {
  background: #FFF3DC;
}
.montereyJacks.transparentHeader .center.headerMain .logo {
  margin-bottom: 42px;
}
@media all and (max-width: 780px) {
  .montereyJacks.transparentHeader .center.headerMain .logo {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .flyout {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.montereyJacks .mainMenu {
  margin-bottom: -30px;
}
.montereyJacks .mainMenu > li {
  margin-bottom: 20px;
}
@media all and (max-width: 780px) {
  .montereyJacks .mainMenu > li {
    margin-bottom: 0;
  }
}
.montereyJacks .mainMenu a {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: -0.92px;
  padding: 0 25px;
}
@media only screen and (max-width:1160px) {
  .montereyJacks .mainMenu a {
    padding: 0 3px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .mainMenu a {
    font-weight: normal;
    padding: 10px 20px;
  }
}
.montereyJacks .largeSlider,
.montereyJacks .mobileSlider {
  min-height: 800px;
  min-height: 0;
  max-height: none;
}
@media only screen and (max-width: 1160px) {
  .montereyJacks .largeSlider,
  .montereyJacks .mobileSlider {
    min-height: 800px;
    min-height: 0;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider,
  .montereyJacks .mobileSlider {
    min-height: 500px;
    min-height: 0;
  }
}
.montereyJacks .largeSlider .slide,
.montereyJacks .mobileSlider .slide {
  min-height: 800px;
  min-height: 0;
  height: auto;
  max-height: none;
}
@media only screen and (max-width: 1160px) {
  .montereyJacks .largeSlider .slide,
  .montereyJacks .mobileSlider .slide {
    min-height: 800px;
    min-height: 0;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider .slide,
  .montereyJacks .mobileSlider .slide {
    min-height: 500px;
    min-height: 0;
  }
}
.montereyJacks .largeSlider .slideContent,
.montereyJacks .mobileSlider .slideContent {
  margin-top: 411px;
  top: 0;
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider .slideContent,
  .montereyJacks .mobileSlider .slideContent {
    margin-top: 160px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider .slideContent .wrapper,
  .montereyJacks .mobileSlider .slideContent .wrapper {
    padding: 0 10px;
  }
}
.montereyJacks .largeSlider .backImage,
.montereyJacks .mobileSlider .backImage,
.montereyJacks .largeSlider .backImageMobile,
.montereyJacks .mobileSlider .backImageMobile {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider .backImage,
  .montereyJacks .mobileSlider .backImage,
  .montereyJacks .largeSlider .backImageMobile,
  .montereyJacks .mobileSlider .backImageMobile {
    display: none;
  }
}
.montereyJacks .largeSlider .backImageMobile,
.montereyJacks .mobileSlider .backImageMobile {
  display: none;
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider .backImageMobile,
  .montereyJacks .mobileSlider .backImageMobile {
    display: block;
  }
}
.montereyJacks .largeSlider h6,
.montereyJacks .mobileSlider h6 {
  position: relative;
  font-size: 17px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 15px;
  color: #fff;
}
.montereyJacks .largeSlider h6:after,
.montereyJacks .mobileSlider h6:after {
  content: '';
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -2px;
  height: 2px;
  width: 76px;
  background: #fff;
}
.montereyJacks .largeSlider h4,
.montereyJacks .mobileSlider h4 {
  font-family: 'eraser', cursive;
  font-size: 53px;
  line-height: 56px;
  letter-spacing: 0;
  font-weight: normal;
  color: #fff;
  text-transform: none;
  margin: 0 0 20px;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
}
@media (max-width: 1100px) {
  .montereyJacks .largeSlider h4,
  .montereyJacks .mobileSlider h4 {
    font-size: 32px;
    line-height: 38px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider h4,
  .montereyJacks .mobileSlider h4 {
    font-size: 24px;
    line-height: 30px;
  }
}
.montereyJacks .largeSlider h1,
.montereyJacks .mobileSlider h1,
.montereyJacks .largeSlider h2,
.montereyJacks .mobileSlider h2 {
  font-family: 'eraser', cursive;
  font-size: 69px;
  line-height: 80px;
  font-weight: normal;
  margin-bottom: 62px;
  color: #fff;
  text-transform: none;
  text-shadow: none;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
  -webkit-font-smoothing: antialiased;
}
@media all and (max-width: 780px) {
  .montereyJacks .largeSlider h1,
  .montereyJacks .mobileSlider h1,
  .montereyJacks .largeSlider h2,
  .montereyJacks .mobileSlider h2 {
    font-size: 46px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}
.montereyJacks .largeSlider .slideshowImages,
.montereyJacks .mobileSlider .slideshowImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0px -24px 90px;
}
@media (max-width: 900px) {
  .montereyJacks .largeSlider .slideshowImages,
  .montereyJacks .mobileSlider .slideshowImages {
    margin: 0 -10px 50px;
  }
}
.montereyJacks .largeSlider .slideshowImages .slideshowImage,
.montereyJacks .mobileSlider .slideshowImages .slideshowImage {
  margin: 0 24px;
}
@media (max-width: 900px) {
  .montereyJacks .largeSlider .slideshowImages .slideshowImage,
  .montereyJacks .mobileSlider .slideshowImages .slideshowImage {
    margin: 0 10px;
  }
}
@media (max-width: 500px) {
  .montereyJacks .largeSlider .slideshowImages .slideshowImage,
  .montereyJacks .mobileSlider .slideshowImages .slideshowImage {
    margin: 0 0;
  }
}
.montereyJacks .largeSlider .slideshowImages .slideshowImage:nth-child(2),
.montereyJacks .mobileSlider .slideshowImages .slideshowImage:nth-child(2) {
  margin-top: 90px;
}
@media (max-width: 900px) {
  .montereyJacks .largeSlider .slideshowImages .slideshowImage:nth-child(2),
  .montereyJacks .mobileSlider .slideshowImages .slideshowImage:nth-child(2) {
    margin-top: 50px;
  }
}
.montereyJacks .callToActionWrap {
  background: #fff;
  padding: 45px 0 55px;
}
.montereyJacks .callToActionWrap .cta {
  padding: 0 30px;
}
@media all and (max-width: 780px) {
  .montereyJacks .callToActionWrap .cta {
    width: 100%;
    padding: 20px 10px;
  }
}
.montereyJacks .callToActionWrap .cta:after {
  display: none;
}
.montereyJacks .callToActionWrap .foodSvg {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 159px;
  margin-bottom: 10px;
}
.montereyJacks .callToActionWrap h3 {
  font-size: 28px;
  line-height: 33px;
  letter-spacing: -1.31px;
  font-weight: 600;
  margin-bottom: 11px;
}
.montereyJacks .callToActionWrap h3 span {
  color: #5D5D5D;
}
.montereyJacks .callToActionWrap p,
.montereyJacks .callToActionWrap h5 {
  color: #959595;
  font-size: 17px;
  font-size: 1.2142857142857142rem;
  line-height: 25px;
  font-weight: normal;
}
@media all and (max-width: 780px) {
  .montereyJacks .callToActionWrap p,
  .montereyJacks .callToActionWrap h5 {
    font-size: 15px;
    font-size: 1.0714285714285714rem;
    line-height: 20px;
  }
}
.montereyJacks .callToActionWrap h5 {
  color: #444;
  font-weight: bold;
}
.montereyJacks .callToActionWrap .button {
  min-width: 220px;
}
@media all and (max-width: 780px) {
  .montereyJacks .callToActionWrap .button {
    min-width: 0;
  }
}
.montereyJacks .callToActionWrap .prev,
.montereyJacks .callToActionWrap .next {
  background: rgba(0, 0, 0, 0.1);
}
.montereyJacks .callToActionWrap .slick-dots .slick-active button {
  background: #c11529;
}
.montereyJacks .callToActionWrap .slick-dots button {
  background: rgba(0, 0, 0, 0.1);
}
.montereyJacks .postcodeChecker {
  padding: 46px 20px 47px;
}
.montereyJacks .postcodeChecker:before,
.montereyJacks .postcodeChecker:after {
  display: none;
}
.montereyJacks .postcodeChecker h3 {
  font-size: 62.27px;
  line-height: 66px;
  margin-bottom: 37px;
  letter-spacing: 2.45px;
  color: #fff;
  font-weight: 900;
  text-transform: uppercase;
}
@media all and (max-width: 780px) {
  .montereyJacks .postcodeChecker h3 {
    font-size: 40px;
    line-height: 46px;
  }
}
.montereyJacks .postcodeChecker .row {
  max-width: 556px;
}
@media all and (max-width: 780px) {
  .montereyJacks .postcodeChecker .row .inputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.montereyJacks .postcodeChecker .row .inputWrap input {
  width: 50%;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.06px;
  text-transform: uppercase;
  padding: 17px 15.5px 16px 15.5px;
}
.montereyJacks .postcodeChecker .row .inputWrap input::-webkit-input-placeholder {
  color: #C6C6C6;
}
.montereyJacks .postcodeChecker .row .inputWrap input:-moz-placeholder {
  /* Firefox 18- */
  color: #C6C6C6;
}
.montereyJacks .postcodeChecker .row .inputWrap input::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #C6C6C6;
}
.montereyJacks .postcodeChecker .row .inputWrap input:-ms-input-placeholder {
  color: #C6C6C6;
}
@media all and (max-width: 780px) {
  .montereyJacks .postcodeChecker .row .inputWrap input {
    width: 100%;
  }
}
.montereyJacks .postcodeChecker .row .inputWrap button {
  width: 50%;
  font-size: 20px;
  line-height: 24px;
  letter-spacing: 1.06px;
  padding: 14px 10px;
  font-weight: 600;
  background: #000;
}
.montereyJacks .postcodeChecker .row .inputWrap button:hover {
  background: rgba(0, 0, 0, 0.8);
}
@media all and (max-width: 780px) {
  .montereyJacks .postcodeChecker .row .inputWrap button {
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.montereyJacks .block.left.withTwitterFeed {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.montereyJacks .block.left.withTwitterFeed .socialFeed ul {
  float: left;
  padding: 41px 20px 41px 41px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block.left.withTwitterFeed .socialFeed ul {
    padding: 0;
  }
}
.montereyJacks .block.right .content.withVideo .innerContent {
  padding: 58px 20px 25px 56px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block.right .content.withVideo .innerContent {
    padding: 0;
  }
}
.montereyJacks .block.right .content .innerContent {
  float: left;
  padding: 100px 20px 100px 72px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block.right .content .innerContent {
    padding: 0;
  }
}
.montereyJacks .block.withTwitterFeed {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.montereyJacks .block .mp4Video {
  background-image: url(/sites/template_2018/images/montereyjacks/chalk.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.montereyJacks .block .mp4Video video {
  max-width: 460px;
}
.montereyJacks .block .socialFeed {
  width: 50%;
  overflow: hidden;
  height: 100%;
  background-image: url(/sites/template_2018/images/montereyjacks/chalk.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media all and (max-width: 780px) {
  .montereyJacks .block .socialFeed {
    width: 100%;
    padding: 30px 20px;
  }
}
.montereyJacks .block .content {
  line-height: 478px;
  background-image: url(/sites/template_2018/images/montereyjacks/wood.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.montereyJacks .block .content.withVideo .innerContent {
  padding: 58px 56px 25px 20px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block .content.withVideo .innerContent {
    padding: 0;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .block .content {
    line-height: initial;
  }
}
.montereyJacks .block .content .innerContent {
  float: right;
  width: 100%;
  max-width: 647px;
  padding: 100px 72px 100px 20px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block .content .innerContent {
    max-width: 100%;
    padding: 0;
  }
}
.montereyJacks .block .content .innerContent a {
  color: #fff;
}
.montereyJacks .block h4 {
  color: #fff;
  margin-bottom: 4px;
  font-family: 'Herr Von Muellerhoff', cursive;
  font-size: 142.33px;
  line-height: 106px;
  text-transform: none;
  font-weight: normal;
}
@media (max-width: 1200px) {
  .montereyJacks .block h4 {
    font-size: 50px;
    line-height: 54px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .block h4 {
    font-size: 30px;
    line-height: 36px;
  }
}
.montereyJacks .block h3 {
  position: relative;
  z-index: 1;
  color: #fff;
  font-size: 62px;
  line-height: 66px;
  letter-spacing: 2.45px;
  font-weight: 900;
  margin-bottom: 28px;
  text-transform: uppercase;
}
@media (max-width: 1200px) {
  .montereyJacks .block h3 {
    font-size: 40px;
    line-height: 44px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .block h3 {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px;
  }
}
.montereyJacks .block p {
  color: #fff;
  font-size: 19.2px;
  line-height: 27px;
  letter-spacing: 0.8px;
  margin-bottom: 25px;
  max-width: 575px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block p {
    font-size: 15px;
    line-height: 22px;
  }
}
.montereyJacks .block .button {
  min-width: 259px;
}
@media all and (max-width: 780px) {
  .montereyJacks .block .button {
    min-width: 0;
  }
}
.montereyJacks .block .responsiveVideo {
  position: relative;
  padding: 75px 0 0;
  float: left;
  width: 100%;
  margin: 0 0 60px;
}
.montereyJacks .block .responsiveVideo iframe.hide {
  opacity: 0;
}
.montereyJacks .block .responsiveVideo img {
  position: absolute;
  bottom: -35px;
  left: 0;
}
.montereyJacks .block .backImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
@media all and (max-width: 780px) {
  .montereyJacks .block .backImage {
    position: relative;
    min-height: 320px;
  }
}
.montereyJacks .imageBlock {
  height: 354px;
}
.montereyJacks .imageBlock .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 1100px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 20px;
}
@media (max-width: 1100px) {
  .montereyJacks .imageBlock .content img {
    margin-bottom: 40px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .imageBlock .content img {
    margin-bottom: 20px;
  }
}
.montereyJacks .imageBlock .content h2 {
  max-width: 497px;
  text-align: left;
  margin-left: auto;
  font-size: 30px;
  line-height: 40px;
  padding-left: 20px;
  margin-top: 52px;
}
@media (max-width: 1100px) {
  .montereyJacks .imageBlock .content h2 {
    width: 100%;
    max-width: 100%;
    text-align: center;
    padding-left: 0;
    margin-top: 0;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .imageBlock .content h2 {
    font-size: 20px;
    line-height: 30px;
  }
}
.montereyJacks .imageBlock .content h2:last-child {
  margin-bottom: 0;
}
.montereyJacks .imageBlock .content h2 span {
  color: #fff;
}
.montereyJacks .appCTA {
  padding: 40px 0;
  position: relative;
  z-index: 10;
}
.montereyJacks .appCTA h2 {
  font-size: 32px;
  line-height: 60px;
  letter-spacing: -0.45px;
  font-weight: 600;
  color: #fff;
}
@media (max-width: 1200px) {
  .montereyJacks .appCTA h2 {
    width: 100%;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .appCTA h2 {
    font-size: 20px;
    line-height: 24px;
  }
}
@media (max-width: 1200px) {
  .montereyJacks .appCTA .storeIcons {
    line-height: 40px;
  }
}
@media (max-width: 1200px) {
  .montereyJacks .appCTA .storeIcons img {
    max-height: 40px;
  }
}
.montereyJacks .button {
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 10.6px;
  color: #fff;
  padding: 20px 20px 19px;
  text-transform: uppercase;
  border-radius: 0;
  letter-spacing: 0;
}
@media all and (max-width: 780px) {
  .montereyJacks .button {
    font-size: 16px;
    padding: 8px 20px;
  }
}
.montereyJacks .homeAddressWrap {
  background: #F4EEE4;
  padding: 50px 0 30px;
}
.montereyJacks .homeAddressWrap h2 {
  font-family: 'Swistblnk Monthoers';
  font-size: 81.6px;
  line-height: 81px;
  letter-spacing: -2.24px;
  color: #D31F1F;
  margin-bottom: 11px;
}
@media all and (max-width: 780px) {
  .montereyJacks .homeAddressWrap h2 {
    font-size: 50px;
    line-height: 54px;
  }
}
.montereyJacks .homeAddressWrap p {
  font-size: 26px;
  line-height: 35px;
  letter-spacing: -0.36px;
  color: #000;
}
@media all and (max-width: 780px) {
  .montereyJacks .homeAddressWrap p {
    font-size: 16px;
    line-height: 20px;
  }
}
.montereyJacks .homeAddressWrap p strong {
  font-size: 31px;
}
@media all and (max-width: 780px) {
  .montereyJacks .homeAddressWrap p strong {
    font-size: 24px;
    line-height: 30px;
  }
}
.montereyJacks .footer h3 {
  font-size: 26px;
  line-height: 30px;
  letter-spacing: -1.22px;
  font-weight: 600;
  margin-bottom: 19px;
}
@media all and (max-width: 780px) {
  .montereyJacks .footer h3 {
    margin: 0;
  }
}
.montereyJacks .footerCols {
  position: relative;
  max-width: 1320px;
  margin: 0 auto;
  *zoom: 1;
  margin-top: -40px;
  padding: 33px 0 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.montereyJacks .footerCols:before,
.montereyJacks .footerCols:after {
  content: "";
  display: table;
}
.montereyJacks .footerCols:after {
  clear: both;
}
.montereyJacks .footerCols:before,
.montereyJacks .footerCols:after {
  content: "";
  display: table;
}
.montereyJacks .footerCols:after {
  clear: both;
}
.spar .montereyJacks .footerCols,
.premier .montereyJacks .footerCols {
  max-width: 1160px;
}
.montereyJacks .footerCols:before,
.montereyJacks .footerCols:after {
  content: "";
  display: table;
}
.montereyJacks .footerCols:after {
  clear: both;
}
.montereyJacks .footerCols:before,
.montereyJacks .footerCols:after {
  content: "";
  display: table;
}
.montereyJacks .footerCols:after {
  clear: both;
}
.spar .montereyJacks .footerCols,
.premier .montereyJacks .footerCols {
  max-width: 1160px;
}
.montereyJacks .footerCols:before {
  content: '';
  position: absolute;
  left: -1000px;
  right: -1000px;
  top: 0;
  bottom: 0;
  background: #EDEDED;
  z-index: 0;
  display: block;
}
.montereyJacks .footerCol {
  position: relative;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  border-right: 1px solid rgba(0, 0, 0, 0.05);
  width: 18%;
  margin-right: 2%;
  padding-right: 20px;
}
@media (max-width: 1320px) and (min-width: 781px) {
  .montereyJacks .footerCol {
    width: 23%;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .footerCol {
    border: 0;
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
}
.montereyJacks .footerCol:first-child {
  width: 38%;
}
@media (max-width: 1320px) and (min-width: 781px) {
  .montereyJacks .footerCol:first-child {
    width: 23%;
  }
}
@media all and (max-width: 780px) {
  .montereyJacks .footerCol:first-child {
    width: 100%;
  }
}
.montereyJacks .footerCol:last-child {
  border-right: 0;
}
.montereyJacks .footerColsocialCol {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.montereyJacks .footerCol.findusCol ul li {
  font-size: 16px;
  line-height: 34px;
}
.montereyJacks .footerCol ul li {
  font-size: 16px;
  line-height: 34px;
  margin: 0;
}
.montereyJacks .footerCol p {
  font-size: 16px;
  line-height: 34px;
  letter-spacing: -0.85px;
}
.montereyJacks .footerCol .social a {
  font-size: 32.4px;
  line-height: 31px;
  background: none;
  color: #bea15d;
}
.montereyJacks .footerBottom {
  border-top: 0;
  margin: 0;
}
.montereyJacks .newsItem h3 a {
  color: #C11528;
}
.montereyJacks .newsItem .button {
  min-width: 220px;
}
.montereyJacks .socialAccounts {
  float: left;
  width: calc(100% + 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 50px 0 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 -10px 30px;
}
.montereyJacks .socialAccounts h3 {
  width: 100%;
  font-size: 20px;
  font-size: 1.4285714285714286rem;
  line-height: 29px;
  color: #fff;
  font-weight: bold;
  margin: 0 0 10px;
}
.montereyJacks .socialAccounts .socialAccount {
  width: 65px;
  margin: 0 10px;
}
@media all and (max-width: 780px) {
  .montereyJacks .socialAccounts .socialAccount {
    width: 50px;
    margin: 10px 10px 0;
  }
}
.montereyJacks #header .pageBanner {
  padding-bottom: 0;
  background: #000;
}
.montereyJacks #header .pageBanner.withTitle {
  padding-bottom: 250px;
}
@media all and (max-width: 780px) {
  .montereyJacks #header .pageBanner.withTitle {
    padding: 0 0 100px;
  }
}
.montereyJacks #header .pageBanner.withTitle + .headerMain {
  padding-bottom: 250px;
}
@media all and (max-width: 780px) {
  .montereyJacks #header .pageBanner.withTitle + .headerMain {
    padding: 0 0 100px;
  }
}
.montereyJacks #header .pageBanner h1 {
  position: absolute;
  bottom: 0;
  font-family: 'eraser', cursive;
  -webkit-font-smoothing: antialiased;
  font-size: 69px;
  line-height: 80px;
  font-weight: normal;
  margin: 0 0 70px;
  padding: 0;
  width: 100%;
  z-index: 1;
}
@media all and (max-width: 780px) {
  .montereyJacks #header .pageBanner h1 {
    margin: 0 0 30px;
    padding: 0;
    width: 100%;
    font-size: 40px;
    line-height: 50px;
  }
}
.montereyJacks .bookingPage .pageContent.withImage {
  float: left;
  width: calc(100% - 429px);
}
@media (max-width: 900px) {
  .montereyJacks .bookingPage .pageContent.withImage {
    width: calc(100% - 359px);
  }
}
@media (max-width: 800px) {
  .montereyJacks .bookingPage .pageContent.withImage {
    width: calc(100% - 230px);
  }
}
@media (max-width: 640px) {
  .montereyJacks .bookingPage .pageContent.withImage {
    width: 100%;
  }
}
.montereyJacks .bookingPage .imageWrap {
  float: right;
  margin-left: 100px;
}
@media (max-width: 900px) {
  .montereyJacks .bookingPage .imageWrap {
    margin-left: 30px;
  }
}
@media (max-width: 800px) {
  .montereyJacks .bookingPage .imageWrap {
    max-width: 200px;
  }
}
@media (max-width: 640px) {
  .montereyJacks .bookingPage .imageWrap {
    max-width: 100%;
    margin: 30px 0 0;
    float: left;
  }
}
/*
*/
@font-face {
  font-family: 'Powland';
  src: url('../font/freeland/freeland-webfont.woff2') format('woff2'), url('../font/freeland/freeland-webfont.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.powFood {
  /* typography */
  /* .buttons */
  /* header */
  /* page banner */
  /* menu landing  */
  /* menu items */
  /* footer */
  /* billing details */
}
.powFood .siteOuterWrapper,
.powFood .menuCategory,
.powFood .grid .titleHeader.fixed h2 {
  background: var(--site_background);
}
.powFood h1,
.powFood h2,
.powFood h3,
.powFood h4,
.powFood h5,
.powFood h6 {
  font-weight: 600;
}
.powFood .button,
.powFood .buttonAlt {
  font-weight: 600;
  border-radius: 0;
  font-size: 13px;
  font-size: 0.9285714285714286rem;
  letter-spacing: 0;
}
.powFood .button:focus,
.powFood .buttonAlt:focus {
  outline: 0;
}
.powFood .button:hover {
  background: var(--mainColor);
}
.powFood .button[disabled] {
  background: var(--mainColor);
}
.powFood .button[disabled]:hover {
  background: var(--mainColor);
}
.powFood .buttonAlt {
  background: var(--border_color);
}
.powFood .buttonAlt[disabled] {
  background: var(--border_color);
}
.powFood .buttonAlt[disabled]:hover {
  background: var(--border_color);
}
@media all and (max-width: 780px) {
  .powFood .siteOuterWrapper #header.basicHeader {
    padding-top: 66px;
  }
}
@media only screen and (max-width: 1160px) {
  .powFood:not(.home) #header .headerMain {
    margin-top: 0;
  }
}
@media all and (max-width: 780px) {
  .powFood:not(.home) #header .headerMain .logo img {
    margin: 10px 0;
    max-height: 100px;
  }
}
@media all and (max-width: 780px) {
  .powFood #header.basicHeader {
    -webkit-transform: none;
    transform: none;
  }
}
@media all and (max-width: 780px) {
  .powFood #header.basicHeader .topBar {
    position: fixed;
    padding: 10px 0;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
            box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.08);
  }
}
.powFood .topBar {
  font-size: 13px;
  font-size: 0.9285714285714286rem;
}
@media all and (max-width: 780px) {
  .powFood .topBar .userLinks li a {
    padding: 0 10px;
  }
}
@media all and (max-width: 780px) {
  .powFood .topBar .userLinks li a:hover {
    background: transparent;
  }
}
@media all and (max-width: 780px) {
  .powFood .topBar .userLinks li.userLinksLogin a {
    padding: 0 10px;
  }
}
@media all and (max-width: 780px) {
  .powFood .topBar .userLinks li.userLinksLogin i {
    display: block;
    font-size: 22px;
    font-size: 1.5714285714285714rem;
  }
}
@media all and (max-width: 780px) {
  .powFood .topBar .userLinks li.userLinksLogin span {
    display: none;
  }
}
.powFood .headerMain .logo img {
  max-height: 170px;
  margin: 10px 0 60px;
}
@media all and (max-width: 780px) {
  .powFood .miniBasket {
    margin-right: 10px;
  }
}
@media all and (max-width: 780px) {
  .powFood .flyout {
    display: none;
  }
}
.powFood .pageBanner .wave {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  z-index: 100;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  overflow: hidden;
}
.powFood .pageBanner .wave svg {
  display: block;
  position: relative;
  width: calc(149% + 1.3px);
  height: 69px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem {
  min-height: 300px;
  text-align: center;
  background: #000;
}
@media all and (max-width: 780px) {
  .powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem {
    min-height: 40vh;
  }
}
.powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem a:hover img {
  -webkit-transform: scale(1.2) translate(-50%, -50%);
          transform: scale(1.2) translate(-50%, -50%);
}
.powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem a img {
  -webkit-transform: scale(1) translate(-50%, -50%);
          transform: scale(1) translate(-50%, -50%);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  will-change: transform;
  -webkit-transition-duration: 1000ms;
          transition-duration: 1000ms;
}
.powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle {
  position: relative;
  padding: 0;
  height: 100%;
  width: 100%;
  bottom: 0;
  top: 0;
  left: 0;
  -webkit-transform: none;
          transform: none;
  text-align: center;
}
.powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle h4 {
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: 0;
  right: 0;
  padding: 0 10px;
}
.powFood .menuItems.grid .hasGrid .menuCategoryContent .menuItem > a > .categoryImageWrap > .categoryTitle span.button {
  position: absolute;
  max-width: none;
  bottom: 30px;
  left: 50%;
  font-size: 15px;
  font-size: 1.0714285714285714rem;
  line-height: 15px;
  font-weight: 600;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #FFF;
  padding: 12px 24px;
  text-transform: none;
  width: auto;
  border-radius: 100px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.powFood .grid .menuItem .categoryImageWrap .categoryTitle h4 {
  font-family: 'Powland';
  font-size: 44px;
  font-size: 3.142857142857143rem;
  line-height: 1.1em;
  font-weight: normal;
  text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.47);
}
.powFood .grid .menuItem .categoryImageWrap .categoryTitle h4 span {
  display: block;
  font-family: Josefin Sans;
  font-size: 14px;
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  line-height: 0.8em;
  text-shadow: none;
  margin: 0 0 15px;
}
@media only screen and (max-width:1160px) {
  .powFood .menuCategory {
    padding-right: 0;
  }
}
@media only screen and (max-width:1160px) {
  .powFood .grid .menuItem {
    max-width: 100%;
    width: calc(50% - 10px);
    margin-right: 20px;
  }
  .powFood .grid .menuItem:nth-child(2n) {
    margin-right: 0;
  }
}
@media all and (max-width: 780px) {
  .powFood .grid .menuItem {
    width: 100%;
    margin-right: 0;
  }
}
.powFood .grid .menuItem .itemName {
  font-weight: 600;
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  color: var(--fontDark);
  text-align: left;
  margin: 0 0 10px;
}
.powFood .grid .menuItem .itemDesc {
  font-size: 14px;
  font-size: 1rem;
  color: #888;
  text-align: left;
  margin: 0 0 15px;
}
.powFood .grid .menuItem .itemMarkers {
  float: left;
  width: 100%;
  margin: 0 0 20px;
}
.powFood .grid .menuItem .itemMarkers li {
  height: 20px;
  width: 20px;
  position: relative;
  max-width: 20px;
  max-height: 20px;
}
.powFood .grid .menuItem .itemMarkers li img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
}
@media (max-width: 1320px) and (min-width: 781px), (max-width: 780px) {
  .powFood .grid .menuItem .menu_quick_subtract.circleIcon,
  .powFood .grid .menuItem .menu_quick_add.circleIcon {
    width: 25px;
    height: 25px;
  }
}
.powFood .full_width .grid .menuItem.productMenuItem {
  min-height: 100px;
  width: calc(50% - 10px);
  margin: 0 20px 20px 0;
  /*        &:hover {

            img {
                transform: scale(1.2) translate(-50%, -50%);
            }
        }

        img {
            transition: transform 1s;
        }*/
}
.powFood .full_width .grid .menuItem.productMenuItem:nth-child(2n) {
  margin-right: 0;
}
@media all and (max-width: 780px) {
  .powFood .full_width .grid .menuItem.productMenuItem {
    width: 100%;
    margin: 0 0 10px;
  }
  .powFood .full_width .grid .menuItem.productMenuItem:last-child {
    margin-bottom: 0;
  }
}
.powFood .full_width .grid .menuItem.productMenuItem .imageWrap {
  display: none;
}
.powFood .full_width .grid .menuItem.productMenuItem .circleIcon:before {
  background: #fff;
}
.powFood .full_width .grid .menuItem.productMenuItem .details {
  background: #fff;
  border: 1px solid #eae9e7;
}
.powFood .full_width .grid .menuItem.productMenuItem .details .detailsContent {
  float: left;
  width: 100%;
}
@media all and (min-width: 1161px) and (max-width: 1330px) {
  .powFood .full_width .grid {
    width: calc(70% - 20px);
  }
}
@media all and (max-width: 780px) {
  .powFood .grid h2 span {
    width: 100%;
  }
}
.powFood .grid h2 .button {
  background: none;
  color: #444;
  text-align: left;
  padding: 10px 0;
}
@media all and (max-width: 780px) {
  .powFood .grid h2 .button {
    float: left;
  }
}
.powFood .bottomButton .button {
  background: none;
  color: #444;
  text-align: left;
  padding: 10px 0;
}
.powFood .footer {
  border-top: 0;
}
.powFood .footerBottom {
  margin-top: 0;
}
.powFood .orderSteps li {
  font-weight: 600;
}
.powFood .stepNumber:not(.active) {
  background: var(--mainColor);
  color: #fff;
}
.powFood .overlayCloseButton {
  z-index: 10;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .formInline .row {
  margin: 0 0 10px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup,
.powFood .overlayBox.itemOverlayWrap .itemPopup {
  max-width: 100%;
  width: 560px;
}
@media all and (max-width: 780px) {
  .powFood .overlayBox.checkoutOverlayWrap .itemPopup,
  .powFood .overlayBox.itemOverlayWrap .itemPopup {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .powFood .overlayBox.checkoutOverlayWrap .itemPopup,
  .powFood .overlayBox.itemOverlayWrap .itemPopup {
    margin: 0;
    -webkit-transform: none;
    width: 100%;
  }
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .popupDesc,
.powFood .overlayBox.itemOverlayWrap .itemPopup .popupDesc {
  margin: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup h2,
.powFood .overlayBox.itemOverlayWrap .itemPopup h2 {
  margin: 0 0 20px;
  padding-right: 50px;
  background: #FFF;
  z-index: 9;
}
@media all and (max-width: 780px) {
  .powFood .overlayBox.checkoutOverlayWrap .itemPopup h2,
  .powFood .overlayBox.itemOverlayWrap .itemPopup h2 {
    text-align: left;
  }
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .popupImage,
.powFood .overlayBox.itemOverlayWrap .itemPopup .popupImage {
  position: relative;
  margin: 0 0 20px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .popupImage:before,
.powFood .overlayBox.itemOverlayWrap .itemPopup .popupImage:before {
  content: '';
  display: block;
  padding-bottom: 50%;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .popupImage .backImage,
.powFood .overlayBox.itemOverlayWrap .itemPopup .popupImage .backImage {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .description .popupDesc .popupImage,
.powFood .overlayBox.itemOverlayWrap .itemPopup .description .popupDesc .popupImage {
  background: none;
  text-align: left;
  border-radius: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .descriptionContent,
.powFood .overlayBox.itemOverlayWrap .itemPopup .descriptionContent {
  float: left;
  width: 100%;
  margin: 0 0 20px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .descriptionContent p,
.powFood .overlayBox.itemOverlayWrap .itemPopup .descriptionContent p {
  margin: 0 0 10px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .descriptionContent p:last-child,
.powFood .overlayBox.itemOverlayWrap .itemPopup .descriptionContent p:last-child {
  margin-bottom: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup hr,
.powFood .overlayBox.itemOverlayWrap .itemPopup hr {
  border-color: #DDD;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row {
  margin: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row.rowQuantity,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row.rowQuantity {
  margin: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row.rowQuantity + .optionSelect,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row.rowQuantity + .optionSelect,
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row.rowQuantity + .row,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row.rowQuantity + .row {
  margin-top: 20px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row .gridWrapper,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row .gridWrapper {
  margin: 0 0 10px;
  border: 1px solid #DDD;
  padding: 6px 15px;
  border-radius: 6px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row .gridWrapper:last-child,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row .gridWrapper:last-child {
  margin-bottom: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row .name,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row .name {
  line-height: 24px;
  padding: 8px 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row input[type="number"],
.powFood .overlayBox.itemOverlayWrap .itemPopup .row input[type="number"],
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row select,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row select {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  border-color: #DDD;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .row select,
.powFood .overlayBox.itemOverlayWrap .itemPopup .row select {
  padding-right: 30px;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .formInline .row,
.powFood .overlayBox.itemOverlayWrap .itemPopup .formInline .row {
  background: none;
  padding: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .formInline .row.optionSelect + .optionSelect,
.powFood .overlayBox.itemOverlayWrap .itemPopup .formInline .row.optionSelect + .optionSelect {
  margin: 20px 0 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .title,
.powFood .overlayBox.itemOverlayWrap .itemPopup .title {
  padding: 14px 0;
  margin: 0;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .itemMarkers,
.powFood .overlayBox.itemOverlayWrap .itemPopup .itemMarkers {
  margin: 0 0 20px;
  overflow: hidden;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .itemMarkers li,
.powFood .overlayBox.itemOverlayWrap .itemPopup .itemMarkers li {
  position: relative;
  width: 25px;
  height: 25px;
  max-width: 100%;
  max-height: 100%;
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup .itemMarkers li img,
.powFood .overlayBox.itemOverlayWrap .itemPopup .itemMarkers li img {
  position: absolute;
  left: 50%;
  top: 50%;
  max-width: 100%;
  max-height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.powFood .overlayBox.checkoutOverlayWrap .itemPopup #item_cost,
.powFood .overlayBox.itemOverlayWrap .itemPopup #item_cost {
  position: absolute;
  bottom: 24px;
  left: 20px;
  font-size: 22px;
  font-size: 1.5714285714285714rem;
  margin: 0;
  z-index: 1;
}
@media all and (max-width: 780px) {
  .powFood .overlayBox.checkoutOverlayWrap .itemPopup #item_cost,
  .powFood .overlayBox.itemOverlayWrap .itemPopup #item_cost {
    text-align: center;
    bottom: 55px;
    width: auto;
    right: 0;
    left: 0;
    font-size: 20px;
    font-size: 1.4285714285714286rem;
  }
}
.powFood .descMoreInfo {
  margin: 20px 0 0;
}
.powFood .descMoreInfo h4 {
  display: block;
  cursor: pointer;
}
.powFood .descMoreInfo .descMoreContent {
  display: none;
}
.powFood .overlayBoxOuter:after {
  -webkit-transform: none;
  transform: none;
  left: auto;
  top: auto;
}
@media all and (max-width: 780px) {
  .powFood .overlayCloseButton a {
    margin: 12px 0;
  }
}
.powFood .allergenSection {
  margin: 0;
  padding: 0;
  border: 0;
}
.powFood .allergenSection span {
  font-weight: 700;
}
.powFood .allergenSection .alergens li {
  float: left;
  margin: 0;
}
@media all and (max-width: 780px) {
  .powFood .itemPopup .formInline button,
  .powFood .itemPopup .formInline .cancel {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .powFood .itemPopup .formInline button,
  .powFood .itemPopup .formInline .cancel {
    margin: 0;
  }
}
.powFood .itemPopup .formInline .cancel {
  display: none;
}
.powFood .itemPopup .formInline .rowQuantity {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: none;
}
@media all and (max-width: 780px) {
  .powFood .itemPopup .formInline .rowQuantity {
    text-align: left;
  }
}
.powFood .itemPopup .formInline .rowQuantity label {
  padding: 0;
}
.powFood .itemPopup .formInline .rowQuantity input[type="number"] {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
  margin-left: auto;
  padding: 0 10px;
  height: 40px;
}
.powFood .itemPopup .popupImage {
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
  background: none;
  text-align: left;
}
.powFood .itemPopupButtons {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFF;
  padding: 14px 20px;
  -webkit-box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
          box-shadow: 0 -1px 4px 0 rgba(0, 0, 0, 0.08);
}
@media all and (max-width: 780px) {
  .powFood .itemPopupButtons {
    padding: 44px 20px 10px;
  }
}
.powFood .itemPopupButtons .button {
  min-width: 50%;
  padding: 16px 20px 17px 20px;
}
@media all and (max-width: 780px) {
  .powFood .itemPopupButtons .button {
    padding: 11px 20px;
  }
}
@media (max-width: 780px) {
  .powFood .grid .titleHeader.fixed {
    padding-top: 0;
  }
}
.powFood .contentBlock.orderSummary {
  padding: 20px;
  background: #FFF;
}
.powFood .grid .menuItem .itemOptions .itemPrice {
  min-height: 27px;
}
.powFood .form-error:after {
  left: 10px;
}
.powFood .itemPopup .formInline .row {
  margin: 0 0 20px;
}
.powFood .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 640px) {
  .powFood .itemPopup .formInline .row:not(.checkboxRow) label {
    padding: 14px 0;
  }
}
.powFood .itemPopup .formInline .row:not(.checkboxRow) label + input[type="text"] {
  width: 64%;
}
@media only screen and (max-width: 640px) {
  .powFood .itemPopup .formInline .row:not(.checkboxRow) label + input[type="text"] {
    width: 100%;
  }
}
.powFood .itemPopup .formInline .row #addressfinderPostcodeError {
  float: left;
  width: 100%;
  text-align: right;
}
@media (max-width: 780px) {
  .powFood .itemPopup .formInline .row #addressfinderPostcodeError {
    text-align: center;
  }
}
.powFood .itemPopup .formInline .row #addressfinderPostcodeError span {
  display: block;
  margin: 20px 0;
}
.powFood .overlayBox {
  position: relative;
  background: none;
  left: 0 !important;
  top: 0 !important;
  border-radius: 0;
  margin: 32px;
  max-height: calc(100% - 64px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: 560px;
      flex-basis: 560px;
}
@media (max-width: 780px) {
  .powFood .overlayBox {
    text-align: left;
  }
}
@media only screen and (max-width: 767px) and (min-width: 0px) {
  .powFood .overlayBox {
    margin: 0;
    max-height: 100%;
    max-width: 100%;
    background: blue;
  }
}
.powFood .overlayBox .overlayAjax {
  background: #fff;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 3px;
  overflow: hidden;
}
.powFood .overlayBox .itemPopup {
  width: 100%;
  max-width: 100%;
  padding: 16px;
  margin-bottom: 80px;
}
@media all and (max-width: 780px) {
  .powFood .overlayBox .itemPopup {
    -webkit-transform: none;
    transform: none;
    margin-bottom: 0;
    padding-bottom: 115px;
  }
  .powFood .overlayBox .itemPopup.allergyPopup {
    margin-bottom: 0;
    padding-bottom: 20px;
  }
}
.powFood .overlayBox .itemPopup .row .cost {
  display: none;
}
.powFood .overlayBox .itemPopup.allergyPopup {
  margin-bottom: 0;
}
.powFood .overlayBox .itemPopup.allergyPopup h2 + .row {
  margin-top: 20px;
}
.powFood .overlayBox .itemPopup.allergyPopup .description + .row {
  margin-top: 0;
}
.loginWrap .link {
  display: inline-block;
  margin: 20px 0 0;
}
.localBusiness .postcodeChecker.postcodeFooter h3,
.localBusiness .postcodeChecker.postcodeCta h3 {
  color: #fff;
}
.localBusiness .appCTA h2 {
  color: #fff;
}
.localBusiness .overlayCloseButton .icon-secondary {
  color: #fff;
}
.localBusiness .guestWrap p,
.localBusiness .loginWrap p {
  font-size: 1em;
  font-weight: 500;
}
.localBusiness .guestWrap .buttonAlt,
.localBusiness .loginWrap .buttonAlt {
  min-width: 265px;
  border: 2px solid #1c2148;
  padding: 10px 10px;
  color: #1c2148;
  background: #fff;
}
@media (max-width: 640px) {
  .localBusiness .miniBasket > li a {
    font-size: 12px;
    font-size: 0.8571428571428571rem;
    padding: 0 4px 0 0;
  }
}
@media (max-width: 640px) {
  .localBusiness .topBar .userLinks li a {
    font-size: 12px;
    font-size: 0.8571428571428571rem;
    padding: 0 8px;
  }
}
@media (max-width: 780px) {
}
@media (max-width: 780px) {
}
@media (max-width: 780px) {
  .localBusiness.transparentHeader #header .mainMenu a {
    color: #1c2148;
  }
}
@media (max-width: 780px) {
  .localBusiness .menuCategory {
    padding: 20px 0;
  }
}
.localBusiness .itemOptions .icon-secondary {
  fill: #FFF;
}
.localBusiness .merchantLandingPage .merchantLandingPageSectionsWrapper,
.localLoveDundee .merchantLandingPage .merchantLandingPageSectionsWrapper {
  overflow: auto;
}
.localBusiness .merchantLandingPage .mainPanel,
.localLoveDundee .merchantLandingPage .mainPanel {
  width: 60%;
  float: left;
}
@media all and (max-width: 780px) {
  .localBusiness .merchantLandingPage .mainPanel,
  .localLoveDundee .merchantLandingPage .mainPanel {
    width: auto;
    float: none;
  }
}
.localBusiness .merchantLandingPage .sidePanel,
.localLoveDundee .merchantLandingPage .sidePanel {
  width: 40%;
  float: right;
  padding-left: 40px;
}
@media all and (max-width: 780px) {
  .localBusiness .merchantLandingPage .sidePanel,
  .localLoveDundee .merchantLandingPage .sidePanel {
    width: auto;
    float: none;
    padding: 40px 0 0 0 ;
  }
}
.localBusiness .merchantLandingPage .sidePanel .sectionBlock:first-of-type,
.localLoveDundee .merchantLandingPage .sidePanel .sectionBlock:first-of-type {
  margin: 0 0 40px;
}
.localBusiness .merchantLandingPage .sidePanel .sectionBlock .button,
.localLoveDundee .merchantLandingPage .sidePanel .sectionBlock .button {
  margin: 0;
}
.localBusiness .merchantLandingPage .sidePanel ul li,
.localLoveDundee .merchantLandingPage .sidePanel ul li {
  list-style: none;
}
.localBusiness .pageContent,
.localLoveDundee .pageContent {
  margin: 0 0 16px;
}
.localBusiness .pageContent:last-child,
.localLoveDundee .pageContent:last-child {
  margin-bottom: 0;
}
.successMessage {
  padding: 24px;
  margin: 40px 0 0;
  background: rgba(0, 0, 0, 0.05);
}
.successMessage p {
  font-size: 16px;
  font-size: 1.1428571428571428rem;
}
.localLoveDundee .merchantLandingPage .sectionBlock .question h3 {
  background: #1c2148;
  color: #FFF;
}
@font-face {
  font-family: 'New Grotesk Square';
  src: url('/sites/template_2018/font/brewdog/new-grotesk-square-400.woff2') format('woff2'), url('/sites/template_2018/font/brewdog/new-grotesk-square-400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'New Grotesk Square';
  src: url('/sites/template_2018/font/brewdog/new-grotesk-square-500.woff2') format('woff2'), url('/sites/template_2018/font/brewdog/new-grotesk-square-500.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas Grotesk Text Std';
  src: url('/sites/template_2018/font/brewdog/neue-haas-grotesk-text-std-bold.woff2') format('woff2'), url('/sites/template_2018/font/brewdog/neue-haas-grotesk-text-std-bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas Grotesk Text Std';
  src: url('/sites/template_2018/font/brewdog/neue-haas-grotesk-text-std-med.woff2') format('woff2'), url('/sites/template_2018/font/brewdog/neue-haas-grotesk-text-std-med.woff') format('woff');
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: 'Neue Haas Grotesk Text Std';
  src: url('/sites/template_2018/font/brewdog/neue-haas-grotesk-text-std-reg.woff2') format('woff2'), url('/sites/template_2018/font/brewdog/neue-haas-grotesk-text-std-reg.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.brewdog {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 18px;
  line-height: 26px;
  color: #000000;
  background: #FFFFFF;
  padding-top: 76px;
}
@media all and (max-width: 780px) {
  .brewdog {
    padding-top: 59px;
  }
}
@media all and (max-width: 780px) {
  .brewdog .siteOuterWrapper {
    z-index: inherit;
  }
}
.brewdog .siteOuterWrapper.full_width .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .brewdog .siteOuterWrapper.full_width .wrapper {
    padding: 0 12px;
  }
}
.brewdog .siteOuterWrapper.full_width .gridContainer .wrapper {
  max-width: 1186px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .brewdog .siteOuterWrapper.full_width .gridContainer .wrapper {
    padding: 0 12px;
  }
}
.brewdog .siteOuterWrapper.full_width .postcodeLandingWrap .wrapper,
.brewdog .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
  max-width: 1120px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .brewdog .siteOuterWrapper.full_width .postcodeLandingWrap .wrapper,
  .brewdog .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
    padding: 0 12px;
  }
}
.brewdog .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .brewdog .wrapper {
    padding: 0 12px;
  }
}
.brewdog h1,
.brewdog h2,
.brewdog h3,
.brewdog h4,
.brewdog h5,
.brewdog h6 {
  font-family: 'New Grotesk Square';
  color: #000000;
}
.brewdog h1:last-child,
.brewdog h2:last-child,
.brewdog h3:last-child,
.brewdog h4:last-child,
.brewdog h5:last-child,
.brewdog h6:last-child {
  margin-bottom: 0;
}
.brewdog a {
  color: #000000;
}
.brewdog p {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
  color: #000000;
}
.brewdog .button,
.brewdog .buttonAlt {
  font-family: 'Neue Haas Grotesk Text Std';
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0;
  font-weight: 500;
  border-radius: 0;
  padding: 8px 10px;
  line-height: 24px;
}
.brewdog .button:focus,
.brewdog .buttonAlt:focus {
  outline: 0;
}
.brewdog .button.icon-right svg,
.brewdog .buttonAlt.icon-right svg {
  margin-left: 8px;
}
.brewdog .button.icon-left svg,
.brewdog .buttonAlt.icon-left svg {
  margin-right: 8px;
}
.brewdog .button.forward:after,
.brewdog .buttonAlt.forward:after {
  position: relative;
  right: 0;
  top: 0;
  margin-left: 12px;
  -webkit-transform: none;
          transform: none;
}
.brewdog .button[disabled],
.brewdog .buttonAlt[disabled] {
  background: #DBDBDB;
}
.brewdog .button[disabled]:hover,
.brewdog .buttonAlt[disabled]:hover {
  background: #DBDBDB;
  cursor: default;
}
.brewdog .button {
  color: #000;
  text-transform: none;
}
.brewdog .button:hover {
  background: #33C8E9;
}
.brewdog .buttonAlt {
  background: #000;
  border: 2px solid #000;
  color: #FFF;
  text-transform: none;
  padding: 6px 10px;
}
.brewdog .buttonAlt:hover {
  background: #3E3E3E;
  border-color: #3E3E3E;
}
.brewdog .buttonAlt.outline {
  background: none;
  color: #000;
}
.brewdog .buttonAlt.outline:hover {
  background: #3E3E3E;
  color: #FFF;
}
.brewdog .buttonAlt.outline:hover svg path {
  stroke: #FFF;
}
.brewdog form fieldset {
  margin-bottom: 12px;
}
.brewdog .row input[type="checkbox"] + label,
.brewdog .checkboxRow input[type="checkbox"] + label,
.brewdog .row input[type="radio"] + label,
.brewdog .checkboxRow input[type="radio"] + label {
  padding-top: 0;
  padding-bottom: 0;
}
.brewdog .row input[type="checkbox"] + label:before,
.brewdog .checkboxRow input[type="checkbox"] + label:before,
.brewdog .row input[type="radio"] + label:before,
.brewdog .checkboxRow input[type="radio"] + label:before {
  top: 0;
}
.brewdog .row input[type="text"],
.brewdog .row input[type="tel"],
.brewdog .row input[type="email"],
.brewdog .row input[type="password"],
.brewdog .row input[type="search"],
.brewdog .row input[type="number"],
.brewdog .row textarea,
.brewdog .row select,
.brewdog .row .placeholder {
  font-size: 16px;
  line-height: 22px;
  border-radius: 0;
  border: 1px solid #DBDBDB;
  padding: 4px 16px;
  height: 40px;
  color: #000;
}
.brewdog .row select {
  padding-right: 30px;
}
.brewdog .row textarea {
  padding: 10px 16px;
  height: 90px;
}
.brewdog .hubLandingPage .sliderBd .textWrap {
  background: #000;
  color: #FFF;
}
.brewdog .hubLandingPage .sliderBd h1 {
  font-size: 52px;
  line-height: 58px;
  color: inherit;
}
@media (max-width: 640px) {
  .brewdog .hubLandingPage .sliderBd h1 {
    font-size: 28px;
    line-height: 34px;
  }
}
.brewdog .hubLandingPage .sliderBd p {
  color: inherit;
}
.brewdog .hubLandingPage .sliderBd .button {
  background: #FFF;
}
.brewdog .hubLandingPage .sliderBd .button:hover {
  background: #33C8E9;
}
.brewdog .siteOuterWrapper.full_width .topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.brewdog .siteOuterWrapper.full_width .footer,
.brewdog .siteOuterWrapper.full_width .footer .wrapper {
  padding: 0;
}
@media (max-width: 780px) {
  .brewdog .siteOuterWrapper.full_width .footer,
  .brewdog .siteOuterWrapper.full_width .footer .wrapper {
    padding: 0;
  }
}
.brewdog .siteOuterWrapper .footer,
.brewdog .siteOuterWrapper .footer .wrapper {
  padding: 0;
}
.topBarBd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  background: #FFF;
  float: left;
  width: 100%;
  *zoom: 1;
  border-bottom: 1px solid #CCCCCC;
}
.topBarBd:before,
.topBarBd:after {
  content: "";
  display: table;
}
.topBarBd:after {
  clear: both;
}
.topBarBd:before,
.topBarBd:after {
  content: "";
  display: table;
}
.topBarBd:after {
  clear: both;
}
@media (max-width: 800px) {
}
.topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.topBarBd a {
  font-weight: 500;
}
.topBarBd .headerDetailsBd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 780px) {
  .topBarBd .headerDetailsBd .topBarLeft {
    display: none;
  }
}
.topBarBd .headerDetailsBd .topBarRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.topBarBd .headerDetailsBd .topBarRight ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.topBarBd .topBarLogo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 19px 0;
}
@media all and (max-width: 780px) {
  .topBarBd .topBarLogo {
    position: relative;
    left: 0;
    -webkit-transform: none;
            transform: none;
    margin: 13px 24px 14px;
  }
}
@media (max-width: 374px) {
  .topBarBd .topBarLogo {
    margin: 13px 12px 14px;
  }
}
.topBarBd .topBarLogo img {
  height: 37px;
}
@media all and (max-width: 780px) {
  .topBarBd .topBarLogo img {
    height: 31px;
  }
}
.userLinksBd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.userLinksBd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 24px 25px;
}
@media (max-width: 1000px) {
  .userLinksBd a {
    font-size: 16px;
    padding: 24px 14px 25px;
  }
}
@media all and (max-width: 780px) {
  .userLinksBd a {
    font-size: 16px;
    padding: 16px 24px;
  }
}
@media (max-width: 374px) {
  .userLinksBd a {
    padding: 16px 12px;
  }
}
.userLinksBd a img {
  max-height: 37px;
  margin: -6px 0;
}
.userLinksBd a svg,
.userLinksBd a i,
.userLinksBd a img {
  margin-right: 8px;
}
.userLinksBd a span {
  min-height: 26px;
}
.userLinksBd .userLinksExternal a {
  font-size: 14px;
}
.userLinksBd .userLinksLogin a {
  padding-left: 0;
}
@media (max-width: 850px) {
  .userLinksLogin.userLinksRegister {
    display: none;
  }
}
.userLinksLogin a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0 25px 24px;
}
@media (max-width: 1000px) {
  .userLinksLogin a {
    font-size: 16px;
    padding: 24px 0 25px 14px;
  }
}
@media all and (max-width: 780px) {
  .userLinksLogin a {
    font-size: 16px;
    padding: 16px 16px 16px 16px;
  }
}
@media (max-width: 450px) {
  .userLinksLogin a {
    padding: 16px 12px 16px 12px;
  }
}
.userLinksLogin a svg,
.userLinksLogin a i {
  margin-right: 6px;
}
@media (max-width: 850px) {
  .userLinksLogin a svg,
  .userLinksLogin a i {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .userLinksLogin a span {
    display: none;
  }
}
.miniBasketBd a {
  display: block;
  padding: 24px 24px 25px;
}
@media (max-width: 1000px) {
  .miniBasketBd a {
    font-size: 16px;
    padding: 24px 14px 25px;
  }
}
@media all and (max-width: 780px) {
  .miniBasketBd a {
    font-size: 14px;
    padding: 16px 16px 16px 0;
  }
}
@media (max-width: 450px) {
  .miniBasketBd a {
    font-size: 12px;
    padding: 16px 12px 16px 0;
  }
}
/* ------------------------------ */
/* Header */
/* ------------------------------ */
#headerBd {
  float: left;
  width: 100%;
}
.headerMainBd.center {
  text-align: center;
}
.headerMainBd .logo {
  display: block;
  margin: 34px auto 29px;
}
@media (max-width: 950px) {
  .headerMainBd .logo {
    max-width: 95px;
  }
}
.home .headerMainBd .logo {
  display: none;
}
.headerMainBd .logo img {
  max-height: 114px;
}
.footerBd {
  color: #7D7D7D;
  font-size: 16px;
  line-height: 22px;
  border-top: 2px solid #DBDBDB;
  padding-bottom: 24px;
}
.footerBd .wrapper {
  padding: 0 43px;
}
.footerBd .footer {
  background: none;
  border-top: 0;
  color: #000000;
}
.footerBd .footerCols {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 46px 0 43px;
}
@media all and (max-width: 780px) {
  .footerBd .footerCols {
    padding: 8px 0 16px;
  }
}
.footerBd .footerCols:before,
.footerBd .footerCols:after {
  display: none;
}
.footerBd .footerCols .footerCol {
  width: 33.33%;
  margin: 0;
  padding-right: 20px;
}
@media all and (max-width: 780px) {
  .footerBd .footerCols .footerCol {
    width: 100%;
    padding-right: 0;
  }
}
@media all and (max-width: 780px) {
  .footerBd .footerCol {
    border-bottom: 2px solid #B3B3B3;
  }
}
@media all and (max-width: 780px) {
  .footerBd .footerCol .footerNav li,
  .footerBd .footerCol .footerMenu li {
    border-bottom: 0;
    border-top: 1px solid #B3B3B3;
  }
}
.footerBd .footerCol .footerMenu li {
  width: 100%;
  margin-right: 0;
}
.footerBd .footerCol h3 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 18px;
  line-height: 22px;
  margin-bottom: 12px;
}
@media all and (max-width: 780px) {
  .footerBd .footerCol h3 {
    margin-bottom: 0;
  }
}
@media all and (max-width: 780px) {
  .footerBd .footerCol > h3 {
    padding: 16px 0;
    border-bottom: 0;
  }
  .footerBd .footerCol > h3:after {
    display: none;
  }
}
.footerBd .footerCol > h3 svg {
  display: none;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media all and (max-width: 780px) {
  .footerBd .footerCol > h3 svg {
    display: block;
  }
}
@media all and (max-width: 780px) {
  .footerBd .footerCol .footerColContent {
    padding: 0;
  }
}
.footerBd .footerCol .footerColText,
.footerBd .footerCol .address {
  padding-bottom: 16px;
  line-height: 22px;
}
.footerBd .footerCol ul li {
  margin-bottom: 0;
}
@media all and (max-width: 780px) {
  .footerBd .footerCol ul li a {
    padding: 16px 0;
  }
}
.footerBd .footerCols + .footerBottom {
  border-top: 2px solid #B3B3B3;
  margin: 10px 0 0;
}
@media all and (max-width: 780px) {
  .footerBd .footerCols + .footerBottom {
    padding: 0;
  }
}
.footerBd .footerBottom {
  border: 0;
  margin: 0;
  font-size: 12px;
  padding: 16px 0 0;
  color: #7D7D7D;
}
@media (max-width: 1100px) {
  .footerBd .footerBottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 780px) {
  .footerBd .footerBottom {
    font-size: 12px;
    border-top: 0;
    margin: 0;
  }
}
@media (max-width: 500px) {
  .footerBd .footerBottom {
    line-height: 20px;
  }
}
@media (max-width: 1100px) {
  .footerBd .footerBottom .copyright {
    display: block;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    padding-top: 2px;
    width: auto;
  }
}
@media (max-width: 500px) {
  .footerBd .footerBottom .copyright {
    width: 100%;
  }
}
@media (max-width: 1100px) {
  .footerBd .footerBottom #credits {
    float: right;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: auto;
    margin-left: auto;
  }
}
@media (max-width: 500px) {
  .footerBd .footerBottom #credits {
    width: 100%;
  }
}
.footerBd .footerBottom #credits a {
  color: inherit;
}
@media all and (max-width: 780px) {
  .footerBd .footerBottom #credits img {
    max-width: 60px;
  }
}
.footerBd .footerBottom .paymentOptions {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.footerBd .footerBottom .paymentOptions img {
  position: relative;
  left: 0;
  -webkit-transform: none;
          transform: none;
  max-height: auto;
  max-width: 160px;
}
@media (max-width: 1100px) {
  .footerBd .footerBottom .paymentOptions img {
    margin-left: auto;
    margin-right: 0;
  }
}
@media all and (max-width: 780px) {
  .footerBd .footerBottom .paymentOptions img {
    width: 156px;
  }
}
@media (max-width: 1100px) {
  .footerBd .footerBottom .paymentOptions {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: 100%;
    position: relative;
    left: 0;
    -webkit-transform: none;
            transform: none;
  }
}
.footerBd .footerBottom .secureCheckout {
  float: left;
  margin-right: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-transform: uppercase;
}
@media all and (max-width: 780px) {
  .footerBd .footerBottom .secureCheckout .title span {
    display: none;
  }
}
.footerBd .footerBottom .secureCheckout svg {
  margin-right: 8px;
}
.footerBd .footerBottom .secureCheckout svg path {
  fill: #7D7D7D;
}
.footerBd .userLinksExternal {
  width: 100%;
  text-align: center;
  margin: 24px 0 0;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .footerBd .userLinksExternal {
    font-size: 14px;
  }
}
.footerBd .userLinksExternal img {
  height: 37px;
  vertical-align: middle;
  width: auto;
  margin-right: 8px;
}
.calltoactionsWrap {
  float: left;
  width: 100%;
  background: #FFF;
  padding: 72px 0;
  overflow: hidden;
}
@media (max-width: 640px) {
  .calltoactionsWrap {
    padding: 48px 0;
  }
}
.calltoactionsWrap .wrapper {
  max-width: 1073px;
  padding: 0 20px;
}
.calltoactionsWrap ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -30px -32px;
}
@media (max-width: 800px) {
  .calltoactionsWrap ul {
    margin: 0 -10px -32px;
  }
}
.calltoactionsWrap li {
  width: calc(50% - 60px);
  margin: 0 30px 32px;
}
@media (max-width: 800px) {
  .calltoactionsWrap li {
    width: calc(50% - 20px);
    margin: 0 10px 32px;
  }
}
@media (max-width: 640px) {
  .calltoactionsWrap li {
    width: calc(100% - 20px);
    text-align: center;
  }
}
.calltoactionsWrap .cta {
  text-align: left;
}
.calltoactionsWrap .imageWrap {
  margin-bottom: 24px;
}
.calltoactionsWrap .imageWrap img {
  width: 100%;
}
.calltoactionsWrap .textContent {
  margin-bottom: 16px;
}
.calltoactionsWrap h4 {
  font-size: 48px;
  line-height: 100%;
  font-weight: 500;
  margin-bottom: 16px;
  text-transform: uppercase;
}
@media (max-width: 640px) {
  .calltoactionsWrap h4 {
    font-size: 32px;
  }
}
.calltoactionsWrap p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  margin-bottom: 16px;
}
@media (max-width: 640px) {
  .calltoactionsWrap p {
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 16px;
  }
}
.calltoactionsWrap .button,
.calltoactionsWrap .buttonAlt {
  padding: 8px 16px;
  line-height: 24px;
  text-transform: none;
}
.slideWrapperBd {
  float: left;
  width: 100%;
  text-align: left;
}
.slideBd {
  position: relative;
  background: #DDD;
  min-height: 622px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px;
}
@media (max-width: 640px) {
  .slideBd {
    min-height: 575px;
    text-align: center;
  }
}
@media (max-width: 374px) {
  .slideBd {
    padding: 24px 12px;
  }
}
.slideBd .imageWrap {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.slideBd .textWrap {
  position: relative;
  background: #FFF;
  padding: 48px;
  margin: 0 auto;
  max-width: 847px;
  -webkit-box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.06);
          box-shadow: 0px 20px 25px rgba(0, 0, 0, 0.1), 0px 10px 10px rgba(0, 0, 0, 0.06);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 640px) {
  .slideBd .textWrap {
    padding: 32px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media (max-width: 374px) {
  .slideBd .textWrap {
    padding: 24px;
  }
}
@media (max-width: 640px) {
  .slideBd .textContent {
    width: 100%;
  }
}
.slideBd .logo {
  margin-right: 48px;
  max-width: 178px;
}
@media (max-width: 640px) {
  .slideBd .logo {
    max-width: 120px;
    height: auto;
    margin: 0 auto 24px;
  }
}
.slideBd h1 {
  font-size: 64px;
  line-height: 100%;
  text-transform: uppercase;
  margin-bottom: 24px;
  font-weight: 400;
}
@media (max-width: 1000px) {
  .slideBd h1 {
    font-size: 50px;
  }
}
@media (max-width: 640px) {
  .slideBd h1 {
    font-size: 32px;
  }
}
.brewdog .selectStore .info.toggled,
.brewdog .selectStore .info {
  display: none;
}
.brewdog .storeList + .storeSearch {
  display: none;
}
.brewdog .storeList + .storeSearch.toggled {
  display: none;
}
.brewdog .storeSearch {
  width: 100%;
  max-width: 525px;
  margin: 0 auto 40px;
  padding: 0;
  background: none;
  border-radius: 0;
}
.brewdog .storeSearch.toggled {
  display: block;
}
.brewdog .storeSearch.toggled.hidden {
  display: none;
}
.home .brewdog .storeSearch {
  margin: 0;
}
.brewdog .storeSearch .row {
  width: calc(100% - 200px - 8px);
  max-width: 300px;
  margin: 0;
  margin-right: 8px;
}
@media (max-width: 1000px) {
  .brewdog .storeSearch .row {
    width: calc(100% - 120px - 8px);
  }
}
@media (max-width: 700px) {
  .brewdog .storeSearch .row {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.brewdog .storeSearch .row input[type="text"] {
  padding: 12px 16px;
  line-height: 24px;
  height: auto;
  border-radius: 0;
}
.brewdog .storeSearch .button {
  width: 200px;
  margin: 0;
  padding: 13px 10px;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .brewdog .storeSearch .button {
    width: 120px;
  }
}
@media (max-width: 700px) {
  .brewdog .storeSearch .button {
    width: 100%;
  }
}
.brewdog .storeSearch .buttonAlt {
  font-size: 18px;
  width: 100%;
  margin: 16px 0 0;
  padding: 6px 10px;
  border-radius: 20px;
  text-transform: none;
  line-height: 24px;
  max-width: 300px;
}
@media (max-width: 640px) {
  .brewdog .storeSearch .buttonAlt {
    font-size: 16px;
    margin: 8px 0 0;
  }
}
.brewdog #postcode_error h2 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 20px;
  margin: 20px 0 10px;
  text-transform: none;
  font-weight: 500;
}
.brewdog .selectStore {
  margin: 0 auto 72px;
  max-width: 1138px;
  padding: 0;
}
.brewdog .selectStore.all {
  padding: 0;
  margin: 0 auto;
}
.brewdog .selectStore.all .storeList > ul > li {
  border-bottom: 0;
  margin: 0;
}
.brewdog .selectStore .storeList .wrapper {
  padding: 0;
}
.brewdog .selectStore h1 {
  display: none;
}
.brewdog .orderSteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #000;
  padding: 15px 0;
  max-width: 998px;
  margin: 0 auto 48px;
  border-radius: 30px;
  color: #FFF;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .brewdog .orderSteps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: none;
    padding: 0;
    border-radius: 0;
  }
}
.brewdog .orderSteps li {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 24px;
  line-height: 30px;
  padding: 0 24px;
  margin: 0;
  color: #919191;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .brewdog .orderSteps li {
    font-size: 18px;
    line-height: 22px;
  }
}
@media all and (max-width: 780px) {
  .brewdog .orderSteps li {
    width: 100%;
    margin-bottom: 16px;
  }
  .brewdog .orderSteps li:last-child {
    margin-bottom: 0;
  }
}
.brewdog .orderSteps li:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -5px;
}
@media all and (max-width: 780px) {
  .brewdog .orderSteps li:after {
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
    top: auto;
    right: 50%;
    bottom: -19px;
    color: #000;
  }
}
.brewdog .orderSteps li.active {
  color: #FFF;
}
@media all and (max-width: 780px) {
  .brewdog .orderSteps li.active {
    color: #000;
  }
}
.brewdog .orderSteps li a {
  color: inherit;
}
.brewdog .orderSteps li a:hover {
  color: #FFF;
}
@media all and (max-width: 780px) {
  .brewdog .orderSteps li a:hover {
    color: #000;
  }
}
.brewdog .stepNumber {
  display: none;
}
.brewdog .overlayBox .storeList .storeItem .storeButton {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 16px;
  margin-bottom: -10px;
}
.brewdog .overlayBox .storeList .storeItem .storeButton .button {
  margin-bottom: 10px;
}
.brewdog .storeList li:first-child h4 {
  margin-top: 0;
}
.brewdog .storeList h4 {
  font-size: 64px;
  line-height: 100%;
  font-weight: 500;
  margin: 40px 0 0;
  text-align: center;
}
@media all and (max-width: 780px) {
  .brewdog .storeList h4 {
    font-size: 32px;
  }
}
.brewdog .storeList .storeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0;
  border-bottom: 2px solid #B3B3B3;
}
@media all and (max-width: 780px) {
  .brewdog .storeList .storeItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 0;
  }
}
.brewdog .storeList .storeItem .storeImage {
  width: auto;
  margin-right: 16px;
  padding: 0;
}
@media all and (max-width: 780px) {
  .brewdog .storeList .storeItem .storeImage {
    margin-right: 16px;
    margin-bottom: 16px;
  }
}
.brewdog .storeList .storeItem .storeInfo {
  width: auto;
  margin-right: 0;
  padding: 0;
  line-height: 22px;
}
.brewdog .storeList .storeItem .storeInfo b {
  font-weight: normal;
  color: inherit;
}
.brewdog .storeList .storeItem .storeButton {
  width: auto;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1000px) {
  .brewdog .storeList .storeItem .storeButton {
    width: 100%;
    margin-top: 16px;
  }
}
@media all and (max-width: 780px) {
  .brewdog .storeList .storeItem .storeButton {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
    margin-top: 0;
  }
}
.brewdog .storeList .storeItem .storeButton .button {
  margin-left: 5px;
  margin-right: 5px;
}
@media all and (max-width: 780px) {
  .brewdog .storeList .storeItem .storeButton .button {
    margin-top: 0;
  }
}
.brewdog .storeList .storeItem .storeButton .button[disabled] {
  max-width: 380px;
  white-space: normal;
  font-weight: normal;
}
@media (max-width: 1000px) {
  .brewdog .storeList .storeItem .storeButton .button[disabled] {
    max-width: 100%;
  }
}
.brewdog .storeList .storeItem .button {
  min-width: 185px;
}
@media (max-width: 1100px) {
  .brewdog .storeList .storeItem .button {
    min-width: 144px;
  }
}
@media (max-width: 400px) {
  .brewdog .storeList .storeItem .button {
    width: 100%;
  }
}
@media (max-width: 780px) {
  .brewdog .contentBlock {
    padding: 0;
  }
}
.brewdog .main {
  padding: 0;
}
.brewdog .main .wrapper .memberContentBlock h1 {
  text-align: left;
  font-size: 44px;
  margin-bottom: 24px;
}
.brewdog .main .wrapper h1 {
  position: relative;
  font-size: 64px;
  line-height: 100%;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (max-width: 640px) {
  .brewdog .main .wrapper h1 {
    font-size: 32px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1000px) {
  .brewdog .main .wrapper h1 span {
    display: block;
  }
}
.brewdog .main .wrapper h1 .backButton {
  height: 40px;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1000px) {
  .brewdog .main .wrapper h1 .backButton {
    position: relative;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 20px 0;
  }
}
.brewdog .menuCategory {
  margin-bottom: 0;
  padding: 0;
}
.brewdog .menuCategory .titleHeader {
  margin: 0;
}
.brewdog .menuCategoryContent {
  width: calc(100% + 16px);
  padding: 22px 0 0;
  margin: 0 -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.brewdog .menuCategoryContent:before,
.brewdog .menuCategoryContent:after {
  display: none;
}
.brewdog .full_width .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@supports (-ms-ime-align:auto) {
  .brewdog .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 18px);
  }
}
@media (max-width: 1500px) and (min-width: 1360px), (max-width: 1159px) and (min-width: 926px) {
  .brewdog .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .brewdog .full_width .grid .menuItem.productMenuItem {
      width: calc(33.33% - 18px);
    }
  }
}
@media (max-width: 1359px) and (min-width: 1160px) {
  .brewdog .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .brewdog .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
@media (max-width: 925px) {
  .brewdog .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .brewdog .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
.brewdog .grid {
  width: calc(66.66% - 8px);
  margin-right: 8px;
  margin-bottom: -16px;
  padding-bottom: 72px;
}
@media only screen and (max-width:1160px) {
  .brewdog .grid {
    width: 100%;
    margin-right: 0;
    padding-bottom: 40px;
  }
}
.brewdog .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@media (max-width: 925px) {
  .brewdog .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
}
.brewdog .grid .titleHeader.fixed h2 {
  border-radius: 0;
  padding: 0;
}
.brewdog .grid h2 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .brewdog .grid h2 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
}
.brewdog .grid h2 span {
  padding: 10px 0;
}
.brewdog .grid h2 .backButton {
  display: none;
}
.brewdog .grid .menuItem {
  width: calc(50% - 16px);
  margin: 0 8px 16px;
}
@supports (-ms-ime-align:auto) {
  .brewdog .grid .menuItem {
    width: calc(50% - 18px);
  }
}
@media (max-width: 1110px) {
  .brewdog .grid .menuItem {
    width: calc(100% - 16px);
    margin: 0 8px 16px;
    max-width: 100%;
  }
  @supports (-ms-ime-align:auto) {
    .brewdog .grid .menuItem {
      width: calc(100% - 18px);
    }
  }
}
.brewdog .grid .menuItem .categoryImageWrap:before {
  background: rgba(0, 0, 0, 0.2);
}
.brewdog .grid .menuItem .categoryImageWrap .categoryTitle {
  padding: 24px;
  min-height: 200px;
}
@media (max-width: 925px) {
  .brewdog .grid .menuItem .categoryImageWrap .categoryTitle {
    min-height: 160px;
  }
}
.brewdog .grid .menuItem .categoryImageWrap .categoryTitle h4 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}
.brewdog .grid .menuItem .imageWrap {
  border: 0;
}
.brewdog .grid .menuItem .itemName {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 16px;
  line-height: 22px;
}
.brewdog .grid .menuItem .details {
  background: #ECECEC;
  padding: 16px;
}
.brewdog .grid .menuItem .itemOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid #CCCCCC;
  margin-top: 16px;
  padding: 25px 0 0;
}
@media all and (max-width: 780px) {
  .brewdog .grid .menuItem .itemOptions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0 0;
  }
}
.brewdog .grid .menuItem .itemOptions.quickAdd .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
}
@media all and (max-width: 780px) {
  .brewdog .grid .menuItem .itemOptions.quickAdd .options {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.brewdog .grid .menuItem .itemOptions.quickAdd .itemQty {
  padding: 0 5px;
}
@media (max-width: 400px) {
  .brewdog .grid .menuItem .itemOptions.quickAdd .addItem,
  .brewdog .grid .menuItem .itemOptions.quickAdd .removeItem {
    width: auto;
  }
}
.brewdog .grid .menuItem .itemOptions.quickAdd .addItem:hover,
.brewdog .grid .menuItem .itemOptions.quickAdd .removeItem:hover {
  width: auto;
}
.brewdog .grid .menuItem .itemOptions.quickAdd .addItem span,
.brewdog .grid .menuItem .itemOptions.quickAdd .removeItem span {
  display: none;
}
.brewdog .grid .menuItem .itemOptions.quickAdd .addItem svg,
.brewdog .grid .menuItem .itemOptions.quickAdd .removeItem svg {
  margin: 0;
}
.brewdog .grid .menuItem .itemOptions .itemPrice {
  margin: 0;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .brewdog .grid .menuItem .itemOptions .itemPrice {
    width: 100%;
    margin: 0 0 8px;
  }
}
.brewdog .grid .menuItem .itemOptions .itemPrice .options i {
  font-size: 14px;
}
.brewdog .grid .menuItem .itemOptions .options {
  margin-left: auto;
}
@media all and (max-width: 780px) {
  .brewdog .grid .menuItem .itemOptions .options {
    margin-left: 0;
    width: 100%;
  }
}
.brewdog .grid .menuItem .itemOptions .options.loading i.fa-spin {
  top: 8px;
  -webkit-transform: none;
          transform: none;
}
.brewdog .grid .menuItem .addItem,
.brewdog .grid .menuItem .removeItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 22px;
  background: #00AFDB;
  padding: 9px 12px;
  height: 40px;
  min-width: 40px;
}
@media (max-width: 400px) {
  .brewdog .grid .menuItem .addItem,
  .brewdog .grid .menuItem .removeItem {
    width: 100%;
  }
}
.brewdog .grid .menuItem .addItem:hover,
.brewdog .grid .menuItem .removeItem:hover {
  background: #33C8E9;
}
.brewdog .grid .menuItem .addItem.checked:after,
.brewdog .grid .menuItem .removeItem.checked:after {
  opacity: 0;
}
.brewdog .grid .menuItem .addItem:after,
.brewdog .grid .menuItem .removeItem:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 5px;
}
.brewdog .grid .menuItem .addItem svg,
.brewdog .grid .menuItem .removeItem svg {
  width: 15px;
  height: 16px;
  margin-left: 8px;
}
.brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle,
.brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle {
  padding-bottom: 88px;
}
.brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
.brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
  position: absolute;
  bottom: 24px;
  left: 24px;
  max-width: calc(100% - 48px);
  min-width: 144px;
  min-width: auto;
  max-width: 100%;
  padding: 8px 16px;
  background: #000;
  color: #FFF;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  left: 0;
  bottom: 0;
  text-align: left;
}
@media (max-width: 780px) {
  .brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
  .brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
    width: auto;
    font-size: 16px;
  }
}
.brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button:hover,
.brewdog .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button:hover {
  background: #000;
}
.brewdog .backButton {
  font-size: 16px;
  padding: 5px 16px;
  border: 2px solid #000;
  color: #000;
  background: none;
  border-radius: 20px;
}
.brewdog .backButton:hover {
  background: #000;
  color: #FFF;
}
.brewdog .backButton:hover svg path {
  fill: #fff;
}
.brewdog .backButton svg {
  margin-right: 8px;
}
.brewdog .menuItem .imageWrap {
  position: relative;
}
.brewdog .menuItem .backImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.brewdog .menuOrderWrap {
  width: calc(33.33% - 8px);
  margin-left: 8px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 100%;
}
.brewdog #basket_html {
  font-size: 16px;
  line-height: 100%;
  margin-top: 32px;
  padding: 24px;
}
.brewdog #basket_html.basketFull {
  max-width: 630px;
  margin: 0 auto 72px;
  border: 2px solid #CCCCCC;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.brewdog #basket_html > div {
  padding: 16px 0;
  margin-bottom: 0;
  border-bottom: 2px solid #CCC;
}
.brewdog #basket_html > div:first-child {
  padding-top: 0;
}
.brewdog #basket_html .deliveryMethod .row {
  margin-bottom: 10px;
}
.brewdog #basket_html .basketLabel {
  font-weight: normal;
}
.brewdog #basket_html .basketPrice {
  font-weight: normal;
}
.brewdog #basket_html .basketTotal {
  padding: 32px 0;
  font-size: 18px;
}
.brewdog #basket_html .row:not(.checkboxRow) label {
  width: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 0;
  font-weight: normal;
}
.brewdog #basket_html .basketNote {
  margin-bottom: 8px;
}
.brewdog #basket_html .checkoutGoButton {
  padding: 16px 10px;
  margin-top: 24px;
}
.brewdog #basket_html .checkoutGoButton svg {
  margin-right: 10px;
}
.brewdog .basketDelivery {
  border-top: 0;
}
.brewdog .menuCategoriesList,
.brewdog .menuOrder #basket_html,
.brewdog .menuInfo {
  border: 2px solid #CCCCCC;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.brewdog .menuCategories > h2,
.brewdog .menuOrder > h2 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  height: auto;
  margin: 0;
}
.brewdog .basketItems .basket_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  font-weight: normal;
}
@media all and (max-width: 780px) {
  .brewdog .basketItems .basket_row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
    border-bottom: 1px solid #DDD;
    padding-bottom: 16px;
  }
  .brewdog .basketItems .basket_row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.brewdog .basketItems .basket_row:last-child {
  margin-bottom: 0;
}
.brewdog .basketItems .itemDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  word-break: break-word;
}
@media all and (max-width: 780px) {
  .brewdog .basketItems .itemDesc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: calc(100% - 115px);
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-bottom: 10px;
  }
}
.brewdog .basketItems .itemDesc strong {
  color: inherit;
}
.brewdog .basketItems .itemDesc h4 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 16px;
  color: #000;
  margin: 0;
}
.brewdog .basketItems .itemDesc ul {
  margin-left: 20px;
}
.brewdog .basketItems .itemDesc ul li {
  list-style: disc;
}
.brewdog .basketItems .itemQty {
  width: auto;
  margin-right: 16px;
}
@media all and (max-width: 780px) {
  .brewdog .basketItems .itemQty {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 115px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 16px;
  }
}
.brewdog .basketItems .itemQty a,
.brewdog .basketItems .itemQty span {
  font-size: 16px;
}
.brewdog .basketItems .itemQty a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid #000000;
  color: #000;
}
.brewdog .basketItems .itemQty a:hover {
  background: #000;
  color: #FFF;
}
.brewdog .basketItems .itemQty span {
  width: auto;
  height: auto;
  line-height: 32px;
  padding: 0 8px;
  min-width: 32px;
}
.brewdog .basketItems .itemQty svg {
  width: 16px;
  height: 16px;
}
.brewdog .basketItems .itemCost {
  margin-left: auto;
  width: auto;
}
@media all and (max-width: 780px) {
  .brewdog .basketItems .itemCost {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 780px) {
  .brewdog .basketItems .itemRemove {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.brewdog .storeClosed {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 100%;
}
.brewdog .row.coupon {
  padding: 0 0 16px;
  border-bottom: 2px solid #CCCCCC;
}
.brewdog .row.coupon #coupon_code {
  width: auto;
  max-width: calc(100% - 162px);
  margin-bottom: 0;
  margin-right: 9px;
}
@media all and (max-width: 780px) {
  .brewdog .row.coupon #coupon_code {
    max-width: 100%;
    margin-right: 0;
  }
}
.brewdog .row.coupon .basket_applycoupon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  border: 2px solid #000;
  color: #000;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .brewdog .row.coupon .basket_applycoupon {
    margin-top: 10px;
  }
}
.brewdog .row.coupon .basket_applycoupon:hover {
  background: #000;
  color: #fff;
}
.brewdog .mainLogin {
  max-width: 1138px;
  margin: 0 auto;
}
.brewdog .guestWrap,
.brewdog .loginWrap {
  width: calc(50% - 13px);
  margin: 0 auto 72px;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .brewdog .guestWrap,
  .brewdog .loginWrap {
    width: 100%;
    min-height: 0;
    margin-bottom: 16px;
  }
}
.brewdog .guestWrap h2,
.brewdog .loginWrap h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'Neue Haas Grotesk Text Std';
  margin-bottom: 16px;
}
@media only screen and (max-width: 640px) {
  .brewdog .guestWrap h2,
  .brewdog .loginWrap h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.brewdog .guestWrap h3,
.brewdog .loginWrap h3 {
  font-weight: normal;
  font-family: 'Neue Haas Grotesk Text Std';
}
.brewdog .guestWrap h4,
.brewdog .loginWrap h4,
.brewdog .guestWrap p,
.brewdog .loginWrap p {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  font-family: 'Neue Haas Grotesk Text Std';
  margin-bottom: 22px;
}
@media only screen and (max-width: 640px) {
  .brewdog .guestWrap h4,
  .brewdog .loginWrap h4,
  .brewdog .guestWrap p,
  .brewdog .loginWrap p {
    font-size: 16px;
    line-height: 22px;
  }
}
.brewdog .guestWrap p,
.brewdog .loginWrap p {
  margin-bottom: 24px;
}
.brewdog .guestWrap input[type="text"],
.brewdog .loginWrap input[type="text"],
.brewdog .guestWrap input[type="password"],
.brewdog .loginWrap input[type="password"] {
  float: none;
}
.brewdog .guestWrap .guestWrapInner,
.brewdog .loginWrap .guestWrapInner,
.brewdog .guestWrap .loginWrapInner,
.brewdog .loginWrap .loginWrapInner {
  border: 2px solid #CCC;
  padding: 32px 24px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.brewdog .guestWrap .button,
.brewdog .loginWrap .button,
.brewdog .guestWrap .buttonAlt,
.brewdog .loginWrap .buttonAlt {
  min-width: 200px;
}
.brewdog .guestWrap {
  margin-right: 13px;
}
@media only screen and (max-width: 640px) {
  .brewdog .guestWrap {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.brewdog .guestWrap + .loginWrap {
  margin-left: 13px;
}
@media only screen and (max-width: 640px) {
  .brewdog .guestWrap + .loginWrap {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .brewdog .loginWrap {
    margin-bottom: 48px;
  }
}
.brewdog .loginWrap .link:hover {
  text-decoration: underline;
}
.brewdog .form-error:after {
  left: 5px;
}
.brewdog .forgottenPassword {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #000000;
  margin-top: 8px;
  background: none;
}
@media all and (max-width: 780px) {
  .brewdog .forgottenPassword {
    font-size: 16px;
    line-height: 22px;
  }
}
.brewdog #checkoutForm,
.brewdog #payment-form {
  background: #fff;
  border: 2px solid #CCCCCC;
  padding: 32px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media all and (max-width: 780px) {
  .brewdog #checkoutForm,
  .brewdog #payment-form {
    padding: 24px;
  }
}
.brewdog #checkoutForm h2,
.brewdog #payment-form h2 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 16x;
  border: 0;
}
@media all and (max-width: 780px) {
  .brewdog #checkoutForm h2,
  .brewdog #payment-form h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.brewdog #checkoutForm .button,
.brewdog #payment-form .button {
  margin-top: 0;
}
.brewdog #checkoutForm .checkoutOverlay,
.brewdog #payment-form .checkoutOverlay {
  border: 2px solid #000;
  background: #FFF;
  height: 40px;
  border-radius: 20px;
  min-width: 200px;
}
@media (max-width: 400px) {
  .brewdog #checkoutForm .checkoutOverlay,
  .brewdog #payment-form .checkoutOverlay {
    width: 100%;
  }
}
.brewdog #checkoutForm .checkoutOverlay:hover,
.brewdog #payment-form .checkoutOverlay:hover {
  background: #000;
  color: #FFF;
}
.brewdog #checkoutForm .row input[type="checkbox"] + label,
.brewdog #payment-form .row input[type="checkbox"] + label,
.brewdog #checkoutForm .row input[type="radio"] + label,
.brewdog #payment-form .row input[type="radio"] + label {
  width: 100%;
  padding-left: 48px;
  max-width: 490px;
}
.brewdog #checkoutForm .row input[type="checkbox"] + label:before,
.brewdog #payment-form .row input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  border-radius: 0;
}
.brewdog #checkoutForm .button + .continueButton,
.brewdog #payment-form .button + .continueButton {
  margin-top: 20px;
}
.brewdog #checkoutForm .continueButton,
.brewdog #payment-form .continueButton {
  width: 100%;
  padding: 14px 10px;
}
@media (max-width: 374px) {
  .brewdog #checkoutForm .continueButton,
  .brewdog #payment-form .continueButton {
    font-size: 14px;
  }
}
.brewdog .itemPopup .formInline .row {
  padding: 0;
  margin: 10px 0 20px;
  background: none;
}
.brewdog .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.brewdog .itemPopup .formInline .row:not(.checkboxRow) label {
  width: auto;
}
@media only screen and (max-width: 640px) {
  .brewdog .itemPopup .formInline .row:not(.checkboxRow) label {
    width: 100%;
  }
}
.brewdog .itemPopup .formInline .row .gridWrapper {
  width: 100%;
}
.brewdog .itemPopup .formInline .row #addressfinderPostcodeError span {
  margin: 10px 0 0;
  padding: 10px 0;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  background: #ECECEC;
}
@media all and (max-width: 780px) {
  .brewdog .itemPopup .formInline .row #addressfinderPostcodeError span {
    text-align: center;
  }
}
.brewdog .itemPopup .popupImage {
  float: right;
  margin: 0 0 1em 6%;
}
.brewdog #use_billing_details {
  width: 100%;
  margin: 0 0 20px;
}
.brewdog .overlayCloseButton {
  padding: 10px;
}
.brewdog .overlayCloseButton a {
  float: right;
  background: none;
  color: #272727;
  position: relative;
  right: 10px;
  top: 0;
  margin: 0;
}
.brewdog .overlayCloseButton a:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  background: #000;
  z-index: -1;
}
.brewdog .overlayCloseButton a .closeIcon {
  fill: #000;
  width: 40px;
  height: 40px;
  margin: -5px;
}
.brewdog .overlayBox {
  border-radius: 0;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 780px) {
  .brewdog .overlayBox {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
.brewdog .overlayBox .overlayAjax {
  padding: 50px 24px 24px;
}
.brewdog .overlayBox .overlayAjax .wrapper {
  padding: 0;
}
@media only screen and (max-width: 1160px) {
  .brewdog .overlayBox .overlayAjax .wrapper {
    padding: 0;
  }
}
.brewdog .overlayBox .itemPopup {
  padding: 0;
  min-width: 502px;
}
@media all and (max-width: 780px) {
  .brewdog .overlayBox .itemPopup {
    padding: 0;
    overflow: auto;
    margin-top: 0;
    min-width: 0;
  }
}
.brewdog .overlayBox .itemPopup h2 {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  padding: 0 0 16px;
  margin-bottom: 16px;
  border-bottom: 2px solid #CCCCCC;
}
.brewdog .overlayBox .itemPopup .row input[type=checkbox] {
  border-color: #AAA;
}
.brewdog .overlayBox .itemPopup .row .mutual {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.brewdog .overlayBox .itemPopup .row .mutual .mutualName {
  width: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.brewdog .overlayBox .itemPopup .row .mutual .name {
  font-family: 'Neue Haas Grotesk Text Std';
  font-weight: normal;
  font-size: inherit;
  width: auto;
  float: left;
  margin-right: 12px;
  padding: 0;
}
.brewdog .overlayBox .itemPopup .row .mutual .mutualPrice {
  color: #919191;
  white-space: nowrap;
}
.brewdog .overlayBox .itemPopup .row .mutual .mutualRight {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: auto;
  margin-right: 12px;
}
.brewdog .overlayBox #addressfinderPostcodeError {
  width: 100%;
  font-size: 16px;
  margin: 10px 0 0;
}
.brewdog .overlayBox .selectStore {
  margin-bottom: 24px;
}
.brewdog .overlayBox .storeList h4 {
  font-size: 32px;
}
.brewdog .overlayBox .orderSteps {
  margin: 48px 0 24px;
}
.brewdog .overlayBox .orderSteps li {
  font-size: 20px;
  line-height: 26px;
}
.brewdog .itemPopup .title,
.brewdog .itemPopup label {
  font-family: 'Neue Haas Grotesk Text Std';
}
.brewdog .itemPopup .popupDesc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 26px;
}
.brewdog .itemPopup .popupDesc .descriptionContent p {
  line-height: 22px;
}
.brewdog .itemPopup .popupDesc .descriptionContent > p {
  color: #919191;
}
.brewdog .itemPopup .popupDesc p {
  margin-bottom: 16px;
}
.brewdog .itemPopup .popupDesc p:last-child {
  margin-bottom: 0;
}
.brewdog .itemPopup .formInline .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .brewdog .itemPopup .formInline .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.brewdog .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.brewdog .itemPopup .formInline .row.optionSelect {
  border-top: 2px solid #CCCCCC;
  padding-top: 8px;
}
.brewdog .itemPopup .formInline .row.optionSelect .title {
  width: 100%;
  margin-right: 0;
}
.brewdog .itemPopup .formInline .row:not(.checkboxRow) label {
  padding-top: 0;
}
.brewdog .itemPopup .formInline .row:not(.checkboxRow) select {
  width: 100%;
  margin: 0;
}
@media all and (max-width: 780px) {
  .brewdog .itemPopup .formInline .row:not(.checkboxRow) select {
    width: 100%;
  }
}
.brewdog .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin: 16px 0 0;
}
@media all and (max-width: 780px) {
  .brewdog .itemPopup .formInline .row:not(.checkboxRow) select + select {
    margin: 16px 0 0;
  }
}
.brewdog .itemPopup .formInline .row:not(.checkboxRow) select + .form-error {
  width: 100%;
  margin-top: 16px;
}
.brewdog .itemPopup .formInline .row > .title {
  margin-right: 16px;
  font-weight: 500;
}
.brewdog .itemPopup .formInline .row > label {
  font-family: 'Neue Haas Grotesk Text Std';
  width: auto;
  margin-right: 16px;
  font-weight: 500;
}
.brewdog .itemPopup .formInline .row > label + select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.brewdog .itemPopup #itemform.formInline .row.rowQuantity {
  text-align: left;
}
.brewdog .itemPopup #itemform.formInline .itemPopupButtons {
  width: auto;
  margin-top: 16px;
  float: right;
}
@media all and (max-width: 780px) {
  .brewdog .itemPopup #itemform.formInline .itemPopupButtons {
    width: 100%;
  }
}
.brewdog .itemPopup #itemform.formInline .itemPopupButtons .button {
  padding: 7px 10px;
  min-width: 155px;
}
.brewdog .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
  padding: 5px 9px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  background: none;
  min-width: 85px;
  width: auto;
}
.brewdog .itemPopup hr {
  margin: 0;
  border: 0;
  border-bottom: 2px solid #CCCCCC;
}
.brewdog .itemPopup #item_cost {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 23px;
  padding-right: 20px;
}
.brewdog .bottomButton {
  border: 0;
  padding: 0;
}
.brewdog .pageBanner.checkout .orderSteps {
  margin: 0 auto 48px !important;
}
.brewdog .memberSidebar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  border: 2px solid #DBDBDB;
  margin-bottom: 42px;
  font-size: 16px;
}
.brewdog .memberSidebar .sidebarMenu {
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 16px;
}
.brewdog .memberSidebar h6 {
  font-family: 'Neue Haas Grotesk Text Std';
}
.brewdog .memberSidebar .details > span {
  font-size: 12px;
  line-height: 18px;
}
.brewdog .memberSidebar .buttonAlt {
  width: 100%;
  margin-bottom: 16px;
}
.brewdog .memberContentBlock {
  margin-bottom: 42px;
}
.brewdog .memberContentBlock h3 {
  font-family: 'Neue Haas Grotesk Text Std';
}
@media all and (max-width: 780px) {
  .brewdog .memberContentBlock {
    padding-top: 0;
  }
}
.brewdog .pastOrder .orderOverview {
  padding: 20px 10px;
}
.brewdog .pastOrder .orderDetails {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 780px) {
  .brewdog .pastOrder .orderDetails {
    display: block;
  }
}
.brewdog .pastOrder .orderDetails .reOrder {
  margin-left: auto;
}
.brewdog .pastOrder .orderDetails h4 {
  font-family: 'Neue Haas Grotesk Text Std';
}
.brewdog .cardAddressLeft {
  padding-right: 20px;
}
@media all and (max-width: 780px) {
  .brewdog .cardAddressLeft {
    font-size: 16px;
    line-height: 22px;
  }
}
.brewdog .cardAddressRight {
  text-align: right;
}
.brewdog form[name="member_edit_marketing"] {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 24px;
  border: 2px solid #DBDBDB;
}
.brewdog form[name="member_edit_marketing"] .row:last-child {
  margin-bottom: 0;
}
.brewdog .contentBlock.orderSummary:before {
  display: none;
}
.brewdog .contentBlock.orderSummary > h2 {
  font-family: 'Neue Haas Grotesk Text Std';
}
@media all and (max-width: 780px) {
  .brewdog .contentBlock.orderSummary .basket_row {
    padding-bottom: 0;
  }
}
.brewdog .contentBlock.orderSummary .basket_row + .basket_row {
  padding-top: 0;
}
.brewdog .contentBlock.orderSummary .basket_row:not(.basket_item) .itemQty {
  width: auto;
}
@media all and (max-width: 780px) {
  .brewdog .contentBlock.orderSummary .basket_row .itemDesc {
    width: auto;
  }
}
.brewdog .contentBlock.orderSummary .basket_row .itemQty {
  padding-left: 0;
  text-align: left;
}
@media all and (max-width: 780px) {
  .brewdog .contentBlock.orderSummary .basket_row .itemQty {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.brewdog .contentBlock.orderSummary .basket_row .itemQty span {
  white-space: nowrap;
}
@media all and (max-width: 780px) {
  .brewdog .contentBlock.orderSummary .basket_row .itemQty span {
    line-height: inherit;
  }
}
.brewdog .itemMarkers li {
  float: left;
  margin-right: 5px;
  max-width: 100%;
  max-height: 100%;
}
.brewdog .itemMarkers li img {
  display: block;
  max-width: 15px;
  max-height: 15px;
}
.brewdog .allergenSection {
  border-top: 2px solid #CCCCCC;
  margin-top: 16px;
}
.brewdog .buttonBottomCheckout {
  margin-bottom: 72px;
}
.brewdog .basketStore a {
  text-decoration: underline;
}
.brewdog .formLink {
  display: block;
  margin: 20px 0 0;
}
.brewdog .localitySwitch {
  display: none;
}
.brewdog .redirectBanner {
  background: var(--mainColor);
  color: #FFF;
  padding: 8px 0;
  font-size: 16px;
}
.brewdog .redirectBanner .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 780px) {
  .brewdog .redirectBanner .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.brewdog .redirectBanner span {
  margin-left: 6px;
  margin-right: 6px;
}
@media all and (max-width: 780px) {
  .brewdog .redirectBanner span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.brewdog .redirectBanner .buttonAlt {
  margin-left: 6px;
  margin-right: 6px;
}
.brewdog .serviceOverlayWrap {
  -ms-flex-preferred-size: 502px;
      flex-basis: 502px;
}
.brewdog .serviceOverlayWrap .hidden {
  display: none;
}
.brewdog .serviceOverlayWrap .overlayCloseButton {
  padding: 17px 0 0;
}
.brewdog .serviceOverlayWrap .overlayAjax {
  padding: 48px 30px 32px;
}
.brewdog .serviceOverlayWrap .serviceTitle {
  font-size: 18px;
  line-height: 26px;
}
.brewdog .serviceOverlayWrap hr {
  border: 0;
  border-bottom: 2px solid #CCCCCC;
  margin: 16px 0 24px;
}
.brewdog .serviceOverlayWrap .overlayCloseButton a:before,
.brewdog .serviceOverlayWrap .overlayCloseButton a:after {
  display: none;
}
@media all and (max-width: 780px) {
  .brewdog .serviceOverlayWrap .servicesOverlay .button {
    width: 100%;
  }
}
.brewdog .serviceComing {
  text-align: center;
}
.brewdog .serviceComing h3 {
  font-size: 48px;
  line-height: 48px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media all and (max-width: 780px) {
  .brewdog .serviceComing h3 {
    font-size: 32px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.brewdog .serviceComing img {
  max-width: 358px;
  margin-bottom: 48px;
}
@media all and (max-width: 780px) {
  .brewdog .serviceComing img {
    max-width: 100%;
    margin-bottom: 32px;
  }
}
.brewdog .serviceComing .pushBeerGif {
  max-width: 200px;
}
.brewdog .serviceComing .button {
  font-size: 16px;
  line-height: 22px;
  padding: 9px 24px;
  background: #000;
  color: #FFF;
}
@media all and (max-width: 780px) {
  .brewdog .serviceComing .button {
    width: 100%;
  }
}
.brewdog .serviceComing .button:hover {
  background: #000;
  color: #FFF;
}
.serviceButton .serviceButtonTitle {
  background: #000;
  color: #FFF;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 16px;
  width: 50%;
}
.serviceButton .serviceButtonTitle h3 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 16px;
}
.serviceButton .serviceButtonTitle .wysiwyg {
  max-width: 160px;
}
.brewdog .grid .menuItem.serviceButton .backImage {
  width: 50%;
  left: auto;
  background-position: right;
}
.brewdog .grid .menuItem.serviceButton .serviceButtonTitle p {
  font-size: 12px;
  line-height: 16px;
  margin: 0;
}
@media all and (max-width: 780px) {
  .brewdog .grid .menuItem .categoryImageWrap .categoryTitle h4 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 8px;
  }
}
#noticeCookieBlock {
  background-color: #fff;
  border: 1px solid #ccc;
  bottom: 0;
  position: fixed;
  right: 0;
  z-index: 99;
  width: 100%;
  color: #000;
}
@media (min-width: 769px) {
  #noticeCookieBlock {
    width: 630px;
  }
}
#noticeCookieBlock .content {
  z-index: 10;
  position: relative;
  max-width: 768px;
  margin-left: auto;
  margin-right: auto;
  padding: 15px 20px;
  float: left;
  width: 100%;
  background-color: #fff;
}
#noticeCookieBlock .cookiesTitle {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  font-family: 'New Grotesk Square';
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
@media (min-width: 769px) {
  #noticeCookieBlock .cookiesTitle {
    width: auto;
    margin-bottom: 0;
    position: absolute;
    left: 20px;
    top: 13px;
  }
}
#noticeCookieBlock .cookiesContent {
  float: left;
  font-family: 'Neue Haas Grotesk Text Std';
  font-size: 14px;
  letter-spacing: normal;
  font-weight: 500;
  text-transform: none;
  line-height: 21px;
  color: #000;
  padding: 0 0 20px;
  width: 100%;
}
@media (min-width: 769px) {
  #noticeCookieBlock .cookiesContent {
    padding: 0 125px 0 105px;
    line-height: normal;
  }
}
#noticeCookieBlock .cookiesContent a {
  color: #0645ad;
  text-decoration: underline;
}
#noticeCookieBlock .actions {
  margin-top: 10px;
}
#noticeCookieBlock .actions .button {
  letter-spacing: 2px;
  font-size: 16px;
  font-family: 'New Grotesk Square';
  padding: 9px 30px 6px;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  text-transform: uppercase;
  -webkit-transition: background-color 0.4s ease-out;
  transition: background-color 0.4s ease-out;
  width: 100%;
  border-radius: 0;
}
@media (min-width: 769px) {
  #noticeCookieBlock .actions .button {
    position: absolute;
    top: 9px;
    right: 20px;
    width: auto;
  }
}
#noticeCookieBlock .actions .button:hover {
  background-color: #000;
  border: 1px solid #000;
  color: #fff;
}
.philpotts .philpottsHeader {
  position: relative;
}
@media only screen and (max-width: 1160px) {
  .philpotts .philpottsHeader {
    margin-top: 46px;
  }
}
.philpotts #headerPhilpotts {
  text-align: center;
  position: relative;
  background-color: #fff;
  height: 140px;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 1200px) {
  .philpotts #headerPhilpotts {
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #headerPhilpotts {
    width: 100%;
    margin: 0;
  }
}
.philpotts #headerPhilpotts #current_info {
  position: absolute;
  color: #000;
  height: 35px;
  text-align: right;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  z-index: 9999;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.philpotts #headerPhilpotts #division_logo {
  top: 0;
  left: 0;
  z-index: 50;
  display: inline-block;
  position: absolute;
}
@media screen and (max-width: 1200px) {
  .philpotts #headerPhilpotts #division_logo {
    position: relative;
  }
}
.philpotts #main_menu_bar a.main_menu_item_active,
.philpotts #main_menu_bar a:hover {
  color: #d0ac75;
}
@media screen and (max-width: 900px) {
  .philpotts #collapse {
    display: block;
    height: auto;
    max-height: 0;
    overflow: hidden;
  }
}
.philpotts #main_menu_bar {
  max-width: 1200px;
  width: 100%;
  text-align: right;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -600px;
  z-index: 25;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 1200px) {
  .philpotts #main_menu_bar {
    text-align: center;
    top: 128px;
    left: 0;
    right: 0;
    margin-left: 0;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #main_menu_bar {
    position: relative;
    position: sticky;
    top: 0;
    text-align: center;
    background-color: #fff;
    right: 0;
    width: 100%;
    z-index: 1000;
    border-bottom: 5px solid #e2c478;
    padding-top: 0;
    height: auto;
  }
}
.philpotts #main_menu_bar #collapse {
  max-width: 900px;
  width: 100%;
  position: absolute;
  right: 0;
  overflow: auto hidden;
  white-space: nowrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #fff;
  height: 140px;
}
@media screen and (max-width: 1200px) {
  .philpotts #main_menu_bar #collapse {
    max-width: 100%;
    height: 100px;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #main_menu_bar #collapse {
    position: relative;
  }
}
.philpotts #main_menu_bar a {
  display: inline-block;
  width: 180px;
  text-align: center;
  color: #231f20;
  font-weight: 700;
  padding: 0;
  text-decoration: none;
  font-size: 14px;
  text-transform: uppercase;
  line-height: 140px;
}
@media screen and (max-width: 1200px) {
  .philpotts #main_menu_bar a {
    line-height: 100px;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #main_menu_bar a {
    width: 100%;
    height: 67px;
    line-height: 67px;
    font-size: 18px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: block;
  }
}
.philpotts #main_menu_bar label {
  width: 100%;
  height: 100%;
}
.philpotts #mobile_menu_button {
  display: none;
}
@media screen and (max-width: 900px) {
  .philpotts #mobile_menu_button {
    display: inline-block;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #mobile_menu_button label {
    width: 100%;
    display: block;
    padding: 10px 0;
  }
}
.philpotts #mobile_menu_checkbox {
  display: none;
}
@media screen and (max-width: 900px) {
  .philpotts #mobile_menu_checkbox:not(:checked) ~ #collapse {
    max-height: 0;
    -webkit-transition: 0.5s max-height;
    transition: 0.5s max-height;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #mobile_menu_checkbox:checked ~ #collapse {
    max-height: 200vh;
    -webkit-transition: 0.5s max-height;
    transition: 0.5s max-height;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
  }
}
.philpotts #header_bottom {
  width: 100%;
  height: 35px;
  background-color: #231f20;
  color: #fff;
  z-index: 20;
  border-bottom: 3px solid #d0ac75;
}
@media screen and (max-width: 1200px) {
  .philpotts #header_bottom {
    top: inherit;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #header_bottom {
    display: none;
  }
}
.philpotts #header_bottom .header_bottom_inner {
  position: relative;
  max-width: 1200px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.philpotts #header_bottom .header_bottom_left {
  text-align: left;
  display: table-cell;
  height: 35px;
  vertical-align: middle;
}
.philpotts #header_bottom .header_bottom_right {
  text-align: right;
  display: table-cell;
  height: 35px;
  vertical-align: middle;
}
.philpotts #footerPhilpotts {
  width: 100%;
  background-color: #231f20;
  color: #999;
  padding: 0;
  margin: 0;
}
.philpotts #footerPhilpotts .width-limit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.philpotts #footerPhilpotts #footerlogo {
  display: inline-block;
  width: 300px;
  height: 261px;
  z-index: 100;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #footerlogo {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0;
    text-align: center;
    z-index: 1;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #footerlogo div {
    margin: 0 auto;
  }
}
.philpotts #footerPhilpotts #footercontact {
  width: 300px;
  height: 261px;
  color: #fff;
  padding-top: 25px;
}
@media screen and (max-width: 1200px) {
  .philpotts #footerPhilpotts #footercontact {
    width: 30%;
  }
}
.philpotts #footerPhilpotts .footerboxtitle {
  color: #ccc;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 3px;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts .footerboxtitle {
    width: 100%;
  }
}
.philpotts #footerPhilpotts .footerboxcontent {
  font-size: 10px;
  font-weight: 400;
  line-height: 20px;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts .footerboxcontent a {
    width: 100%;
    display: block;
    height: 55px;
    line-height: 55px;
    font-size: 14px;
  }
}
.philpotts #footerPhilpotts .footerboxrow {
  padding: 5px 0;
  color: #999;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts .footerboxrow {
    margin: 0 auto;
    text-align: center;
  }
  .philpotts #footerPhilpotts .footerboxrow div,
  .philpotts #footerPhilpotts .footerboxrow span {
    margin: 0 auto;
  }
}
.philpotts #footerPhilpotts .footerspacerspan {
  margin-right: 5px;
  color: #d0ac75;
  display: none;
}
.philpotts #footerPhilpotts #footerclub {
  height: 261px;
  color: #fff;
  padding-top: 25px;
}
@media screen and (max-width: 1200px) {
  .philpotts #footerPhilpotts #footerclub {
    width: 30%;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #footerclub {
    padding-top: 15px;
  }
}
.philpotts #footerPhilpotts #bottomnav {
  width: 100%;
  display: block;
  background-color: #fff;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #bottomnav .width-limit {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.philpotts #footerPhilpotts #bottomnav #copyright {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  font-size: 10px;
  color: #666;
  text-transform: uppercase;
  margin-top: 20px;
  margin-bottom: 10px;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #bottomnav #copyright {
    width: 100%;
    text-align: center;
    display: block;
  }
}
.philpotts #footerPhilpotts #bottomnav #terms {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-top: 20px;
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #bottomnav #terms {
    text-align: center;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts,
  .philpotts #footerPhilpotts #footerholder {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media screen and (max-width: 900px) {
  .philpotts #footerPhilpotts #footerclub,
  .philpotts #footerPhilpotts #footercontact {
    width: 100%;
    margin-left: 30px;
    margin-right: 30px;
    text-align: center;
    height: auto;
  }
}
.philpotts .width-limit {
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
}
.philpotts .flyout {
  display: none !important;
}
.philpotts .headerMain .logo img {
  opacity: 0;
}
@font-face {
  font-family: 'Cheltenham';
  src: url("/sites/template_2018/font/dishoom/CheltenhamBT-Roman.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Roman.woff") format("woff"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Roman.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Roman.svg#CheltenhamBT-Roman") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Cheltenham';
  src: url("/sites/template_2018/font/dishoom/CheltenhamBT-Italic.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Italic.woff") format("woff"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Italic.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Italic.svg#CheltenhamBT-Italic") format("svg");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Cheltenham';
  src: url("/sites/template_2018/font/dishoom/CheltenhamBT-Bold.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Bold.woff") format("woff"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Bold.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-Bold.svg#CheltenhamBT-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Cheltenham';
  src: url("/sites/template_2018/font/dishoom/CheltenhamBT-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-BoldItalic.woff") format("woff"), url("/sites/template_2018/font/dishoom/CheltenhamBT-BoldItalic.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/CheltenhamBT-BoldItalic.svg#CheltenhamBT-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gill Sans';
  src: url("/sites/template_2018/font/dishoom/GillSansMT.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/GillSansMT.woff") format("woff"), url("/sites/template_2018/font/dishoom/GillSansMT.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/GillSansMT.svg#GillSansMT") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gill Sans';
  src: url("/sites/template_2018/font/dishoom/GillSansMT-Bold.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/GillSansMT-Bold.woff") format("woff"), url("/sites/template_2018/font/dishoom/GillSansMT-Bold.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/GillSansMT-Bold.svg#GillSansMT-Bold") format("svg");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Lohit Devanagari';
  src: url("/sites/template_2018/font/dishoom/Lohit-Devanagari.eot?#iefix") format("embedded-opentype"), url("/sites/template_2018/font/dishoom/Lohit-Devanagari.woff") format("woff"), url("/sites/template_2018/font/dishoom/Lohit-Devanagari.ttf") format("truetype"), url("/sites/template_2018/font/dishoom/Lohit-Devanagari.svg#Lohit-Devanagari") format("svg");
  font-weight: normal;
  font-style: normal;
}
.dishoom {
  background-image: url('/sites/template_2018/images/dishoom/texture.png');
  background-size: 512px;
  background-color: #D9D8C7;
  color: #383A3B;
  font-family: "Cheltenham", Times, serif;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  /*
        Overlay
    */
  /*
        Header
    */
  /*
        Footer
    */
  /*
        Takeaway
    */
  /*
        Category Sidebar
    */
  /*
        Items
    */
  /*
        Basket
    */
  /*
        Item popup
    */
  /*
        Login/Payment
    */
  /*
        Homepage
    */
}
.dishoom.u-vp-no-scroll {
  overflow: hidden;
}
.dishoom h1,
.dishoom h2,
.dishoom h3,
.dishoom h4,
.dishoom h5,
.dishoom h6 {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
}
.dishoom p {
  font-family: inherit;
  line-height: 1.4;
  letter-spacing: 0.5px;
  margin: 0 0 24px;
}
.dishoom p:last-child {
  margin-bottom: 0;
}
.dishoom .siteOuterWrapper {
  background: none;
}
.dishoom .siteOuterWrapper.full_width #header {
  padding-top: 0;
}
.dishoom .orderSteps li {
  font-family: inherit;
}
.dishoom .orderSteps li:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.dishoom .footerWrap {
  font-family: 'Gill Sans';
}
.dishoom .row input[type="text"],
.dishoom .row input[type="tel"],
.dishoom .row input[type="email"],
.dishoom .row input[type="password"],
.dishoom .row input[type="search"],
.dishoom .row input[type="number"],
.dishoom .row textarea,
.dishoom .row .placeholder {
  padding: 12px 8px;
  border: 0;
  background: none;
  border-radius: 0;
  border-bottom: 1px solid #383A3B;
  font-size: 18px;
  color: #000;
}
.dishoom .row input[type="text"]:focus,
.dishoom .row input[type="tel"]:focus,
.dishoom .row input[type="email"]:focus,
.dishoom .row input[type="password"]:focus,
.dishoom .row input[type="search"]:focus,
.dishoom .row input[type="number"]:focus,
.dishoom .row textarea:focus,
.dishoom .row .placeholder:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-bottom: 1px dashed #383A3B;
}
.dishoom .row select {
  padding: 12px 8px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #383A3B;
  font-size: 18px;
  color: #000;
}
.dishoom .row select:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  border-bottom: 1px dashed #383A3B;
}
.dishoom .row input:-webkit-autofill,
.dishoom .row input:focus:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 100px #ffffff inset;
}
.dishoom .row #basketNote,
.dishoom .row #orderMessage {
  border: 1px dotted #383A3B;
}
.dishoom .row input[type="checkbox"] + label:before,
.dishoom .checkboxRow input[type="checkbox"] + label:before,
.dishoom .row input[type="radio"] + label:before,
.dishoom .checkboxRow input[type="radio"] + label:before {
  border-color: #000;
}
.dishoom .button,
.dishoom .buttonAlt {
  border-radius: 0;
}
.dishoom .button,
.dishoom .buttonAlt {
  position: relative;
  background-color: #5B5B5B;
  border: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  font-family: "Cheltenham", Times, serif;
  padding: 1rem 3rem;
  font-weight: bold;
  font-size: 12px;
  font-style: italic;
  letter-spacing: 1.6px;
  text-transform: none;
}
.dishoom .button:hover,
.dishoom .buttonAlt:hover {
  background-color: rgba(91, 91, 91, 0.88);
}
.dishoom .button {
  position: relative;
}
.dishoom .button:before,
.dishoom .button:after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #383A3B;
  -webkit-transform: none;
          transform: none;
}
.dishoom .button:before {
  top: 0px;
  left: -4px;
  bottom: 0;
  width: calc(100% + 6px);
}
.dishoom .button:after {
  top: -4px;
  left: 0;
  right: 0;
  height: calc(100% + 6px);
}
.dishoom .buttonAlt {
  background-color: #AAA;
}
.dishoom .buttonAlt:hover {
  background-color: rgba(170, 170, 170, 0.4);
}
.dishoom .overlayBox {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dishoom .overlayBox .overlayAjax {
  background: #D9D8C7;
}
.dishoom #postcode_error h2 {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 20px;
  margin: 24px 0 16px;
  text-transform: none;
  font-weight: normal;
}
.dishoom .loadingIcon {
  margin: 0 0 24px;
}
@media only screen and (max-width: 1160px) {
  .dishoom #dishoomHeader {
    margin-top: 46px;
  }
}
.dishoom .c-header {
  display: none;
  background-image: url('/sites/template_2018/images/dishoom/texture.png');
  background-size: 512px;
  position: sticky;
  left: 0;
  z-index: 200;
}
@media screen and (min-width: 641px) {
  .dishoom .c-header {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 0.5rem (1fr)[4] 0.5rem;
    grid-template-columns: 0.5rem repeat(4, 1fr) 0.5rem;
    -moz-column-gap: 8px;
    -webkit-column-gap: 8px;
            column-gap: 8px;
    top: -88px;
    text-align: center;
    -ms-grid-columns: minmax(1rem, 1fr) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 1fr);
    grid-template-columns: minmax(1rem, 1fr) repeat(12, minmax(1rem, 80px)) minmax(1rem, 1fr);
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    grid-template-areas: ". main main main main main main main main main main main main .";
  }
}
.dishoom .c-header a {
  color: #383A3B;
  font-style: normal;
  text-decoration: none;
}
.dishoom .c-header__logo {
  height: 24px;
}
.dishoom .c-header__print-date {
  text-align: right;
  font-style: italic;
  text-transform: uppercase;
  min-width: 6rem;
}
.dishoom #mastheadDay {
  text-transform: none;
}
.dishoom sup {
  top: -0.7em;
  font-size: 50%;
  font-weight: bold;
}
.dishoom .c-header__brand {
  grid-area: main;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 24px 0;
  font-size: 14px;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (min-width: 641px) {
  .dishoom .c-header__brand {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 23;
  }
}
.dishoom .c-header__brand.is-active > * {
  opacity: 0.28;
}
.dishoom .c-header__welcome {
  text-align: left;
}
.dishoom .u-gujarati {
  font-family: 'Lohit Devanagari';
  font-weight: 600;
}
.dishoom .c-header__nav {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5rem (1fr)[4] 0.5rem;
  grid-template-columns: 0.5rem repeat(4, 1fr) 0.5rem;
  -moz-column-gap: 8px;
  -webkit-column-gap: 8px;
          column-gap: 8px;
  -ms-grid-column: 1;
  -ms-grid-column-span: 14;
  grid-column: 1 / span 14;
  border-top: 1px solid rgba(56, 58, 59, 0.24);
  border-bottom: 2px solid #383A3B;
  -webkit-box-shadow: 0 1px 0 #F6F3EE, 0 2px 0 #383A3B;
          box-shadow: 0 1px 0 #F6F3EE, 0 2px 0 #383A3B;
  font-size: 12px;
}
@media screen and (min-width: 641px) {
  .dishoom .c-header__nav {
    -ms-grid-columns: minmax(1rem, 1fr) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 1fr);
    grid-template-columns: minmax(1rem, 1fr) repeat(12, minmax(1rem, 80px)) minmax(1rem, 1fr);
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    grid-template-areas: ". main main main main main main main main main main main main .";
  }
}
.dishoom .c-header__menu {
  grid-area: main;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
          flex-direction: row;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  list-style: none;
}
@media screen and (min-width: 641px) {
  .dishoom .c-header__menu {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 23;
  }
}
.dishoom .c-header__link {
  display: block;
  padding: 16px;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  outline: none;
  color: #383A3B;
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1;
  text-transform: uppercase;
}
.dishoom .c-header__link:first-child {
  padding-left: 0;
}
.dishoom .c-header__link:last-child {
  padding-right: 0;
}
.dishoom .c-header__link--primary {
  -webkit-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}
.dishoom .o-dropdown {
  position: relative;
}
.dishoom .o-dropdown.is-active .o-dropdown__content {
  visibility: visible;
  pointer-events: all;
}
.dishoom .o-dropdown.is-active .o-dropdown__scrim {
  opacity: 1;
  -webkit-transition: all 0.24s ease-out;
  transition: all 0.24s ease-out;
}
.dishoom .o-dropdown.is-active li,
.dishoom .o-dropdown.is-active .c-header__featured {
  opacity: 1;
  -webkit-transition: all 0.24s ease-out;
  transition: all 0.24s ease-out;
}
.dishoom .o-dropdown__content {
  visibility: hidden;
  pointer-events: none;
  position: absolute;
  overflow: hidden;
}
.dishoom .o-dropdown__content li,
.dishoom .o-dropdown__content .c-header__featured {
  opacity: 0;
  -webkit-transition: all 0.24s ease-in;
  transition: all 0.24s ease-in;
}
.dishoom .c-header__dropdown-menu {
  background-image: url('/sites/template_2018/images/dishoom/texture.png');
  background-size: 512px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5rem (1fr)[4] 0.5rem;
  grid-template-columns: 0.5rem repeat(4, 1fr) 0.5rem;
  -moz-column-gap: 8px;
  -webkit-column-gap: 8px;
          column-gap: 8px;
  top: calc(100% + 4px);
  padding: 32px 0;
  -webkit-box-shadow: 0 -4px 0 rgba(246, 243, 238, 0.8), 0 2px 16px rgba(56, 58, 59, 0.16), 0 1px 0 rgba(56, 58, 59, 0.08);
          box-shadow: 0 -4px 0 rgba(246, 243, 238, 0.8), 0 2px 16px rgba(56, 58, 59, 0.16), 0 1px 0 rgba(56, 58, 59, 0.08);
  text-align: left;
  list-style: none;
}
@media screen and (min-width: 641px) {
  .dishoom .c-header__dropdown-menu {
    -ms-grid-columns: minmax(1rem, 1fr) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 1fr);
    grid-template-columns: minmax(1rem, 1fr) repeat(12, minmax(1rem, 80px)) minmax(1rem, 1fr);
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    grid-template-areas: ". main main main main main main main main main main main main .";
  }
}
.dishoom .o-dropdown__scrim {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  background-color: rgba(248, 246, 232, 0.72);
  opacity: 0;
  -webkit-transition: all 0.24s ease-in;
  transition: all 0.24s ease-in;
}
.dishoom .c-header__dropdown-links {
  -ms-grid-column: 2;
  -ms-grid-column-span: 8;
  grid-column: 2 / span 8;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (auto)[5];
  grid-template-rows: repeat(5, auto);
  grid-column-gap: 112px;
  grid-auto-flow: column;
}
.dishoom .o-dropdown__content--indent .c-header__dropdown-links {
  padding-left: 24px;
}
.dishoom .c-header__dropdown-item {
  margin-bottom: 40px;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.dishoom .c-header__dropdown-item a {
  font-style: italic;
}
.dishoom .c-header__dropdown-desc {
  margin-top: 8px;
  display: block;
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.5px;
  font-style: normal;
}
.dishoom .c-header__featured {
  -ms-grid-column: 10;
  -ms-grid-column-span: 4;
  grid-column: 10 / span 4;
  padding-left: 32px;
  border-left: 1px solid rgba(56, 58, 59, 0.24);
}
.dishoom .c-header__featured h3 {
  margin-bottom: 16px;
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 4px;
  font-size: 10px;
  font-weight: bold;
}
.dishoom .c-header__featured img {
  display: block;
}
.dishoom .c-header__featured h2 {
  margin: 24px 0 16px;
  font-size: 16px;
  text-align: center;
  font-style: italic;
}
.dishoom .c-header__featured p {
  font-size: 14px;
}
.dishoom .c-header--responsive {
  margin-top: 46px;
  top: 0;
  display: block;
  border-bottom: 2px solid #383A3B;
  -webkit-box-shadow: 0 1px 0 #F6F3EE, 0 2px 0 #383A3B;
          box-shadow: 0 1px 0 #F6F3EE, 0 2px 0 #383A3B;
}
@media screen and (min-width: 641px) {
  .dishoom .c-header--responsive {
    display: none;
  }
}
.dishoom .c-header--responsive.is-fixed {
  position: fixed;
  right: 0;
  top: 46px;
  left: 0;
  margin-top: 0;
}
.dishoom .c-header--responsive .c-header__brand {
  padding: 16px 12px;
}
.dishoom .c-header--responsive img {
  overflow: visible;
}
.dishoom .c-header--responsive .c-header__logo {
  height: 12px;
}
.dishoom .c-header--responsive button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  padding: 8px;
  font-size: 12px;
}
.dishoom .c-header--responsive button:focus {
  outline: 0;
}
.dishoom .c-header--responsive .c-header__nav {
  background-image: url('/sites/template_2018/images/dishoom/texture.png');
  background-size: 512px;
  background-image: url('/sites/template_2018/images/dishoom/texture-dark.png');
  position: fixed;
  top: 111px;
  right: 0;
  left: 0;
  z-index: 99;
  display: none;
  height: 100vh;
  overflow-y: auto;
  text-align: center;
}
.dishoom .c-header--responsive .c-header__nav.is-active {
  display: block;
}
.dishoom .c-header--responsive .c-header__nav .c-header__responsive-items {
  padding: 24px 0 220px;
}
.dishoom .c-header--responsive .c-header__nav .c-header__responsive-items button {
  padding: 0;
}
.dishoom .c-header--responsive .c-header__nav .c-header__link-location,
.dishoom .c-header--responsive .c-header__nav .c-header__link-etc {
  display: block;
  padding: 8px;
  padding: 16px;
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.5px;
  display: inline-block;
}
.dishoom .c-header--responsive .c-header__nav button {
  display: block;
  width: calc(100% - 32px);
  margin: 12px auto;
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
  font-size: 0;
  line-height: 0px;
  height: 0px;
}
.dishoom .c-header__burger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
}
.dishoom .hamburger {
  padding: 15px 15px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, -webkit-filter;
  -webkit-transition-property: opacity, -webkit-filter;
  transition-property: opacity, filter;
  transition-property: opacity, filter, -webkit-filter;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}
.dishoom .hamburger.is-active .hamburger-inner,
.dishoom .hamburger.is-active .hamburger-inner::before,
.dishoom .hamburger.is-active .hamburger-inner::after {
  background-color: #383A3B;
}
.dishoom .hamburger.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.dishoom .hamburger.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dishoom .hamburger-box {
  width: 24px;
  height: 14px;
  display: inline-block;
  position: relative;
}
.dishoom .hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -1px;
}
.dishoom .hamburger-inner::before,
.dishoom .hamburger-inner::after {
  content: "";
  display: block;
}
.dishoom .hamburger-inner::before {
  top: -6px;
}
.dishoom .hamburger-inner::after {
  bottom: -6px;
}
.dishoom .hamburger-inner,
.dishoom .hamburger-inner::before,
.dishoom .hamburger-inner::after {
  width: 24px;
  height: 2px;
  background-color: #383A3B;
  border-radius: 0;
  position: absolute;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-duration: 0.15s;
          transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
          transition-timing-function: ease;
}
.dishoom .hamburger--squeeze.is-active .hamburger-inner {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
          transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dishoom .hamburger--squeeze.is-active .hamburger-inner::before {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}
.dishoom .hamburger--squeeze.is-active .hamburger-inner::after {
  bottom: 0;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.dishoom .hamburger--squeeze .hamburger-inner {
  -webkit-transition-duration: 0.075s;
          transition-duration: 0.075s;
  -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
          transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.dishoom .hamburger--squeeze .hamburger-inner::before {
  -webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}
.dishoom .hamburger--squeeze .hamburger-inner::after {
  -webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
.dishoom .c-header__inner-items {
  list-style: none;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.dishoom .o-btn,
.dishoom .c-banner--lg .c-banner__wide a {
  display: inline-block;
  background-color: rgba(56, 58, 59, 0);
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 12px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 3rem;
  letter-spacing: 1.6px;
  border: 1px solid rgba(56, 58, 59, 0.56);
  color: #383A3B;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
.dishoom .o-btn--decorative,
.dishoom .c-banner--lg .c-banner__wide a {
  position: relative;
  border-color: transparent;
  font-family: "Cheltenham", Times, serif;
  font-style: italic;
  text-transform: none;
  background-color: #5B5B5B;
  color: #FFF;
  -webkit-filter: none;
  filter: none;
}
.dishoom .o-btn--decorative:before,
.dishoom .c-banner--lg .c-banner__wide a:before,
.dishoom .o-btn--decorative:after,
.dishoom .c-banner--lg .c-banner__wide a:after {
  content: "";
  position: absolute;
  display: block;
  border: 1px solid #383A3B;
}
.dishoom .o-btn--decorative:before,
.dishoom .c-banner--lg .c-banner__wide a:before {
  top: -1px;
  left: -4px;
  width: calc(100% + 8px);
  height: calc(100% + 2px);
}
.dishoom .o-btn--decorative:after,
.dishoom .c-banner--lg .c-banner__wide a:after {
  top: -4px;
  left: -1px;
  width: calc(100% + 2px);
  height: calc(100% + 8px);
}
.dishoom .o-btn--mobile-fixed {
  position: fixed;
  right: 16px;
  bottom: 16px;
  left: 16px;
  display: block;
  text-align: center;
  font-family: "Cheltenham", Times, serif;
  font-style: italic !important;
  font-weight: bold;
  text-transform: none;
  color: #FFF !important;
  z-index: 100;
}
.dishoom .c-footer {
  float: left;
  width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 0.5rem (1fr)[4] 0.5rem;
  grid-template-columns: 0.5rem repeat(4, 1fr) 0.5rem;
  -moz-column-gap: 8px;
  -webkit-column-gap: 8px;
          column-gap: 8px;
  padding-top: 64px;
  background-color: transparent;
  border-top: 2px solid #383A3B;
  -webkit-box-shadow: 0 -1px 0 #F6F3EE, 0 -2px 0 #383A3B;
          box-shadow: 0 -1px 0 #F6F3EE, 0 -2px 0 #383A3B;
  color: #383A3B;
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer {
    -ms-grid-columns: minmax(1rem, 1fr) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 80px) 1rem minmax(1rem, 1fr);
    grid-template-columns: minmax(1rem, 1fr) repeat(12, minmax(1rem, 80px)) minmax(1rem, 1fr);
    -moz-column-gap: 1rem;
    -webkit-column-gap: 1rem;
            column-gap: 1rem;
    grid-template-areas: ". main main main main main main main main main main main main .";
  }
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer > .c-footer__nav {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
    -ms-grid-column-span: 23;
  }
}
.dishoom .c-footer a {
  color: #383A3B;
}
.dishoom .c-footer .o-btn,
.dishoom .c-footer .c-banner--lg .c-banner__wide a,
.dishoom .c-banner--lg .c-banner__wide .c-footer a {
  color: #FFF9F4;
  margin-right: 32px;
}
@media screen and (min-width: 1024px) {
  .dishoom .c-footer .o-btn,
  .dishoom .c-footer .c-banner--lg .c-banner__wide a,
  .dishoom .c-banner--lg .c-banner__wide .c-footer a {
    margin-right: 72px;
  }
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer .o-btn,
  .dishoom .c-footer .c-banner--lg .c-banner__wide a,
  .dishoom .c-banner--lg .c-banner__wide .c-footer a {
    justify-self: baseline;
  }
}
.dishoom .c-footer__nav {
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  grid-column: 2 / span 4;
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer__nav {
    display: -ms-grid;
    display: grid;
    grid-area: main;
    -ms-grid-columns: (1fr)[12];
    grid-template-columns: repeat(12, 1fr);
  }
}
.dishoom .c-footer__locations {
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-column: 1 / span 2;
  margin-bottom: 24px;
  padding-bottom: 24px;
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
  -moz-columns: 2;
  -webkit-columns: 2;
          columns: 2;
  text-align: center;
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer__locations {
    -ms-grid-column: 1;
    -ms-grid-column-span: 4;
    grid-column: 1 / span 4;
    border-right: 1px solid rgba(56, 58, 59, 0.24);
    border-bottom: none;
    text-align: left;
  }
}
.dishoom .c-footer__link {
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  margin-bottom: 24px;
  font-style: normal;
  text-decoration: none;
}
.dishoom .c-footer__pages {
  -ms-grid-column: 6;
  -ms-grid-column-span: 8;
  grid-column: 6 / span 8;
}
.dishoom .c-footer__page-links {
  display: -ms-grid;
  display: grid;
  text-align: center;
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer__page-links {
    -ms-grid-columns: (1fr)[4];
    grid-template-columns: repeat(4, 1fr);
    text-align: left;
  }
}
.dishoom .c-footer__jump {
  margin-top: 48px;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
}
@media screen and (min-width: 1024px) {
  .dishoom .c-footer__jump {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer__jump {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto 1fr;
    grid-template-columns: auto 1fr;
  }
}
@media screen and (max-width: 640px) {
  .dishoom .c-footer__jump {
    text-align: center;
  }
}
@media screen and (max-width: 640px) {
  .dishoom .c-footer__jump .o-btn,
  .dishoom .c-footer__jump .c-banner--lg .c-banner__wide a,
  .dishoom .c-banner--lg .c-banner__wide .c-footer__jump a {
    display: block;
    margin: 0 0 24px;
  }
}
.dishoom .c-footer__anchor {
  font-family: "Cheltenham", Times, serif;
  text-decoration: underline;
}
.dishoom .c-footer__social {
  -ms-grid-column: 2;
  -ms-grid-column-span: 4;
  grid-column: 2 / span 4;
  margin: 24px 0 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
          justify-content: space-between;
  padding: 24px 0;
  background-color: transparent;
  font-family: "Cheltenham", Times, serif;
  border-top: 1px solid rgba(56, 58, 59, 0.24);
}
@media screen and (min-width: 641px) {
  .dishoom .c-footer__social {
    -ms-grid-column: 2;
    -ms-grid-column-span: 12;
    grid-column: 2 / span 12;
  }
}
.dishoom .c-footer__social-link {
  display: inline-block;
  margin: 0 8px;
  text-decoration: none;
}
.dishoom .main {
  padding: 64px 0;
}
@media all and (max-width: 780px) {
  .dishoom .main {
    padding: 32px 0;
  }
}
.dishoom .menu h1 {
  font-family: "Cheltenham", Times, serif;
  font-weight: normal;
  text-align: center;
  margin: 0 0 32px;
}
@media all and (max-width: 780px) {
  .dishoom .menu h1 {
    margin-bottom: 16px;
  }
}
.dishoom .menuCategoriesWrap {
  border-top: 1px solid #383A3B;
}
.dishoom .menuCategoriesList {
  background: none;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dishoom .menuCategories > h2 {
  border-right: 1px solid #383A3B;
  text-transform: uppercase;
  text-align: center;
  height: auto;
  padding: 16px 0;
}
.dishoom .menuCategories .menuCategoriesList {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2.33px;
  text-transform: uppercase;
  text-align: center;
  padding: 0;
}
.dishoom .menuCategories .menuCategoriesList li {
  margin-bottom: 0;
}
.dishoom .menuCategories .menuCategoriesList li a {
  opacity: 0.64;
  padding: 16px 0;
  margin: 0;
  border: 1px solid transparent;
  border-right-color: #383A3B;
}
.dishoom .menuCategories .menuCategoriesList li a:hover,
.dishoom .menuCategories .menuCategoriesList li a.current {
  opacity: 1;
}
.dishoom .menuCategories .menuCategoriesList li a.current {
  border-color: #383A3B;
  border-right-color: transparent;
}
.dishoom .menuCategories .menuCategoriesList li a:before {
  display: none;
}
.dishoom .menuCategories .menuCategoriesList li a.parent:after {
  display: none;
}
.dishoom .menuCategories .menuCategoriesList li ul.toggled,
.dishoom .menuCategories .menuCategoriesList li ul.transition {
  display: none;
}
.dishoom .menuItems {
  padding-right: 32px;
}
@media only screen and (max-width: 1160px) {
  .dishoom .menuItems {
    padding-right: 0;
  }
}
.dishoom .menuItems h3 {
  margin: 0 0 24px;
  font-size: 14px;
  letter-spacing: 2.33px;
  text-transform: uppercase;
}
.dishoom .menuCategory {
  padding: 0 0 32px 0;
  margin: 0 0 32px;
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
}
@media all and (max-width: 780px) {
  .dishoom .menuCategory {
    padding: 16px 0;
    margin: 0;
  }
}
.dishoom .menuCategory:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.dishoom .menuCategory h2 {
  margin: 0 0 24px;
  letter-spacing: 2.33px;
  text-transform: uppercase;
}
@media all and (max-width: 780px) {
  .dishoom .menuCategory h2 {
    margin-bottom: 0;
  }
}
.dishoom .menuCategoryContent {
  padding: 0;
}
@media all and (max-width: 780px) {
  .dishoom .menuCategoryContent {
    padding: 16px 0 0;
  }
}
.dishoom .menuCategoryDesc {
  font-style: italic;
  margin: 0 0 32px;
}
.dishoom .mtcMenuItem {
  margin: 0 0 24px;
  color: #1C4F62;
}
.dishoom .mtcMenuItem:last-child {
  margin-bottom: 0;
}
.dishoom .mtcMenuItem p {
  color: inherit;
}
.dishoom .mtcMenuItem .mtcMenuItemName {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 8px;
}
.dishoom .mtcMenuItem .mtcMenuItemPrice {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media only screen and (max-width: 1160px) {
  .dishoom .checkoutSmallScreens {
    background-image: url(/sites/template_2018/images/dishoom/texture.png);
    background-size: 512px;
    background-color: #D9D8C7;
  }
}
.dishoom .menuOrder > h2 {
  height: auto;
  margin: 0 0 24px;
  letter-spacing: 2.33px;
  text-transform: uppercase;
}
.dishoom #basket_html {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 100%;
  margin-top: 0;
  padding: 24px;
  background: none;
  border: 1px solid #383A3B;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dishoom #basket_html.basketFull {
  max-width: 630px;
  margin: 0 auto 72px;
  border: 1px solid #383A3B;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dishoom #basket_html > div {
  padding: 16px 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
}
.dishoom #basket_html > div:first-child {
  padding-top: 0;
}
.dishoom #basket_html .basketLabel {
  font-weight: normal;
}
.dishoom #basket_html .basketPrice {
  font-weight: normal;
}
.dishoom #basket_html .basketTotal {
  padding: 32px 0;
  font-size: 18px;
}
.dishoom #basket_html .row:not(.checkboxRow) label {
  width: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 0;
  font-weight: normal;
}
.dishoom #basket_html .basketNote {
  margin-bottom: 8px;
}
.dishoom #basket_html .checkoutGoButton {
  padding: 16px 10px;
  margin-top: 24px;
}
.dishoom #basket_html .checkoutGoButton svg {
  margin-right: 10px;
}
.dishoom .basketDelivery {
  border-top: 0;
}
.dishoom .overlayBox .itemPopup h2 {
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
}
.dishoom .itemPopup .formInline .row {
  background: none;
  padding: 0;
}
.dishoom .itemPopup .formInline hr {
  border-color: rgba(56, 58, 59, 0.24);
}
.dishoom .itemPopup #itemform.formInline .itemPopupButtons {
  padding: 10px;
}
.dishoom .overlayBox {
  border-radius: 0;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 780px) {
  .dishoom .overlayBox {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
.dishoom .overlayBox .overlayAjax {
  padding: 50px 24px 24px;
}
.dishoom .overlayBox .itemPopup {
  padding: 0;
  min-width: 502px;
}
@media all and (max-width: 780px) {
  .dishoom .overlayBox .itemPopup {
    padding: 0;
    overflow: auto;
    margin-top: 0;
    min-width: 0;
  }
}
.dishoom .overlayBox .itemPopup h2 {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  color: #000;
  padding: 0 0 16px;
  margin-bottom: 16px;
  text-transform: uppercase;
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
}
.dishoom .overlayBox .itemPopup .row input[type=checkbox] {
  border-color: #AAA;
}
.dishoom .overlayBox .itemPopup .row .mutual {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.dishoom .overlayBox .itemPopup .row .mutual .mutualName {
  width: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.dishoom .overlayBox .itemPopup .row .mutual .name {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: inherit;
  width: auto;
  float: left;
  margin-right: 12px;
  padding: 0;
}
.dishoom .overlayBox .itemPopup .row .mutual .mutualPrice {
  color: #919191;
  white-space: nowrap;
}
.dishoom .overlayBox .itemPopup .row .mutual .mutualRight {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: auto;
  margin-right: 12px;
}
.dishoom .overlayBox #addressfinderPostcodeError {
  width: 100%;
  font-size: 16px;
  margin: 10px 0 0;
}
.dishoom .overlayBox .selectStore {
  padding: 0;
  margin-bottom: 24px;
}
.dishoom .overlayBox .storeList h4 {
  font-size: 32px;
}
.dishoom .overlayBox .orderSteps {
  margin: 48px 0 24px;
}
.dishoom .overlayBox .orderSteps li {
  font-size: 20px;
  line-height: 26px;
}
.dishoom .selectStore .wrapper {
  max-width: 800px;
}
.dishoom .itemPopup .title,
.dishoom .itemPopup label {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.dishoom .itemPopup .popupDesc {
  margin-top: 0;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 26px;
}
.dishoom .itemPopup .popupDesc .descriptionContent p {
  line-height: 22px;
}
.dishoom .itemPopup .popupDesc p {
  margin-bottom: 16px;
}
.dishoom .itemPopup .popupDesc p:last-child {
  margin-bottom: 0;
}
.dishoom .itemPopup .popupDesc .descDescription {
  font-family: "Cheltenham", Times, serif;
}
.dishoom .itemPopup .formInline .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .dishoom .itemPopup .formInline .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.dishoom .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.dishoom .itemPopup .formInline .row.optionSelect {
  border-top: 1px solid rgba(56, 58, 59, 0.24);
  padding-top: 8px;
}
.dishoom .itemPopup .formInline .row.optionSelect .title {
  width: 100%;
  margin-right: 0;
}
.dishoom .itemPopup .formInline .row:not(.checkboxRow) label {
  padding-top: 0;
}
.dishoom .itemPopup .formInline .row:not(.checkboxRow) select {
  width: 100%;
  margin: 0;
}
@media all and (max-width: 780px) {
  .dishoom .itemPopup .formInline .row:not(.checkboxRow) select {
    width: 100%;
  }
}
.dishoom .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin: 16px 0 0;
}
@media all and (max-width: 780px) {
  .dishoom .itemPopup .formInline .row:not(.checkboxRow) select + select {
    margin: 16px 0 0;
  }
}
.dishoom .itemPopup .formInline .row:not(.checkboxRow) select + .form-error {
  width: 100%;
  margin-top: 16px;
}
.dishoom .itemPopup .formInline .row > .title {
  margin-right: 16px;
  font-weight: 500;
}
.dishoom .itemPopup .formInline .row > label {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: auto;
  margin-right: 16px;
  font-weight: 500;
}
.dishoom .itemPopup .formInline .row > label + select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.dishoom .itemPopup #itemform.formInline .row.rowQuantity {
  text-align: left;
}
.dishoom .itemPopup #itemform.formInline .itemPopupButtons {
  width: auto;
  margin-top: 16px;
  float: right;
}
@media all and (max-width: 780px) {
  .dishoom .itemPopup #itemform.formInline .itemPopupButtons {
    width: 100%;
  }
}
.dishoom .itemPopup hr {
  margin: 0;
  border: 0;
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
}
.dishoom .itemPopup #item_cost {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 23px;
  padding-right: 20px;
}
.dishoom .guestWrap .guestWrapInner,
.dishoom .loginWrap .guestWrapInner,
.dishoom .guestWrap .loginWrapInner,
.dishoom .loginWrap .loginWrapInner {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dishoom #checkoutForm,
.dishoom #payment-form {
  background: none;
  border: 0;
  padding: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dishoom #checkoutForm h2,
.dishoom #payment-form h2 {
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
  padding-bottom: 24px;
  margin-bottom: 32px;
}
.dishoom #checkoutForm .row input[type="checkbox"] + label:before,
.dishoom #payment-form .row input[type="checkbox"] + label:before {
  border-radius: 0;
}
.dishoom .stepNumber {
  background: #FFF;
}
.dishoom .stepNumber.active {
  background: #000;
}
.dishoom .contentBlock.orderSummary:before {
  display: none;
}
.dishoom .basketItems {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.dishoom .basketItems span {
  width: 30px;
}
.dishoom .basketItems .itemDesc {
  padding-left: 10px;
}
.dishoom .basketItems .itemDesc h4 {
  font-family: inherit;
}
.dishoom .basketTotal {
  font-family: "Gill Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
}
.dishoom .contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(56, 58, 59, 0.24);
  border-bottom: 1px solid rgba(56, 58, 59, 0.24);
}
.dishoom .contentBlock.orderSummary .basket_row .itemQty {
  width: 60px;
}
.dishoom .calltoactionsWrap {
  background: none;
}
.dishoom .calltoactionsWrap h4 {
  font-size: 32px;
}
.dishoom .slideBd .textWrap {
  background-image: url('/sites/template_2018/images/dishoom/texture.png');
  background-size: 512px;
  background-color: #D9D8C7;
}
.dishoom .slideBd h1 {
  font-size: 40px;
}
@media (max-width: 640px) {
  .dishoom .slideBd h1 {
    font-size: 30px;
  }
}
@font-face {
  font-family: 'TT Norms';
  src: url('/sites/template_2018/font/norms/TTNorms-Light.eot');
  src: url('/sites/template_2018/font/norms/TTNorms-Light.eot?#iefix') format('embedded-opentype'), url('/sites/template_2018/font/norms/TTNorms-Light.woff2') format('woff2'), url('/sites/template_2018/font/norms/TTNorms-Light.woff') format('woff'), url('/sites/template_2018/font/norms/TTNorms-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'TT Norms';
  src: url('/sites/template_2018/font/norms/TTNorms-Medium.eot');
  src: url('/sites/template_2018/font/norms/TTNorms-Medium.eot?#iefix') format('embedded-opentype'), url('/sites/template_2018/font/norms/TTNorms-Medium.woff2') format('woff2'), url('/sites/template_2018/font/norms/TTNorms-Medium.woff') format('woff'), url('/sites/template_2018/font/norms/TTNorms-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
}
.chophousesteak p {
  font-size: inherit;
  line-height: 20px;
  color: inherit;
  font-family: inherit;
}
.chophousesteak a {
  text-decoration: none;
  outline: 0;
}
.chophousesteak .topBar {
  margin-left: 256px;
  width: calc(100% - 256px);
}
@media (max-width: 725px) {
  .chophousesteak .topBar {
    margin-left: 0;
    width: 100%;
  }
}
.chophousesteak #headerChophouse {
  z-index: 4000;
  background-color: #fff;
  float: left;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  border-right: 6px solid #a8662a;
}
@media (max-height: 1000px) and (min-width: 726px) {
  .chophousesteak #headerChophouse {
    overflow-y: scroll;
  }
}
@media (max-width: 725px) {
  .chophousesteak #headerChophouse {
    border-right: none;
    border-bottom: 6px solid #a8662a;
    margin-top: 46px;
  }
}
@media (max-width: 725px) {
  .chophousesteak #headerChophouse {
    position: relative;
    height: 95px;
    width: 100%;
    border: 0;
  }
}
.chophousesteak .headerCont {
  height: 100%;
  position: relative;
  float: left;
  width: 100%;
}
@media (max-width: 725px) {
  .chophousesteak .headerCont {
    min-height: auto;
  }
}
.chophousesteak .logoBox {
  width: 80%;
  margin: 20px auto;
  text-align: center;
}
@media (max-width: 725px) {
  .chophousesteak .logoBox {
    margin: 0;
    width: 100%;
  }
}
.chophousesteak .logoBox.responsiveLogo {
  display: none;
}
@media (max-width: 725px) {
  .chophousesteak .logoBox.responsiveLogo {
    display: block;
    width: 100%;
    text-align: center;
    line-height: 95px;
  }
}
@media (max-width: 725px) {
  .chophousesteak .logoBox.responsiveLogo .logo {
    width: 230px;
    margin: 0;
    display: inline-block;
  }
}
@media (max-width: 468px) {
  .chophousesteak .logoBox.responsiveLogo .logo {
    width: 170px;
  }
}
@media (max-width: 360px) {
  .chophousesteak .logoBox.responsiveLogo .logo {
    width: 130px;
  }
}
.chophousesteak .logo {
  padding: 0;
  margin: 60px 0 47px 0;
}
@media (max-width: 725px) {
  .chophousesteak .logo {
    margin: 40px auto 27px auto;
    padding: 10px 0;
    position: relative;
  }
}
.chophousesteak .flyoutWrapCh {
  width: 250px;
  background-color: #fff;
}
@media (max-width: 725px) {
  .chophousesteak .flyoutWrapCh {
    position: fixed;
    top: 0;
    right: -80%;
    min-height: 100vh;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 80%;
    right: auto;
    left: -80%;
  }
}
@media (max-width: 725px) {
  .chophousesteak .flyoutWrapCh li {
    display: block;
    width: 100%;
    float: none;
    position: relative;
  }
}
.chophousesteak .mainNav > .nav {
  width: 100%;
  margin: 0;
  padding: 0 0 10px 0;
  position: relative;
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav {
    width: 85%;
    margin: 0 10% 0 7%;
  }
}
.chophousesteak .mainNav > .nav:after {
  content: '';
  background: url(https://www.chophousesteak.co.uk/sites/leithchophouse/images/layout/line.png);
  width: 25px;
  height: 34px;
  position: absolute;
  left: 0;
  bottom: 23px;
}
.chophousesteak .mainNav > .nav:before {
  content: '';
  background: url(https://www.chophousesteak.co.uk/sites/leithchophouse/images/layout/line.png);
  width: 25px;
  height: 34px;
  position: absolute;
  right: 0;
  top: 17px;
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav:after,
  .chophousesteak .mainNav > .nav:before {
    background: 0 0;
  }
}
.chophousesteak .mainNav > .nav li {
  width: 100%;
  padding: 0 10%;
  display: block;
  text-align: center;
}
.chophousesteak .mainNav > .nav li:first-child > a {
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
  padding: 13px 0;
}
.chophousesteak .mainNav > .nav li:last-of-type > a {
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
  padding: 13px 0;
}
.chophousesteak .mainNav > .nav li a {
  text-transform: uppercase;
  font-size: 12px;
  -webkit-transition: color 1s;
  transition: color 1s;
  color: #010101;
  padding: 10px 0;
  font-family: TT Norms;
  position: relative;
  border: solid 2px #000;
  display: block;
  width: 100%;
  border-bottom: 0;
  border-top: 0;
}
.chophousesteak .mainNav > .nav li a.active {
  color: #a8662a;
}
.chophousesteak .mainNav > .nav li a.active,
.chophousesteak .mainNav > .nav li a:hover {
  color: #cb8240;
}
.chophousesteak .mainNav > .nav li:hover ul {
  opacity: 1;
  visibility: visible;
}
.chophousesteak .mainNav > .nav li ul {
  display: block;
  position: fixed;
  top: 0;
  left: 256px;
  opacity: 0;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.9);
  width: 475px;
  bottom: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index: -10;
  padding: 150px 30px;
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav li ul {
    position: relative;
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav li ul {
    display: none;
    opacity: 1;
    visibility: visible;
    padding: 0;
    width: 100%;
    left: 0;
    top: 0;
    position: relative;
    background: #000;
    z-index: 1;
  }
}
.chophousesteak .mainNav > .nav li ul:before {
  content: 'SELECT A CHOP HOUSE';
  font-family: TT Norms;
  font-size: 16px;
  left: 1px;
  margin-bottom: 40px;
  display: block;
}
.chophousesteak .mainNav > .nav li ul li {
  border: 0;
  text-align: left;
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav li ul li {
    float: none;
  }
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav li ul li {
    padding: 0;
    width: 100%;
  }
}
.chophousesteak .mainNav > .nav li ul li:first-child a,
.chophousesteak .mainNav > .nav li ul li:last-of-type a {
  border: 0;
  padding: 10px 0;
}
.chophousesteak .mainNav > .nav li ul a {
  border: 0;
  padding: 10px 0;
  color: #fff;
  font-size: 16px;
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav li ul a {
    border-top: 2px solid #fff;
    padding: 10px;
    font-size: 11px;
    font-size: 0.78571429rem;
    text-align: center;
  }
}
.chophousesteak .mainNav > .nav li ul a[title="Chop House Leith"] {
  background: url(https://www.chophousesteak.co.uk/sites/leithchophouse/images/menu/chop_house_leith.png) center no-repeat;
}
.chophousesteak .mainNav > .nav li ul a[title="Chop House Market Street"] {
  background: url(https://www.chophousesteak.co.uk/sites/leithchophouse/images/menu/chop_house_market_street.png) center no-repeat;
}
.chophousesteak .mainNav > .nav li ul a[title="Chop House Bruntsfield"] {
  background: url(https://www.chophousesteak.co.uk/sites/leithchophouse/images/menu/chop_house_bruntsfield.png) center no-repeat;
}
.chophousesteak .mainNav > .nav li ul a[title*=" "] {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  width: 100%;
  height: 20px;
  background-size: contain;
  margin-bottom: 50px;
}
@media (max-width: 725px) {
  .chophousesteak .mainNav > .nav li ul a[title*=" "] {
    text-indent: 0;
    background: 0 0;
    margin: 0;
    height: auto;
  }
}
.chophousesteak .mainNav .nav li a {
  letter-spacing: 0.05em;
  -webkit-transition: color 0.3s ease 0s;
  transition: color 0.3s ease 0s;
}
.chophousesteak .newsOverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(64, 64, 64, 0.5);
  z-index: 1;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  opacity: 0.1;
}
.chophousesteak .flyoutWrapCh .socialLinks {
  width: 100%;
  float: left;
}
.chophousesteak .flyoutWrapCh .socialLinks ul {
  width: 100%;
  float: left;
  margin: 10px 0 25px;
}
.chophousesteak .flyoutWrapCh .socialLinks ul li {
  float: left;
  font-size: 18px;
  margin: 0 10px;
}
@media (max-width: 725px) {
  .chophousesteak .flyoutWrapCh .socialLinks ul li {
    width: auto;
  }
}
.chophousesteak .flyoutWrapCh .socialLinks ul li a {
  -webkit-transition: color 1s;
  transition: color 1s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 725px) {
  .chophousesteak .flyoutWrapCh .socialLinks ul li a {
    color: #000;
    width: auto;
  }
}
.chophousesteak .flyoutWrapCh .socialLinks ul li a svg {
  height: 18px;
}
.chophousesteak .centerPush {
  position: relative;
  float: left;
  left: 50%;
}
.chophousesteak .centerPull {
  position: relative;
  float: right;
  right: 50%;
}
.chophousesteak .contactHeader {
  color: #000;
  font-family: TT Norms;
  text-align: center;
  font-size: 18px;
  margin-bottom: 20px;
  text-transform: uppercase;
  display: none;
}
.chophousesteak .contactHeader {
  font-family: Verdana, Geneva, sans-serif;
  letter-spacing: 0.1em;
  font-size: 18px;
  line-height: 18px;
}
.chophousesteak .otherbars {
  position: absolute;
  bottom: 120px;
  width: 100%;
  clear: both;
}
@media (max-height: 980px) {
  .chophousesteak .otherbars {
    position: relative;
    bottom: auto;
  }
}
@media (max-width: 725px) {
  .chophousesteak .otherbars {
    position: relative;
    bottom: auto;
    display: block;
  }
}
.chophousesteak .otherbars h4 {
  color: #000;
  text-align: center;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-size: 12px;
  color: #d58a47;
  font-weight: 700;
}
.chophousesteak .otherbars ul {
  max-width: 90%;
  margin: 0 auto;
}
.chophousesteak .otherbars li {
  width: 100%;
  margin: 10px 0 0;
}
.chophousesteak .otherbars li.half {
  width: 40%;
  margin: 10px 5% 0 0;
  float: left;
}
.chophousesteak .otherbars li a {
  width: 100%;
}
.chophousesteak .otherbars li a img {
  margin: auto;
  display: block;
}
.chophousesteak .allergyInfoWrap {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.chophousesteak .allergyInfoWrap a {
  font-family: Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  color: #3f3731;
  font-size: 10px;
}
.chophousesteak .allergyInfoWrap a span {
  text-decoration: underline;
}
.chophousesteak .privacyPolicyWrap {
  float: left;
  width: 100%;
  text-align: center;
  margin-top: 20px;
}
.chophousesteak .privacyPolicyWrap a {
  font-family: Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  color: #3f3731;
  font-size: 10px;
}
.chophousesteak .privacyPolicyWrap a span {
  text-decoration: underline;
}
.chophousesteak .privacyPolicyContent {
  display: none;
  font-size: 14px;
  color: #333;
}
.chophousesteak .privacyPolicyInner h4 {
  text-transform: uppercase;
  font-size: 20px;
  margin-bottom: 20px;
  text-align: center;
  letter-spacing: 0.1em;
}
.chophousesteak .privacyPolicyInner p {
  font-family: Verdana, Geneva, sans-serif;
  letter-spacing: 0.1em;
  font-size: 14px;
  line-height: 25px;
  color: #cecbc6;
}
.chophousesteak #credits {
  text-align: center;
  font-size: 9px;
  width: 80%;
  margin: 10px 10% 30px 10%;
  font-family: Times New Roman,Times,Baskerville,Georgia,serif;
  color: #707070;
  line-height: 14px;
  position: absolute;
  bottom: 0;
  clear: both;
  font-family: Verdana, Geneva, sans-serif;
  text-transform: uppercase;
  color: #3f3731;
  letter-spacing: 0.1em;
  width: 100%;
  margin: 0;
  bottom: 25px;
  padding-top: 20px;
}
@media (max-width: 725px) {
  .chophousesteak #credits {
    position: relative;
  }
}
@media (max-width: 725px) {
  .chophousesteak #credits {
    bottom: auto;
  }
}
@media (max-height: 980px) {
  .chophousesteak #credits {
    position: relative;
    bottom: auto;
  }
}
@media (max-height: 900px) {
  .chophousesteak #credits {
    bottom: auto;
  }
}
.chophousesteak #credits p {
  margin-bottom: 10px;
}
.chophousesteak #credits a {
  color: #3f3731;
  text-transform: uppercase;
}
.chophousesteak #credits a:last-of-type:hover {
  color: #0f55c4;
}
.chophousesteak .mtc {
  padding: 12px 0;
  font-family: Verdana, Geneva, sans-serif;
  font-size: 8px;
  line-height: 12px;
}
.chophousesteak #content {
  float: right;
  width: 100%;
  width: -o-calc(-156%);
  width: calc(100% - 256px);
  transition: filter ease-in-out 0.4s, -webkit-filter ease-in-out 0.4s;
}
@media only screen and (max-width: 1160px) {
  .chophousesteak #content {
    margin-top: 46px;
  }
}
@media (max-width: 725px) {
  .chophousesteak #content {
    width: 100%;
    float: none;
    margin-top: 0;
  }
}
@media (max-width: 725px) {
  .chophousesteak .flyoutCh {
    top: 22px;
    left: 20px;
    position: absolute;
    width: 40px;
    display: block;
    cursor: pointer;
    z-index: 5001;
    color: #fff;
    top: 37px;
    float: left;
  }
  .chophousesteak .flyoutCh.alive a .line:nth-child(1) {
    -webkit-transform: translateY(-4px) translateX(-2px) rotate(45deg);
    transform: translateY(-4px) translateX(-2px) rotate(45deg);
  }
  .chophousesteak .flyoutCh.alive a .line:nth-child(2) {
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 0;
  }
  .chophousesteak .flyoutCh.alive a .line:nth-child(3) {
    -webkit-transform: translateY(-1px) rotate(-45deg);
    transform: translateY(-1px) rotate(-45deg);
  }
  .chophousesteak .flyoutCh a {
    display: block;
    width: 40px;
    height: 24px;
    font-size: 2em;
    line-height: 1;
    color: #fff;
    float: right;
    text-align: center;
    position: relative;
    margin-top: -5px;
  }
  .chophousesteak .flyoutCh a:after {
    content: "Menu";
    position: absolute;
    bottom: 0;
    color: #000;
    font-size: 13px;
    bottom: -18px;
    left: -5px;
    font-family: TT Norms;
  }
  .chophousesteak .flyoutCh a .line {
    -webkit-transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    transition: all 0.8s cubic-bezier(1, 0, 0, 1) 0.2s;
    left: 0;
    display: block;
    position: absolute;
    overflow: hidden;
    background: #fff;
    width: 28px;
    height: 3px;
    background: #000;
  }
  .chophousesteak .flyoutCh a .line:nth-child(1) {
    -webkit-transform-origin: 0 5px;
    transform-origin: 0 5px;
    top: 0;
    z-index: 2;
  }
  .chophousesteak .flyoutCh a .line:nth-child(2) {
    top: 9px;
    z-index: 1;
    -webkit-transition: opacity 0.4s linear 0.5s;
    transition: opacity 0.4s linear 0.5s;
  }
  .chophousesteak .flyoutCh a .line:nth-child(3) {
    -webkit-transform-origin: 0 1.5px;
    transform-origin: 0 1.5px;
    top: 18px;
    z-index: 3;
  }
}
@media only screen and (max-width: 1160px) {
  .chophousesteak .checkoutSmallScreens {
    width: auto;
    left: 256px;
    right: 0;
  }
}
@media (max-width: 725px) {
  .chophousesteak .checkoutSmallScreens {
    left: 0;
  }
}
.chophousesteak .atHomeWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.chophousesteak .atHomeHeader {
  background-color: #464647;
  padding: 20px 10px;
  text-align: center;
}
.chophousesteak .atHomeHeader .atHomeLogo {
  width: 400px;
}
@media (max-width: 725px) {
  .chophousesteak .atHomeHeader .atHomeLogo {
    width: 270px;
  }
}
@media (max-width: 725px) {
  .chophousesteak .siteOuterWrapper > div.transform {
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
  .chophousesteak .siteOuterWrapper > div.transform.alive {
    -webkit-transform: translate(80%, 0);
    transform: translate(80%, 0);
  }
}
@media only screen and (max-width: 1160px) {
  .chophousesteak .main {
    padding-bottom: 100px;
  }
}
@media all and (max-width: 780px) {
  .chophousesteak .menuCategory h2:after {
    display: none;
  }
}
.biffsjackshack {
  font-family: Montserrat;
  font-size: 18px;
  line-height: 26px;
  color: var(--fontColor);
  background: var(--site_background);
  padding-top: 76px;
}
@media all and (max-width: 780px) {
  .biffsjackshack {
    padding-top: 59px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .siteOuterWrapper {
    z-index: inherit;
  }
}
.biffsjackshack .siteOuterWrapper.full_width .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .biffsjackshack .siteOuterWrapper.full_width .wrapper {
    padding: 0 12px;
  }
}
.biffsjackshack .siteOuterWrapper.full_width .gridContainer .wrapper {
  max-width: 1186px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .biffsjackshack .siteOuterWrapper.full_width .gridContainer .wrapper {
    padding: 0 12px;
  }
}
.biffsjackshack .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
  max-width: 1120px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .biffsjackshack .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
    padding: 0 12px;
  }
}
.biffsjackshack .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .biffsjackshack .wrapper {
    padding: 0 12px;
  }
}
.biffsjackshack h1,
.biffsjackshack h2,
.biffsjackshack h3,
.biffsjackshack h4,
.biffsjackshack h5,
.biffsjackshack h6 {
  font-family: 'ArchivoBlack';
  color: var(--fontDark);
}
.biffsjackshack h1:last-child,
.biffsjackshack h2:last-child,
.biffsjackshack h3:last-child,
.biffsjackshack h4:last-child,
.biffsjackshack h5:last-child,
.biffsjackshack h6:last-child {
  margin-bottom: 0;
}
.biffsjackshack a {
  color: var(--fontColor);
}
.biffsjackshack p {
  font-family: Montserrat;
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.biffsjackshack input[type="submit"] {
  background: #00ffc4;
}
.biffsjackshack .button,
.biffsjackshack .buttonAlt {
  font-family: Montserrat;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0;
  font-weight: 700;
  border-radius: 0;
  padding: 8px 10px;
  line-height: 24px;
}
.biffsjackshack .button:focus,
.biffsjackshack .buttonAlt:focus {
  outline: 0;
}
.biffsjackshack .button.icon-right svg,
.biffsjackshack .buttonAlt.icon-right svg {
  margin-left: 8px;
}
.biffsjackshack .button.icon-left svg,
.biffsjackshack .buttonAlt.icon-left svg {
  margin-right: 8px;
}
.biffsjackshack .button.forward:after,
.biffsjackshack .buttonAlt.forward:after {
  position: relative;
  right: 0;
  top: 0;
  margin-left: 12px;
  -webkit-transform: none;
          transform: none;
}
.biffsjackshack .button[disabled],
.biffsjackshack .buttonAlt[disabled] {
  background: #DBDBDB;
}
.biffsjackshack .button[disabled]:hover,
.biffsjackshack .buttonAlt[disabled]:hover {
  background: #DBDBDB;
  cursor: default;
}
.biffsjackshack .button {
  color: #000;
  text-transform: none;
}
.biffsjackshack .button:hover {
  background: #FFF;
}
.biffsjackshack .buttonAlt {
  background: #FFF;
  border: 2px solid #FFF;
  color: #000;
  text-transform: none;
  padding: 6px 10px;
}
.biffsjackshack .buttonAlt:hover {
  background: #FFF;
  border-color: #FFF;
  color: #000;
}
.biffsjackshack .buttonAlt.outline {
  background: none;
  color: #FFF;
}
.biffsjackshack .buttonAlt.outline:hover {
  background: #FFF;
  color: #000;
}
.biffsjackshack .buttonAlt.outline:hover svg path {
  stroke: #000;
}
.biffsjackshack form fieldset {
  margin-bottom: 12px;
}
.biffsjackshack .row input[type="checkbox"] + label,
.biffsjackshack .checkboxRow input[type="checkbox"] + label,
.biffsjackshack .row input[type="radio"] + label,
.biffsjackshack .checkboxRow input[type="radio"] + label {
  padding-top: 0;
  padding-bottom: 0;
}
.biffsjackshack .row input[type="checkbox"] + label:before,
.biffsjackshack .checkboxRow input[type="checkbox"] + label:before,
.biffsjackshack .row input[type="radio"] + label:before,
.biffsjackshack .checkboxRow input[type="radio"] + label:before {
  top: 0;
}
.biffsjackshack .row input[type="text"],
.biffsjackshack .row input[type="tel"],
.biffsjackshack .row input[type="email"],
.biffsjackshack .row input[type="password"],
.biffsjackshack .row input[type="search"],
.biffsjackshack .row input[type="number"],
.biffsjackshack .row textarea,
.biffsjackshack .row select,
.biffsjackshack .row .placeholder {
  font-size: 16px;
  line-height: 22px;
  border-radius: 0;
  border: 1px solid #000;
  padding: 4px 16px;
  height: 40px;
  color: #FFF;
  background-color: #000;
}
.biffsjackshack .row input[type="text"]:focus,
.biffsjackshack .row input[type="tel"]:focus,
.biffsjackshack .row input[type="email"]:focus,
.biffsjackshack .row input[type="password"]:focus,
.biffsjackshack .row input[type="search"]:focus,
.biffsjackshack .row input[type="number"]:focus,
.biffsjackshack .row textarea:focus,
.biffsjackshack .row select:focus,
.biffsjackshack .row .placeholder:focus {
  border-color: #FFF;
}
.biffsjackshack .row select {
  padding-right: 30px;
}
.biffsjackshack .row textarea {
  padding: 10px 16px;
  height: 90px;
}
.biffsjackshack .overlayAjax .row input[type="text"],
.biffsjackshack .overlayAjax .row input[type="tel"],
.biffsjackshack .overlayAjax .row input[type="email"],
.biffsjackshack .overlayAjax .row input[type="password"],
.biffsjackshack .overlayAjax .row input[type="search"],
.biffsjackshack .overlayAjax .row input[type="number"],
.biffsjackshack .overlayAjax .row textarea,
.biffsjackshack .overlayAjax .row select,
.biffsjackshack .overlayAjax .row .placeholder {
  border: 1px solid #DBDBDB;
  color: #000;
  background: #FFF;
}
.biffsjackshack .siteOuterWrapper.full_width .topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.biffsjackshack .siteOuterWrapper.full_width .footer,
.biffsjackshack .siteOuterWrapper.full_width .footer .wrapper {
  padding: 0;
}
@media (max-width: 780px) {
  .biffsjackshack .siteOuterWrapper.full_width .footer,
  .biffsjackshack .siteOuterWrapper.full_width .footer .wrapper {
    padding: 0;
  }
}
.biffsjackshack .siteOuterWrapper .footer,
.biffsjackshack .siteOuterWrapper .footer .wrapper {
  padding: 0;
}
.biffsjackshack .topBarBd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  background: #000;
  float: left;
  width: 100%;
  *zoom: 1;
  border-bottom: 1px solid #000;
}
.biffsjackshack .topBarBd:before,
.biffsjackshack .topBarBd:after {
  content: "";
  display: table;
}
.biffsjackshack .topBarBd:after {
  clear: both;
}
.biffsjackshack .topBarBd:before,
.biffsjackshack .topBarBd:after {
  content: "";
  display: table;
}
.biffsjackshack .topBarBd:after {
  clear: both;
}
@media (max-width: 800px) {
}
.biffsjackshack .topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.biffsjackshack .topBarBd a {
  font-weight: 500;
}
.biffsjackshack .topBarBd a:hover {
  color: #00ffc4;
}
.biffsjackshack .topBarBd a:hover svg path {
  fill: #00ffc4;
}
.biffsjackshack .topBarBd .headerDetailsBd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 780px) {
  .biffsjackshack .topBarBd .headerDetailsBd .topBarLeft {
    display: none;
  }
}
.biffsjackshack .topBarBd .headerDetailsBd .topBarRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.biffsjackshack .topBarBd .headerDetailsBd .topBarRight ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.biffsjackshack .topBarBd .topBarLogo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 19px 0;
}
@media all and (max-width: 780px) {
  .biffsjackshack .topBarBd .topBarLogo {
    position: relative;
    left: 0;
    -webkit-transform: none;
            transform: none;
    margin: 13px 24px 14px;
  }
}
@media (max-width: 374px) {
  .biffsjackshack .topBarBd .topBarLogo {
    margin: 13px 12px 14px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .topBarBd .topBarLogo img {
    height: 31px;
  }
}
.biffsjackshack .userLinksBd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.biffsjackshack .userLinksBd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 24px 25px;
}
@media (max-width: 1000px) {
  .biffsjackshack .userLinksBd a {
    font-size: 16px;
    padding: 24px 14px 25px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .userLinksBd a {
    font-size: 16px;
    padding: 16px 24px;
  }
}
@media (max-width: 374px) {
  .biffsjackshack .userLinksBd a {
    padding: 16px 12px;
  }
}
.biffsjackshack .userLinksBd a img {
  max-height: 37px;
  margin: -6px 0;
}
.biffsjackshack .userLinksBd a svg,
.biffsjackshack .userLinksBd a i,
.biffsjackshack .userLinksBd a img {
  margin-right: 8px;
}
.biffsjackshack .userLinksBd a span {
  min-height: 26px;
}
.biffsjackshack .userLinksBd .userLinksExternal a {
  font-size: 14px;
}
.biffsjackshack .userLinksLogin a {
  padding-left: 0;
}
.biffsjackshack .userLinksLogin a svg path {
  fill: #FFF;
}
@media (max-width: 850px) {
  .biffsjackshack .userLinksLogin.userLinksRegister {
    display: none;
  }
}
.biffsjackshack .userLinksLogin a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0 25px 24px;
}
@media (max-width: 1000px) {
  .biffsjackshack .userLinksLogin a {
    font-size: 16px;
    padding: 24px 0 25px 14px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .userLinksLogin a {
    font-size: 16px;
    padding: 16px 16px 16px 16px;
  }
}
@media (max-width: 450px) {
  .biffsjackshack .userLinksLogin a {
    padding: 16px 12px 16px 12px;
  }
}
.biffsjackshack .userLinksLogin a svg {
  margin-right: 6px;
}
@media (max-width: 850px) {
  .biffsjackshack .userLinksLogin a svg {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .biffsjackshack .userLinksLogin a span {
    display: none;
  }
}
.biffsjackshack .miniBasketBd a {
  display: block;
  padding: 24px 24px 25px;
}
@media (max-width: 1000px) {
  .biffsjackshack .miniBasketBd a {
    font-size: 16px;
    padding: 24px 14px 25px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .miniBasketBd a {
    font-size: 14px;
    padding: 16px 16px 16px 0;
  }
}
@media (max-width: 450px) {
  .biffsjackshack .miniBasketBd a {
    font-size: 12px;
    padding: 16px 12px 16px 0;
  }
}
/* ------------------------------ */
/* Header */
/* ------------------------------ */
.biffsjackshack .headerMainBd .logo {
  max-width: 200px;
}
@media (max-width: 950px) {
  .biffsjackshack .headerMainBd .logo {
    max-width: 95px;
  }
}
.biffsjackshack .footerBd {
  color: #7D7D7D;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
}
.biffsjackshack .footerBd .footer {
  color: #000000;
}
@media all and (max-width: 780px) {
  .biffsjackshack .footerBd .footerCol {
    border-bottom: 2px solid #B3B3B3;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .footerBd .footerCol .footerNav li,
  .biffsjackshack .footerBd .footerCol .footerMenu li {
    border-bottom: 0;
    border-top: 1px solid #B3B3B3;
  }
}
.biffsjackshack .footerBd .footerCols + .footerBottom {
  border-top: 2px solid #B3B3B3;
}
.biffsjackshack .footerBd .footerBottom {
  color: rgba(255, 255, 255, 0.6);
}
.biffsjackshack .footerBd .footerBottom .secureCheckout svg path {
  fill: rgba(255, 255, 255, 0.6);
}
.biffsjackshack .calltoactionsWrap {
  background: #161616;
}
.biffsjackshack .calltoactionsWrap h4 {
  font-size: 40px;
}
@media (max-width: 1000px) {
  .biffsjackshack .calltoactionsWrap h4 {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .biffsjackshack .calltoactionsWrap h4 {
    font-size: 22px;
  }
}
.biffsjackshack .calltoactionsWrap .button {
  padding-left: 24px;
  padding-right: 24px;
}
.biffsjackshack .slideBd {
  background: rgba(255, 255, 255, 0.2);
}
.biffsjackshack .slideBd .textWrap {
  background: #161616;
}
.biffsjackshack .slideBd h1 {
  font-size: 44px;
}
@media (max-width: 1000px) {
  .biffsjackshack .slideBd h1 {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .biffsjackshack .slideBd h1 {
    font-size: 26px;
  }
}
.biffsjackshack .selectStore .info.toggled,
.biffsjackshack .selectStore .info {
  display: none;
}
.biffsjackshack .storeList + .storeSearch {
  display: none;
}
.biffsjackshack .storeList + .storeSearch.toggled {
  display: none;
}
.biffsjackshack .storeSearch {
  width: 100%;
  max-width: 525px;
  margin: 0 auto 40px;
  padding: 0;
  background: none;
  border-radius: 0;
}
.biffsjackshack .storeSearch.toggled {
  display: block;
}
.biffsjackshack .storeSearch.toggled.hidden {
  display: none;
}
.home .biffsjackshack .storeSearch {
  margin: 0;
}
.biffsjackshack .storeSearch .row {
  width: calc(100% - 200px - 8px);
  max-width: 300px;
  margin: 0;
  margin-right: 8px;
}
@media (max-width: 1000px) {
  .biffsjackshack .storeSearch .row {
    width: calc(100% - 120px - 8px);
  }
}
@media (max-width: 700px) {
  .biffsjackshack .storeSearch .row {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.biffsjackshack .storeSearch .row input[type="text"] {
  padding: 12px 16px;
  line-height: 24px;
  height: auto;
  border-radius: 0;
}
.biffsjackshack .storeSearch .button {
  width: 200px;
  margin: 0;
  padding: 13px 10px;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .biffsjackshack .storeSearch .button {
    width: 120px;
  }
}
@media (max-width: 700px) {
  .biffsjackshack .storeSearch .button {
    width: 100%;
  }
}
.biffsjackshack .storeSearch .buttonAlt {
  font-size: 18px;
  width: 100%;
  margin: 16px 0 0;
  padding: 6px 10px;
  border-radius: 20px;
  text-transform: none;
  line-height: 24px;
  max-width: 300px;
}
@media (max-width: 640px) {
  .biffsjackshack .storeSearch .buttonAlt {
    font-size: 16px;
    margin: 8px 0 0;
  }
}
.biffsjackshack #postcode_error h2 {
  font-family: 'ArchivoBlack';
  font-size: 20px;
  margin: 20px 0 10px;
  text-transform: none;
  font-weight: 500;
}
.biffsjackshack .selectStore {
  margin: 0 auto 72px;
  max-width: 1138px;
  padding: 0;
}
.biffsjackshack .selectStore.all {
  padding: 0;
  margin: 0 auto;
}
.biffsjackshack .selectStore.all .storeList > ul > li {
  border-bottom: 0;
  margin: 0;
}
.biffsjackshack .selectStore .storeList .wrapper {
  padding: 0;
}
.biffsjackshack .selectStore h1 {
  display: none;
}
.biffsjackshack .orderSteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFF;
  padding: 15px 0;
  max-width: 998px;
  margin: 0 auto 48px;
  border-radius: 30px;
  color: #000;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .biffsjackshack .orderSteps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: none;
    padding: 0;
    border-radius: 0;
  }
}
.biffsjackshack .orderSteps li {
  font-family: 'ArchivoBlack';
  font-size: 20px;
  line-height: 26px;
  padding: 0 24px;
  margin: 0;
  color: #919191;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .biffsjackshack .orderSteps li {
    font-size: 18px;
    line-height: 22px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .orderSteps li {
    width: 100%;
    margin-bottom: 16px;
  }
  .biffsjackshack .orderSteps li:last-child {
    margin-bottom: 0;
  }
}
.biffsjackshack .orderSteps li:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -5px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .orderSteps li:after {
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
    top: auto;
    right: 50%;
    bottom: -19px;
    color: #000;
  }
}
.biffsjackshack .orderSteps li.active {
  color: #000;
}
@media all and (max-width: 780px) {
  .biffsjackshack .orderSteps li.active {
    color: #FFF;
  }
}
.biffsjackshack .orderSteps li a {
  color: inherit;
}
.biffsjackshack .orderSteps li a:hover {
  color: #000;
}
@media all and (max-width: 780px) {
  .biffsjackshack .orderSteps li a:hover {
    color: #FFF;
  }
}
.biffsjackshack .stepNumber {
  display: none;
}
.biffsjackshack .overlayBox .storeList .storeItem .storeButton {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 16px;
  margin-bottom: -10px;
}
.biffsjackshack .overlayBox .storeList .storeItem .storeButton .button {
  margin-bottom: 10px;
}
.biffsjackshack .storeList li:first-child h4 {
  margin-top: 0;
}
.biffsjackshack .storeList h4 {
  font-size: 32px;
  line-height: 100%;
  font-weight: 500;
  margin: 40px 0 0;
  text-align: center;
}
@media all and (max-width: 780px) {
  .biffsjackshack .storeList h4 {
    font-size: 26px;
  }
}
.biffsjackshack .storeList .storeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
@media all and (max-width: 780px) {
  .biffsjackshack .storeList .storeItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 0;
  }
}
.biffsjackshack .storeList .storeItem .storeImage {
  width: auto;
  margin-right: 16px;
  padding: 0;
}
@media all and (max-width: 780px) {
  .biffsjackshack .storeList .storeItem .storeImage {
    margin-right: 16px;
    margin-bottom: 16px;
  }
}
.biffsjackshack .storeList .storeItem .storeInfo {
  width: auto;
  margin-right: 0;
  padding: 0;
  line-height: 22px;
}
.biffsjackshack .storeList .storeItem .storeInfo b {
  font-weight: normal;
  color: inherit;
}
.biffsjackshack .storeList .storeItem .storeButton {
  width: auto;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1000px) {
  .biffsjackshack .storeList .storeItem .storeButton {
    width: 100%;
    margin-top: 16px;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .storeList .storeItem .storeButton {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
    margin-top: 0;
  }
}
.biffsjackshack .storeList .storeItem .storeButton .button {
  margin-left: 5px;
  margin-right: 5px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .storeList .storeItem .storeButton .button {
    margin-top: 0;
  }
}
.biffsjackshack .storeList .storeItem .storeButton .button[disabled] {
  max-width: 380px;
  white-space: normal;
  font-weight: normal;
}
@media (max-width: 1000px) {
  .biffsjackshack .storeList .storeItem .storeButton .button[disabled] {
    max-width: 100%;
  }
}
.biffsjackshack .storeList .storeItem .button {
  min-width: 185px;
}
@media (max-width: 1100px) {
  .biffsjackshack .storeList .storeItem .button {
    min-width: 144px;
  }
}
@media (max-width: 400px) {
  .biffsjackshack .storeList .storeItem .button {
    width: 100%;
  }
}
@media (max-width: 780px) {
  .biffsjackshack .contentBlock {
    padding: 0;
  }
}
.biffsjackshack .contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.biffsjackshack .main {
  padding: 0;
}
.biffsjackshack .main .wrapper .memberContentBlock h1 {
  text-align: left;
  font-size: 44px;
  margin-bottom: 24px;
}
.biffsjackshack .main .wrapper h1 {
  position: relative;
  font-size: 32px;
  line-height: 100%;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .main .wrapper h1 {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1000px) {
  .biffsjackshack .main .wrapper h1 span {
    display: block;
  }
}
.biffsjackshack .main .wrapper h1 .backButton {
  height: 40px;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1000px) {
  .biffsjackshack .main .wrapper h1 .backButton {
    position: relative;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 20px 0;
  }
}
.biffsjackshack .menuCategory {
  margin-bottom: 0;
  padding: 0;
}
.biffsjackshack .menuCategoryContent {
  width: calc(100% + 16px);
  padding: 22px 0 0;
  margin: 0 -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.biffsjackshack .menuCategoryContent:before,
.biffsjackshack .menuCategoryContent:after {
  display: none;
}
.biffsjackshack .full_width .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@supports (-ms-ime-align:auto) {
  .biffsjackshack .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 18px);
  }
}
@media (max-width: 1500px) and (min-width: 1360px), (max-width: 1159px) and (min-width: 926px) {
  .biffsjackshack .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .biffsjackshack .full_width .grid .menuItem.productMenuItem {
      width: calc(33.33% - 18px);
    }
  }
}
@media (max-width: 1359px) and (min-width: 1160px) {
  .biffsjackshack .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .biffsjackshack .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
@media (max-width: 925px) {
  .biffsjackshack .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .biffsjackshack .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
.biffsjackshack .grid {
  width: calc(66.66% - 8px);
  margin-right: 8px;
  margin-bottom: -16px;
  padding-bottom: 72px;
}
@media only screen and (max-width:1160px) {
  .biffsjackshack .grid {
    width: 100%;
    margin-right: 0;
    padding-bottom: 40px;
  }
}
.biffsjackshack .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@media (max-width: 925px) {
  .biffsjackshack .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
}
.biffsjackshack .grid .titleHeader.fixed h2 {
  border-radius: 0;
  padding: 0;
}
.biffsjackshack .grid h2 {
  font-family: 'ArchivoBlack';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .biffsjackshack .grid h2 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
}
.biffsjackshack .grid h2 span {
  padding: 10px 0;
}
.biffsjackshack .grid h2 .backButton {
  display: none;
}
.biffsjackshack .grid .menuItem {
  width: calc(50% - 16px);
  margin: 0 8px 16px;
}
@supports (-ms-ime-align:auto) {
  .biffsjackshack .grid .menuItem {
    width: calc(50% - 18px);
  }
}
@media (max-width: 1110px) {
  .biffsjackshack .grid .menuItem {
    width: calc(100% - 16px);
    margin: 0 8px 16px;
    max-width: 100%;
  }
  @supports (-ms-ime-align:auto) {
    .biffsjackshack .grid .menuItem {
      width: calc(100% - 18px);
    }
  }
}
.biffsjackshack .grid .menuItem .categoryImageWrap:before {
  background: rgba(0, 0, 0, 0.2);
}
.biffsjackshack .grid .menuItem .categoryImageWrap .categoryTitle {
  padding: 24px;
  min-height: 200px;
}
@media (max-width: 925px) {
  .biffsjackshack .grid .menuItem .categoryImageWrap .categoryTitle {
    min-height: 160px;
  }
}
.biffsjackshack .grid .menuItem .categoryImageWrap .categoryTitle h4 {
  font-family: 'ArchivoBlack';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}
.biffsjackshack .grid .menuItem .imageWrap {
  border: 0;
}
.biffsjackshack .grid .menuItem .itemName {
  font-family: 'ArchivoBlack';
  font-size: 16px;
  line-height: 22px;
}
.biffsjackshack .grid .menuItem .details {
  background: #2a2a2a;
  padding: 16px;
}
.biffsjackshack .grid .menuItem .itemOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  margin-top: 16px;
  padding: 25px 0 0;
}
@media all and (max-width: 780px) {
  .biffsjackshack .grid .menuItem .itemOptions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0 0;
  }
}
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
}
@media all and (max-width: 780px) {
  .biffsjackshack .grid .menuItem .itemOptions.quickAdd .options {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .itemQty {
  padding: 0 5px;
}
@media (max-width: 400px) {
  .biffsjackshack .grid .menuItem .itemOptions.quickAdd .addItem,
  .biffsjackshack .grid .menuItem .itemOptions.quickAdd .removeItem {
    width: auto;
  }
}
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .addItem:hover,
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .removeItem:hover {
  width: auto;
}
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .addItem span,
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .removeItem span {
  display: none;
}
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .addItem svg,
.biffsjackshack .grid .menuItem .itemOptions.quickAdd .removeItem svg {
  margin: 0;
}
.biffsjackshack .grid .menuItem .itemOptions .itemPrice {
  margin: 0;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .biffsjackshack .grid .menuItem .itemOptions .itemPrice {
    width: 100%;
    margin: 0 0 8px;
  }
}
.biffsjackshack .grid .menuItem .itemOptions .itemPrice .options i {
  font-size: 14px;
}
.biffsjackshack .grid .menuItem .itemOptions .options {
  margin-left: auto;
  width: auto;
}
@media all and (max-width: 780px) {
  .biffsjackshack .grid .menuItem .itemOptions .options {
    margin-left: 0;
    width: 100%;
  }
}
.biffsjackshack .grid .menuItem .itemOptions .options.loading i.fa-spin {
  top: 8px;
  -webkit-transform: none;
          transform: none;
}
.biffsjackshack .grid .menuItem .addItem,
.biffsjackshack .grid .menuItem .removeItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 22px;
  background: var(--buttonColor);
  color: #000;
  padding: 9px 12px;
  height: 40px;
  min-width: 40px;
}
@media (max-width: 400px) {
  .biffsjackshack .grid .menuItem .addItem,
  .biffsjackshack .grid .menuItem .removeItem {
    width: 100%;
  }
}
.biffsjackshack .grid .menuItem .addItem:hover,
.biffsjackshack .grid .menuItem .removeItem:hover {
  background: #FFF;
}
.biffsjackshack .grid .menuItem .addItem.checked:after,
.biffsjackshack .grid .menuItem .removeItem.checked:after {
  opacity: 0;
}
.biffsjackshack .grid .menuItem .addItem:after,
.biffsjackshack .grid .menuItem .removeItem:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 5px;
}
.biffsjackshack .grid .menuItem .addItem svg,
.biffsjackshack .grid .menuItem .removeItem svg {
  width: 15px;
  height: 16px;
  margin-left: 8px;
}
.biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle,
.biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle {
  padding-bottom: 88px;
}
.biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
.biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
  position: absolute;
  bottom: 24px;
  left: 24px;
  max-width: calc(100% - 48px);
  min-width: 144px;
  min-width: auto;
  max-width: 100%;
  padding: 8px 16px;
  background: #FFF;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  left: 0;
  bottom: 0;
  text-align: left;
}
@media (max-width: 780px) {
  .biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
  .biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
    width: auto;
    font-size: 16px;
  }
}
.biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button:hover,
.biffsjackshack .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button:hover {
  background: #FFF;
}
.biffsjackshack .backButton {
  font-size: 16px;
  padding: 5px 16px;
  border: 2px solid #FFF;
  color: #FFF;
  background: none;
  border-radius: 20px;
}
.biffsjackshack .backButton:hover {
  background: #FFF;
  color: #000;
}
.biffsjackshack .backButton:hover svg path {
  fill: #000;
}
.biffsjackshack .backButton svg {
  margin-right: 8px;
}
.biffsjackshack .backButton svg path {
  fill: #FFF;
}
.biffsjackshack .menuItem .imageWrap {
  position: relative;
}
.biffsjackshack .menuItem .backImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.biffsjackshack .menuOrderWrap {
  width: calc(33.33% - 8px);
  margin-left: 8px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 100%;
}
.biffsjackshack #basket_html {
  font-size: 16px;
  line-height: 100%;
  margin-top: 32px;
  padding: 24px;
}
.biffsjackshack #basket_html.basketFull {
  max-width: 630px;
  margin: 0 auto 72px;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.biffsjackshack #basket_html > div {
  padding: 16px 0;
  margin-bottom: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.biffsjackshack #basket_html > div:first-child {
  padding-top: 0;
}
.biffsjackshack #basket_html .deliveryMethod .row {
  margin-bottom: 10px;
}
.biffsjackshack #basket_html .basketLabel {
  font-weight: normal;
}
.biffsjackshack #basket_html .basketPrice {
  font-weight: normal;
}
.biffsjackshack #basket_html .basketTotal {
  padding: 32px 0;
  font-size: 18px;
}
.biffsjackshack #basket_html .row:not(.checkboxRow) label {
  width: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 0;
  font-weight: normal;
}
.biffsjackshack #basket_html .basketNote {
  margin-bottom: 8px;
}
.biffsjackshack #basket_html .checkoutGoButton {
  padding: 16px 10px;
  margin-top: 24px;
}
.biffsjackshack #basket_html .checkoutGoButton svg {
  margin-right: 10px;
}
.biffsjackshack .basketDelivery {
  border-top: 0;
}
.biffsjackshack .menuCategoriesList,
.biffsjackshack .menuOrder #basket_html,
.biffsjackshack .menuInfo {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.biffsjackshack .menuCategories > h2,
.biffsjackshack .menuOrder > h2 {
  font-family: 'ArchivoBlack';
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  height: auto;
}
.biffsjackshack .basketItems .basket_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  font-weight: normal;
}
@media all and (max-width: 780px) {
  .biffsjackshack .basketItems .basket_row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 16px;
  }
  .biffsjackshack .basketItems .basket_row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.biffsjackshack .basketItems .basket_row:last-child {
  margin-bottom: 0;
}
.biffsjackshack .basketItems .itemDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  word-break: break-word;
}
@media all and (max-width: 780px) {
  .biffsjackshack .basketItems .itemDesc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: calc(100% - 115px);
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-bottom: 10px;
  }
}
.biffsjackshack .basketItems .itemDesc strong {
  color: inherit;
}
.biffsjackshack .basketItems .itemDesc h4 {
  font-family: 'ArchivoBlack';
  font-size: 16px;
  margin: 0;
}
.biffsjackshack .basketItems .itemDesc ul {
  margin-left: 20px;
}
.biffsjackshack .basketItems .itemDesc ul li {
  list-style: disc;
}
.biffsjackshack .basketItems .itemQty {
  width: auto;
  margin-right: 16px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .basketItems .itemQty {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 115px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 16px;
  }
}
.biffsjackshack .basketItems .itemQty a,
.biffsjackshack .basketItems .itemQty span {
  font-size: 16px;
}
.biffsjackshack .basketItems .itemQty a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
}
.biffsjackshack .basketItems .itemQty a:hover {
  background: #FFF;
}
.biffsjackshack .basketItems .itemQty a:hover svg path,
.biffsjackshack .basketItems .itemQty a:hover svg rect {
  fill: #000;
}
.biffsjackshack .basketItems .itemQty a svg path,
.biffsjackshack .basketItems .itemQty a svg rect {
  fill: #FFF;
}
.biffsjackshack .basketItems .itemQty span {
  width: auto;
  height: auto;
  line-height: 32px;
  padding: 0 8px;
  min-width: 32px;
}
.biffsjackshack .basketItems .itemQty svg {
  width: 16px;
  height: 16px;
}
.biffsjackshack .basketItems .itemCost {
  margin-left: auto;
  width: auto;
}
@media all and (max-width: 780px) {
  .biffsjackshack .basketItems .itemCost {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 780px) {
  .biffsjackshack .basketItems .itemRemove {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.biffsjackshack .storeClosed {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 100%;
}
.biffsjackshack .row.coupon {
  padding: 0 0 16px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.biffsjackshack .row.coupon #coupon_code {
  width: auto;
  max-width: calc(100% - 162px);
  margin-bottom: 0;
  margin-right: 9px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .row.coupon #coupon_code {
    max-width: 100%;
    margin-right: 0;
  }
}
.biffsjackshack .row.coupon .basket_applycoupon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  border: 2px solid #FFF;
  color: #FFF;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .biffsjackshack .row.coupon .basket_applycoupon {
    margin-top: 10px;
  }
}
.biffsjackshack .row.coupon .basket_applycoupon:hover {
  background: #FFF;
  color: #000;
}
.biffsjackshack .mainLogin {
  max-width: 1138px;
  margin: 0 auto;
}
.biffsjackshack .guestWrap,
.biffsjackshack .loginWrap {
  width: calc(50% - 13px);
  margin: 0 auto 72px;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .guestWrap,
  .biffsjackshack .loginWrap {
    width: 100%;
    min-height: 0;
    margin-bottom: 16px;
  }
}
.biffsjackshack .guestWrap h2,
.biffsjackshack .loginWrap h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  font-family: 'ArchivoBlack';
  margin-bottom: 16px;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .guestWrap h2,
  .biffsjackshack .loginWrap h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.biffsjackshack .guestWrap h3,
.biffsjackshack .loginWrap h3 {
  font-weight: normal;
  font-family: 'ArchivoBlack';
}
.biffsjackshack .guestWrap h4,
.biffsjackshack .loginWrap h4,
.biffsjackshack .guestWrap p,
.biffsjackshack .loginWrap p {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 22px;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .guestWrap h4,
  .biffsjackshack .loginWrap h4,
  .biffsjackshack .guestWrap p,
  .biffsjackshack .loginWrap p {
    font-size: 16px;
    line-height: 22px;
  }
}
.biffsjackshack .guestWrap p,
.biffsjackshack .loginWrap p {
  margin-bottom: 24px;
}
.biffsjackshack .guestWrap input[type="text"],
.biffsjackshack .loginWrap input[type="text"],
.biffsjackshack .guestWrap input[type="password"],
.biffsjackshack .loginWrap input[type="password"] {
  float: none;
}
.biffsjackshack .guestWrap .guestWrapInner,
.biffsjackshack .loginWrap .guestWrapInner,
.biffsjackshack .guestWrap .loginWrapInner,
.biffsjackshack .loginWrap .loginWrapInner {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: none;
  padding: 32px 24px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.biffsjackshack .guestWrap .button,
.biffsjackshack .loginWrap .button,
.biffsjackshack .guestWrap .buttonAlt,
.biffsjackshack .loginWrap .buttonAlt {
  min-width: 200px;
}
.biffsjackshack .guestWrap {
  margin-right: 13px;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .guestWrap {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.biffsjackshack .guestWrap + .loginWrap {
  margin-left: 13px;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .guestWrap + .loginWrap {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .loginWrap {
    margin-bottom: 48px;
  }
}
.biffsjackshack .loginWrap .link:hover {
  text-decoration: underline;
}
.biffsjackshack .form-error:after {
  left: 5px;
}
.biffsjackshack .forgottenPassword {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #FFF;
  margin-top: 8px;
  background: none;
}
@media all and (max-width: 780px) {
  .biffsjackshack .forgottenPassword {
    font-size: 16px;
    line-height: 22px;
  }
}
.biffsjackshack #checkoutForm,
.biffsjackshack #payment-form {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  padding: 32px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media all and (max-width: 780px) {
  .biffsjackshack #checkoutForm,
  .biffsjackshack #payment-form {
    padding: 24px;
  }
}
.biffsjackshack #checkoutForm h2,
.biffsjackshack #payment-form h2 {
  font-family: 'ArchivoBlack';
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 16x;
  border: 0;
}
@media all and (max-width: 780px) {
  .biffsjackshack #checkoutForm h2,
  .biffsjackshack #payment-form h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.biffsjackshack #checkoutForm .button,
.biffsjackshack #payment-form .button {
  margin-top: 0;
}
.biffsjackshack #checkoutForm .checkoutOverlay,
.biffsjackshack #payment-form .checkoutOverlay {
  border: 2px solid #000;
  background: #FFF;
  height: 40px;
  border-radius: 20px;
  min-width: 200px;
}
@media (max-width: 400px) {
  .biffsjackshack #checkoutForm .checkoutOverlay,
  .biffsjackshack #payment-form .checkoutOverlay {
    width: 100%;
  }
}
.biffsjackshack #checkoutForm .checkoutOverlay:hover,
.biffsjackshack #payment-form .checkoutOverlay:hover {
  background: #FFF;
  color: #000;
}
.biffsjackshack #checkoutForm .row input[type="checkbox"] + label,
.biffsjackshack #payment-form .row input[type="checkbox"] + label,
.biffsjackshack #checkoutForm .row input[type="radio"] + label,
.biffsjackshack #payment-form .row input[type="radio"] + label {
  width: 100%;
  padding-left: 48px;
  max-width: 490px;
}
.biffsjackshack #checkoutForm .row input[type="checkbox"] + label:before,
.biffsjackshack #payment-form .row input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  border-radius: 0;
  background-clip: unset;
}
.biffsjackshack #checkoutForm .continueButton,
.biffsjackshack #payment-form .continueButton {
  width: 100%;
  padding: 14px 10px;
}
@media (max-width: 374px) {
  .biffsjackshack #checkoutForm .continueButton,
  .biffsjackshack #payment-form .continueButton {
    font-size: 14px;
  }
}
.biffsjackshack .itemPopup .formInline .row {
  padding: 0;
  margin: 10px 0 20px;
  background: none;
}
.biffsjackshack .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) label {
  width: auto;
}
@media only screen and (max-width: 640px) {
  .biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) label {
    width: 100%;
  }
}
.biffsjackshack .itemPopup .formInline .row #addressfinderPostcodeError span {
  margin: 10px 0 0;
  padding: 10px 0;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  background: #ECECEC;
}
@media all and (max-width: 780px) {
  .biffsjackshack .itemPopup .formInline .row #addressfinderPostcodeError span {
    text-align: center;
  }
}
.biffsjackshack .itemPopup .popupImage {
  float: right;
  margin: 0 0 1em 6%;
}
.biffsjackshack #use_billing_details {
  width: 100%;
  margin: 0 0 20px;
}
.biffsjackshack .overlayCloseButton {
  padding: 10px;
}
.biffsjackshack .overlayCloseButton a {
  float: right;
  background: none;
  color: #272727;
  position: relative;
  right: 10px;
  top: 0;
  margin: 0;
}
.biffsjackshack .overlayCloseButton a:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  background: #000;
  z-index: -1;
}
.biffsjackshack .overlayCloseButton a .closeIcon {
  fill: #000;
  width: 40px;
  height: 40px;
  margin: -5px;
}
.biffsjackshack .overlayBox {
  color: #000;
  border-radius: 0;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 780px) {
  .biffsjackshack .overlayBox {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
.biffsjackshack .overlayBox .overlayAjax {
  padding: 50px 24px 24px;
}
.biffsjackshack .overlayBox .overlayAjax .wrapper {
  padding: 0;
}
@media only screen and (max-width: 1160px) {
  .biffsjackshack .overlayBox .overlayAjax .wrapper {
    padding: 0;
  }
}
.biffsjackshack .overlayBox .itemPopup {
  padding: 0;
  min-width: 502px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .overlayBox .itemPopup {
    padding: 0;
    overflow: auto;
    margin-top: 0;
    min-width: 0;
  }
}
.biffsjackshack .overlayBox .itemPopup h2 {
  font-family: 'ArchivoBlack';
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  padding: 0 0 16px;
  margin-bottom: 16px;
  border-bottom: 2px solid #CCCCCC;
}
.biffsjackshack .overlayBox .itemPopup .row input[type=checkbox] {
  border-color: #AAA;
}
.biffsjackshack .overlayBox .itemPopup .row .mutual {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.biffsjackshack .overlayBox .itemPopup .row .mutual .mutualName {
  width: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.biffsjackshack .overlayBox .itemPopup .row .mutual .name {
  font-family: 'ArchivoBlack';
  font-weight: normal;
  font-size: inherit;
  width: auto;
  float: left;
  margin-right: 12px;
  padding: 0;
}
.biffsjackshack .overlayBox .itemPopup .row .mutual .mutualPrice {
  color: #919191;
  white-space: nowrap;
}
.biffsjackshack .overlayBox .itemPopup .row .mutual .mutualRight {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: auto;
  margin-right: 12px;
}
.biffsjackshack .overlayBox .itemPopup .row .gridWrapper {
  width: 100%;
}
.biffsjackshack .overlayBox #addressfinderPostcodeError {
  width: 100%;
  font-size: 16px;
  margin: 10px 0 0;
}
.biffsjackshack .overlayBox .selectStore {
  margin-bottom: 24px;
}
.biffsjackshack .overlayBox .storeList h4 {
  font-size: 32px;
}
.biffsjackshack .overlayBox .orderSteps {
  margin: 48px 0 24px;
}
.biffsjackshack .overlayBox .orderSteps li {
  font-size: 20px;
  line-height: 26px;
}
.biffsjackshack .itemPopup .title,
.biffsjackshack .itemPopup label {
  font-family: 'ArchivoBlack';
}
.biffsjackshack .itemPopup .popupDesc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 26px;
}
.biffsjackshack .itemPopup .popupDesc .descriptionContent p {
  line-height: 22px;
}
.biffsjackshack .itemPopup .popupDesc .descriptionContent > p {
  color: #919191;
}
.biffsjackshack .itemPopup .popupDesc p {
  color: inherit;
  margin-bottom: 16px;
}
.biffsjackshack .itemPopup .popupDesc p:last-child {
  margin-bottom: 0;
}
.biffsjackshack .itemPopup .descMoreInfo h4 {
  color: inherit;
}
.biffsjackshack .itemPopup .formInline .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .itemPopup .formInline .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.biffsjackshack .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.biffsjackshack .itemPopup .formInline .row.optionSelect {
  border-top: 2px solid #CCCCCC;
  padding-top: 8px;
}
.biffsjackshack .itemPopup .formInline .row.optionSelect .title {
  width: 100%;
  margin-right: 0;
}
.biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) label {
  padding-top: 0;
}
.biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) select {
  width: 100%;
  margin: 0;
}
@media all and (max-width: 780px) {
  .biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) select {
    width: 100%;
  }
}
.biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin: 16px 0 0;
}
@media all and (max-width: 780px) {
  .biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) select + select {
    margin: 16px 0 0;
  }
}
.biffsjackshack .itemPopup .formInline .row:not(.checkboxRow) select + .form-error {
  width: 100%;
  margin-top: 16px;
}
.biffsjackshack .itemPopup .formInline .row > .title {
  margin-right: 16px;
  font-weight: 500;
}
.biffsjackshack .itemPopup .formInline .row > label {
  font-family: 'ArchivoBlack';
  width: auto;
  margin-right: 16px;
  font-weight: 500;
}
.biffsjackshack .itemPopup .formInline .row > label + select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.biffsjackshack .itemPopup #itemform.formInline .row.rowQuantity {
  text-align: left;
}
.biffsjackshack .itemPopup #itemform.formInline .itemPopupButtons {
  width: auto;
  margin-top: 16px;
  float: right;
}
@media all and (max-width: 780px) {
  .biffsjackshack .itemPopup #itemform.formInline .itemPopupButtons {
    width: 100%;
  }
}
.biffsjackshack .itemPopup #itemform.formInline .itemPopupButtons .button {
  padding: 7px 10px;
  min-width: 155px;
}
.biffsjackshack .itemPopup #itemform.formInline .itemPopupButtons .button:hover {
  background: #009976;
}
.biffsjackshack .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
  padding: 5px 9px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  background: none;
  min-width: 85px;
  width: auto;
}
.biffsjackshack .itemPopup hr {
  margin: 0;
  border: 0;
  border-bottom: 2px solid #CCCCCC;
}
.biffsjackshack .itemPopup #item_cost {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 23px;
  padding-right: 20px;
}
.biffsjackshack .bottomButton {
  border: 0;
  padding: 0;
}
.biffsjackshack .pageBanner.checkout .orderSteps {
  margin: 0 auto 48px !important;
}
.biffsjackshack .memberSidebar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 42px;
  font-size: 16px;
}
.biffsjackshack .memberSidebar .sidebarMenu {
  font-family: inherit;
  font-size: 16px;
}
.biffsjackshack .memberSidebar h6 {
  font-family: 'ArchivoBlack';
}
.biffsjackshack .memberSidebar .details > span {
  font-size: 12px;
  line-height: 18px;
}
.biffsjackshack .memberSidebar .buttonAlt {
  width: 100%;
  margin-bottom: 16px;
}
.biffsjackshack .memberContentBlock {
  margin-bottom: 42px;
}
.biffsjackshack .memberContentBlock h3 {
  font-family: 'ArchivoBlack';
}
@media all and (max-width: 780px) {
  .biffsjackshack .memberContentBlock {
    padding-top: 0;
  }
}
.biffsjackshack .pastOrder .orderOverview {
  padding: 20px 10px;
}
.biffsjackshack .pastOrder .orderDetails {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 780px) {
  .biffsjackshack .pastOrder .orderDetails {
    display: block;
  }
}
.biffsjackshack .pastOrder .orderDetails .reOrder {
  margin-left: auto;
}
.biffsjackshack .pastOrder .orderDetails h4 {
  font-family: 'ArchivoBlack';
}
.biffsjackshack .cardAddressLeft {
  padding-right: 20px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .cardAddressLeft {
    font-size: 16px;
    line-height: 22px;
  }
}
.biffsjackshack .cardAddressRight {
  text-align: right;
}
.biffsjackshack form[name="member_edit_marketing"] {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 24px;
  border: 2px solid #DBDBDB;
}
.biffsjackshack form[name="member_edit_marketing"] .row:last-child {
  margin-bottom: 0;
}
.biffsjackshack .contentBlock.orderSummary:before {
  display: none;
}
.biffsjackshack .contentBlock.orderSummary > h2 {
  font-family: 'ArchivoBlack';
}
@media all and (max-width: 780px) {
  .biffsjackshack .contentBlock.orderSummary .basket_row {
    padding-bottom: 0;
  }
}
.biffsjackshack .contentBlock.orderSummary .basket_row + .basket_row {
  padding-top: 0;
}
.biffsjackshack .contentBlock.orderSummary .basket_row:not(.basket_item) .itemQty {
  width: auto;
}
@media all and (max-width: 780px) {
  .biffsjackshack .contentBlock.orderSummary .basket_row .itemDesc {
    width: auto;
  }
}
.biffsjackshack .contentBlock.orderSummary .basket_row .itemQty {
  padding-left: 0;
  text-align: left;
}
@media all and (max-width: 780px) {
  .biffsjackshack .contentBlock.orderSummary .basket_row .itemQty {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.biffsjackshack .contentBlock.orderSummary .basket_row .itemQty span {
  white-space: nowrap;
}
@media all and (max-width: 780px) {
  .biffsjackshack .contentBlock.orderSummary .basket_row .itemQty span {
    line-height: inherit;
  }
}
.biffsjackshack .itemMarkers li {
  float: left;
  margin-right: 5px;
  max-width: 100%;
  max-height: 100%;
}
.biffsjackshack .itemMarkers li img {
  display: block;
  max-width: 15px;
  max-height: 15px;
}
.biffsjackshack .allergenSection {
  border-top: 2px solid #CCCCCC;
  margin-top: 16px;
}
.biffsjackshack .buttonBottomCheckout {
  margin-bottom: 72px;
}
.biffsjackshack .basketStore a {
  text-decoration: underline;
}
.biffsjackshack .formLink {
  display: block;
  margin: 20px 0 0;
}
.biffsjackshack .localitySwitch {
  display: none;
}
.biffsjackshack .redirectBanner {
  background: var(--mainColor);
  color: #FFF;
  padding: 8px 0;
  font-size: 16px;
}
.biffsjackshack .redirectBanner .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 780px) {
  .biffsjackshack .redirectBanner .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.biffsjackshack .redirectBanner span {
  margin-left: 6px;
  margin-right: 6px;
}
@media all and (max-width: 780px) {
  .biffsjackshack .redirectBanner span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.biffsjackshack .redirectBanner .buttonAlt {
  margin-left: 6px;
  margin-right: 6px;
}
.biffsjackshack .stripeV3Border {
  border-color: rgba(255, 255, 255, 0.2);
}
.chilledpubs {
  font-size: 18px;
  line-height: 26px;
  color: var(--fontColor);
  background-color: var(--site_background);
  padding-top: 75px;
}
@media all and (max-width: 780px) {
  .chilledpubs {
    padding-top: 58px;
  }
}
.chilledpubs .siteOuterWrapper {
  position: relative;
  background: none;
}
.chilledpubs .siteOuterWrapper:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-image: url(/sites/template_2018/images/chilled/bg.jpg);
  background-size: cover;
  opacity: 0.6;
  z-index: -1;
  display: block;
}
@media all and (max-width: 780px) {
  .chilledpubs .siteOuterWrapper {
    z-index: inherit;
  }
}
.chilledpubs .siteOuterWrapper.full_width .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .chilledpubs .siteOuterWrapper.full_width .wrapper {
    padding: 0 12px;
  }
}
.chilledpubs .siteOuterWrapper.full_width .gridContainer .wrapper {
  max-width: 1186px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .chilledpubs .siteOuterWrapper.full_width .gridContainer .wrapper {
    padding: 0 12px;
  }
}
.chilledpubs .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
  max-width: 1120px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .chilledpubs .siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
    padding: 0 12px;
  }
}
.chilledpubs .wrapper {
  max-width: 1488px;
  padding: 0 24px;
}
@media (max-width: 374px) {
  .chilledpubs .wrapper {
    padding: 0 12px;
  }
}
.chilledpubs h1,
.chilledpubs h2,
.chilledpubs h3,
.chilledpubs h4,
.chilledpubs h5,
.chilledpubs h6 {
  color: var(--fontDark);
}
.chilledpubs h1:last-child,
.chilledpubs h2:last-child,
.chilledpubs h3:last-child,
.chilledpubs h4:last-child,
.chilledpubs h5:last-child,
.chilledpubs h6:last-child {
  margin-bottom: 0;
}
.chilledpubs a {
  color: var(--fontColor);
}
.chilledpubs p {
  font-size: 16px;
  line-height: 22px;
  font-weight: 400;
}
.chilledpubs input[type="submit"] {
  background: var(--mainColor);
}
.chilledpubs .button,
.chilledpubs .buttonAlt {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0;
  font-weight: 700;
  border-radius: 0;
  padding: 8px 10px;
  line-height: 24px;
}
.chilledpubs .button:focus,
.chilledpubs .buttonAlt:focus {
  outline: 0;
}
.chilledpubs .button.icon-right svg,
.chilledpubs .buttonAlt.icon-right svg {
  margin-left: 8px;
}
.chilledpubs .button.icon-left svg,
.chilledpubs .buttonAlt.icon-left svg {
  margin-right: 8px;
}
.chilledpubs .button.forward:after,
.chilledpubs .buttonAlt.forward:after {
  position: relative;
  right: 0;
  top: 0;
  margin-left: 12px;
  -webkit-transform: none;
          transform: none;
}
.chilledpubs .button[disabled],
.chilledpubs .buttonAlt[disabled] {
  background: #DBDBDB;
}
.chilledpubs .button[disabled]:hover,
.chilledpubs .buttonAlt[disabled]:hover {
  background: #DBDBDB;
  cursor: default;
}
.chilledpubs .button {
  color: #000;
  text-transform: none;
}
.chilledpubs .button:hover {
  background: #FFF;
}
.chilledpubs .buttonAlt {
  background: #FFF;
  border: 2px solid #FFF;
  color: #000;
  text-transform: none;
  padding: 6px 10px;
}
.chilledpubs .buttonAlt:hover {
  background: #FFF;
  border-color: #FFF;
  color: #000;
}
.chilledpubs .buttonAlt.outline {
  background: none;
  color: #FFF;
}
.chilledpubs .buttonAlt.outline:hover {
  background: #FFF;
  color: #000;
}
.chilledpubs .buttonAlt.outline:hover svg path {
  stroke: #000;
}
.chilledpubs form fieldset {
  margin-bottom: 12px;
}
.chilledpubs .row input[type="checkbox"] + label,
.chilledpubs .checkboxRow input[type="checkbox"] + label,
.chilledpubs .row input[type="radio"] + label,
.chilledpubs .checkboxRow input[type="radio"] + label {
  padding-top: 0;
  padding-bottom: 0;
}
.chilledpubs .row input[type="checkbox"] + label:before,
.chilledpubs .checkboxRow input[type="checkbox"] + label:before,
.chilledpubs .row input[type="radio"] + label:before,
.chilledpubs .checkboxRow input[type="radio"] + label:before {
  top: 0;
}
.chilledpubs .row input[type="text"],
.chilledpubs .row input[type="tel"],
.chilledpubs .row input[type="email"],
.chilledpubs .row input[type="password"],
.chilledpubs .row input[type="search"],
.chilledpubs .row input[type="number"],
.chilledpubs .row textarea,
.chilledpubs .row select,
.chilledpubs .row .placeholder {
  font-size: 16px;
  line-height: 22px;
  border-radius: 0;
  border: 1px solid #000;
  padding: 4px 16px;
  height: 40px;
  color: #FFF;
  background-color: #000;
}
.chilledpubs .row input[type="text"]:focus,
.chilledpubs .row input[type="tel"]:focus,
.chilledpubs .row input[type="email"]:focus,
.chilledpubs .row input[type="password"]:focus,
.chilledpubs .row input[type="search"]:focus,
.chilledpubs .row input[type="number"]:focus,
.chilledpubs .row textarea:focus,
.chilledpubs .row select:focus,
.chilledpubs .row .placeholder:focus {
  border-color: #FFF;
}
.chilledpubs .row select {
  padding-right: 30px;
}
.chilledpubs .row textarea {
  padding: 10px 16px;
  height: 90px;
}
.chilledpubs .overlayAjax .row input[type="text"],
.chilledpubs .overlayAjax .row input[type="tel"],
.chilledpubs .overlayAjax .row input[type="email"],
.chilledpubs .overlayAjax .row input[type="password"],
.chilledpubs .overlayAjax .row input[type="search"],
.chilledpubs .overlayAjax .row input[type="number"],
.chilledpubs .overlayAjax .row textarea,
.chilledpubs .overlayAjax .row select,
.chilledpubs .overlayAjax .row .placeholder {
  border: 1px solid #DBDBDB;
  color: #000;
  background: #FFF;
}
.chilledpubs .siteOuterWrapper.full_width .topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.chilledpubs .siteOuterWrapper.full_width .footer,
.chilledpubs .siteOuterWrapper.full_width .footer .wrapper {
  padding: 0;
}
@media (max-width: 780px) {
  .chilledpubs .siteOuterWrapper.full_width .footer,
  .chilledpubs .siteOuterWrapper.full_width .footer .wrapper {
    padding: 0;
  }
}
.chilledpubs .siteOuterWrapper .footer,
.chilledpubs .siteOuterWrapper .footer .wrapper {
  padding: 0;
}
.chilledpubs .topBarBd {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5000;
  background-color: #000;
  background-image: url(/sites/template_2018/images/chilled/bg.jpg);
  background-position: left;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  width: 100%;
  *zoom: 1;
  border-bottom: 0;
}
.chilledpubs .topBarBd:before,
.chilledpubs .topBarBd:after {
  content: "";
  display: table;
}
.chilledpubs .topBarBd:after {
  clear: both;
}
.chilledpubs .topBarBd:before,
.chilledpubs .topBarBd:after {
  content: "";
  display: table;
}
.chilledpubs .topBarBd:after {
  clear: both;
}
@media (max-width: 800px) {
}
.chilledpubs .topBarBd .wrapper {
  max-width: 1440px;
  padding: 0;
}
.chilledpubs .topBarBd a {
  font-weight: 500;
}
.chilledpubs .topBarBd a:hover {
  color: var(--mainColor);
}
.chilledpubs .topBarBd a:hover svg path {
  fill: var(--mainColor);
}
.chilledpubs .topBarBd .headerDetailsBd {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 780px) {
  .chilledpubs .topBarBd .headerDetailsBd .topBarLeft {
    display: none;
  }
}
.chilledpubs .topBarBd .headerDetailsBd .topBarRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: auto;
}
.chilledpubs .topBarBd .headerDetailsBd .topBarRight ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.chilledpubs .topBarBd .topBarLogo {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin: 19px 0;
}
@media all and (max-width: 780px) {
  .chilledpubs .topBarBd .topBarLogo {
    position: relative;
    left: 0;
    -webkit-transform: none;
            transform: none;
    margin: 13px 24px 14px;
  }
}
@media (max-width: 374px) {
  .chilledpubs .topBarBd .topBarLogo {
    margin: 13px 12px 14px;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .topBarBd .topBarLogo img {
    height: 31px;
  }
}
.chilledpubs .userLinksBd {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.chilledpubs .userLinksBd a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 24px 25px;
}
@media (max-width: 1000px) {
  .chilledpubs .userLinksBd a {
    font-size: 16px;
    padding: 24px 14px 25px;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .userLinksBd a {
    font-size: 16px;
    padding: 16px 24px;
  }
}
@media (max-width: 374px) {
  .chilledpubs .userLinksBd a {
    padding: 16px 12px;
  }
}
.chilledpubs .userLinksBd a img {
  max-height: 37px;
  margin: -6px 0;
}
.chilledpubs .userLinksBd a svg,
.chilledpubs .userLinksBd a i,
.chilledpubs .userLinksBd a img {
  margin-right: 8px;
}
.chilledpubs .userLinksBd a span {
  min-height: 26px;
}
.chilledpubs .userLinksBd .userLinksExternal a {
  font-size: 14px;
}
.chilledpubs .userLinksLogin a {
  padding-left: 0;
}
.chilledpubs .userLinksLogin a svg path {
  fill: #FFF;
}
@media (max-width: 850px) {
  .chilledpubs .userLinksLogin.userLinksRegister {
    display: none;
  }
}
.chilledpubs .userLinksLogin a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 24px 0 25px 24px;
}
@media (max-width: 1000px) {
  .chilledpubs .userLinksLogin a {
    font-size: 16px;
    padding: 24px 0 25px 14px;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .userLinksLogin a {
    font-size: 16px;
    padding: 16px 16px 16px 16px;
  }
}
@media (max-width: 450px) {
  .chilledpubs .userLinksLogin a {
    padding: 16px 12px 16px 12px;
  }
}
.chilledpubs .userLinksLogin a svg {
  margin-right: 6px;
}
@media (max-width: 850px) {
  .chilledpubs .userLinksLogin a svg {
    margin-right: 0;
  }
}
@media (max-width: 850px) {
  .chilledpubs .userLinksLogin a span {
    display: none;
  }
}
.chilledpubs .miniBasketBd a {
  display: block;
  padding: 24px 24px 25px;
}
@media (max-width: 1000px) {
  .chilledpubs .miniBasketBd a {
    font-size: 16px;
    padding: 24px 14px 25px;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .miniBasketBd a {
    font-size: 14px;
    padding: 16px 16px 16px 0;
  }
}
@media (max-width: 450px) {
  .chilledpubs .miniBasketBd a {
    font-size: 12px;
    padding: 16px 12px 16px 0;
  }
}
/* ------------------------------ */
/* Header */
/* ------------------------------ */
.chilledpubs .headerMainBd .logo {
  max-width: 300px;
}
@media (max-width: 950px) {
  .chilledpubs .headerMainBd .logo {
    max-width: 260px;
  }
}
.chilledpubs .footerBd {
  color: #000;
  border-top: 2px solid rgba(255, 255, 255, 0.4);
}
.chilledpubs .footerBd .footer {
  color: #000000;
}
@media all and (max-width: 780px) {
  .chilledpubs .footerBd .footerCol {
    border-bottom: 2px solid #B3B3B3;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .footerBd .footerCol .footerNav li,
  .chilledpubs .footerBd .footerCol .footerMenu li {
    border-bottom: 0;
    border-top: 1px solid #B3B3B3;
  }
}
.chilledpubs .footerBd .footerCols + .footerBottom {
  border-top: 2px solid #B3B3B3;
}
.chilledpubs .footerBd .footerBottom {
  color: #ffffff;
}
.chilledpubs .footerBd .footerBottom .secureCheckout svg path {
  fill: #ffffff;
}
.chilledpubs .footerBottom #credits .creditsLogo img {
  -webkit-filter: none;
  filter: none;
}
.chilledpubs .calltoactionsWrap {
  background: #161616;
}
.chilledpubs .calltoactionsWrap h4 {
  font-size: 40px;
}
@media (max-width: 1000px) {
  .chilledpubs .calltoactionsWrap h4 {
    font-size: 28px;
  }
}
@media (max-width: 640px) {
  .chilledpubs .calltoactionsWrap h4 {
    font-size: 22px;
  }
}
.chilledpubs .calltoactionsWrap .button {
  padding-left: 24px;
  padding-right: 24px;
}
.chilledpubs .slideBd {
  background: none;
}
.chilledpubs .slideBd .textWrap {
  background: #161616;
}
.chilledpubs .slideBd h1 {
  font-size: 44px;
}
@media (max-width: 1000px) {
  .chilledpubs .slideBd h1 {
    font-size: 32px;
  }
}
@media (max-width: 640px) {
  .chilledpubs .slideBd h1 {
    font-size: 26px;
  }
}
.chilledpubs .selectStore .info.toggled,
.chilledpubs .selectStore .info {
  display: none;
}
.chilledpubs .storeList + .storeSearch {
  display: none;
}
.chilledpubs .storeList + .storeSearch.toggled {
  display: none;
}
.chilledpubs .storeSearch {
  width: 100%;
  max-width: 525px;
  margin: 0 auto 40px;
  padding: 0;
  background: none;
  border-radius: 0;
}
.chilledpubs .storeSearch.toggled {
  display: block;
}
.chilledpubs .storeSearch.toggled.hidden {
  display: none;
}
.home .chilledpubs .storeSearch {
  margin: 0;
}
.chilledpubs .storeSearch .row {
  width: calc(100% - 200px - 8px);
  max-width: 300px;
  margin: 0;
  margin-right: 8px;
}
@media (max-width: 1000px) {
  .chilledpubs .storeSearch .row {
    width: calc(100% - 120px - 8px);
  }
}
@media (max-width: 700px) {
  .chilledpubs .storeSearch .row {
    width: 100%;
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 8px;
  }
}
.chilledpubs .storeSearch .row input[type="text"] {
  padding: 12px 16px;
  line-height: 24px;
  height: auto;
  border-radius: 0;
}
.chilledpubs .storeSearch .button {
  width: 200px;
  margin: 0;
  padding: 13px 10px;
  line-height: 24px;
}
@media (max-width: 1000px) {
  .chilledpubs .storeSearch .button {
    width: 120px;
  }
}
@media (max-width: 700px) {
  .chilledpubs .storeSearch .button {
    width: 100%;
  }
}
.chilledpubs .storeSearch .buttonAlt {
  font-size: 18px;
  width: 100%;
  margin: 16px 0 0;
  padding: 6px 10px;
  border-radius: 20px;
  text-transform: none;
  line-height: 24px;
  max-width: 300px;
}
@media (max-width: 640px) {
  .chilledpubs .storeSearch .buttonAlt {
    font-size: 16px;
    margin: 8px 0 0;
  }
}
.chilledpubs #postcode_error h2 {
  font-size: 20px;
  margin: 20px 0 10px;
  text-transform: none;
  font-weight: 500;
}
.chilledpubs .selectStore {
  margin: 0 auto 72px;
  max-width: 1138px;
  padding: 0;
}
.chilledpubs .selectStore.all {
  padding: 0;
  margin: 0 auto;
}
.chilledpubs .selectStore.all .storeList > ul > li {
  border-bottom: 0;
  margin: 0;
}
.chilledpubs .selectStore .storeList .wrapper {
  padding: 0;
}
.chilledpubs .selectStore h1 {
  display: none;
}
.chilledpubs .orderSteps {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #FFF;
  padding: 15px 0;
  max-width: 998px;
  margin: 0 auto 48px;
  border-radius: 30px;
  color: #000;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .chilledpubs .orderSteps {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    background: none;
    padding: 0;
    border-radius: 0;
  }
}
.chilledpubs .orderSteps li {
  font-size: 20px;
  line-height: 26px;
  padding: 0 24px;
  margin: 0;
  color: #919191;
  font-weight: 500;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .chilledpubs .orderSteps li {
    font-size: 18px;
    line-height: 22px;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .orderSteps li {
    width: 100%;
    margin-bottom: 16px;
  }
  .chilledpubs .orderSteps li:last-child {
    margin-bottom: 0;
  }
}
.chilledpubs .orderSteps li:after {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: -5px;
}
@media all and (max-width: 780px) {
  .chilledpubs .orderSteps li:after {
    -webkit-transform: translateX(50%) rotate(90deg);
            transform: translateX(50%) rotate(90deg);
    top: auto;
    right: 50%;
    bottom: -19px;
    color: inherit;
  }
}
.chilledpubs .orderSteps li.active {
  color: #000;
}
@media all and (max-width: 780px) {
  .chilledpubs .orderSteps li.active {
    color: #FFF;
  }
}
.chilledpubs .orderSteps li a {
  color: inherit;
}
.chilledpubs .orderSteps li a:hover {
  color: #000;
}
@media all and (max-width: 780px) {
  .chilledpubs .orderSteps li a:hover {
    color: #FFF;
  }
}
.chilledpubs .stepNumber {
  display: none;
}
.chilledpubs .overlayBox .storeList .storeItem .storeButton {
  width: calc(100% + 10px);
  margin-left: -5px;
  margin-right: -5px;
  margin-top: 16px;
  margin-bottom: -10px;
}
.chilledpubs .overlayBox .storeList .storeItem .storeButton .button {
  margin-bottom: 10px;
}
.chilledpubs .storeList li:first-child h4 {
  margin-top: 0;
}
.chilledpubs .storeList h4 {
  font-size: 32px;
  line-height: 100%;
  font-weight: 500;
  margin: 40px 0 0;
  text-align: center;
}
@media all and (max-width: 780px) {
  .chilledpubs .storeList h4 {
    font-size: 26px;
  }
}
.chilledpubs .storeList .storeItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 28px 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.4);
}
@media all and (max-width: 780px) {
  .chilledpubs .storeList .storeItem {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 24px 0;
  }
}
.chilledpubs .storeList .storeItem .storeImage {
  width: auto;
  margin-right: 16px;
  padding: 0;
}
@media all and (max-width: 780px) {
  .chilledpubs .storeList .storeItem .storeImage {
    margin-right: 16px;
    margin-bottom: 0;
  }
}
.chilledpubs .storeList .storeItem .storeInfo {
  width: auto;
  margin-right: 0;
  padding: 0;
  line-height: 22px;
}
.chilledpubs .storeList .storeItem .storeInfo b {
  font-weight: normal;
  color: inherit;
}
.chilledpubs .storeList .storeItem .storeButton {
  width: auto;
  margin-left: -5px;
  margin-right: -5px;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media (max-width: 1000px) {
  .chilledpubs .storeList .storeItem .storeButton {
    width: 100%;
    margin-top: 16px;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .storeList .storeItem .storeButton {
    width: 100%;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    text-align: left;
    margin-top: 16px;
  }
}
.chilledpubs .storeList .storeItem .storeButton .button {
  margin-left: 5px;
  margin-right: 5px;
}
@media all and (max-width: 780px) {
  .chilledpubs .storeList .storeItem .storeButton .button {
    margin-top: 0;
  }
}
.chilledpubs .storeList .storeItem .storeButton .button[disabled] {
  max-width: 380px;
  white-space: normal;
  font-weight: normal;
}
@media (max-width: 1000px) {
  .chilledpubs .storeList .storeItem .storeButton .button[disabled] {
    max-width: 100%;
  }
}
.chilledpubs .storeList .storeItem .button {
  min-width: 185px;
}
@media (max-width: 1100px) {
  .chilledpubs .storeList .storeItem .button {
    min-width: 144px;
  }
}
@media (max-width: 400px) {
  .chilledpubs .storeList .storeItem .button {
    width: 100%;
  }
}
@media (max-width: 780px) {
  .chilledpubs .contentBlock {
    padding: 0;
  }
}
.chilledpubs .contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.chilledpubs .main {
  padding: 0;
}
.chilledpubs .main .wrapper .memberContentBlock h1 {
  text-align: left;
  font-size: 44px;
  margin-bottom: 24px;
}
.chilledpubs .main .wrapper h1 {
  position: relative;
  font-size: 32px;
  line-height: 100%;
  font-weight: 500;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 32px;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .main .wrapper h1 {
    font-size: 26px;
    margin-bottom: 16px;
  }
}
@media (max-width: 1000px) {
  .chilledpubs .main .wrapper h1 span {
    display: block;
  }
}
.chilledpubs .main .wrapper h1 .backButton {
  height: 40px;
  float: left;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (max-width: 1000px) {
  .chilledpubs .main .wrapper h1 .backButton {
    position: relative;
    top: auto;
    -webkit-transform: none;
            transform: none;
    margin: 20px 0;
  }
}
.chilledpubs .menuCategory {
  margin-bottom: 0;
  padding: 0;
}
.chilledpubs .menuCategoryContent {
  width: calc(100% + 16px);
  padding: 22px 0 0;
  margin: 0 -8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.chilledpubs .menuCategoryContent:before,
.chilledpubs .menuCategoryContent:after {
  display: none;
}
.chilledpubs .full_width .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@supports (-ms-ime-align:auto) {
  .chilledpubs .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 18px);
  }
}
@media (max-width: 1500px) and (min-width: 1360px), (max-width: 1159px) and (min-width: 926px) {
  .chilledpubs .full_width .grid .menuItem.productMenuItem {
    width: calc(33.33% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .chilledpubs .full_width .grid .menuItem.productMenuItem {
      width: calc(33.33% - 18px);
    }
  }
}
@media (max-width: 1359px) and (min-width: 1160px) {
  .chilledpubs .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .chilledpubs .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
@media (max-width: 925px) {
  .chilledpubs .full_width .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
  @supports (-ms-ime-align:auto) {
    .chilledpubs .full_width .grid .menuItem.productMenuItem {
      width: calc(50% - 18px);
    }
  }
}
.chilledpubs .grid {
  width: calc(66.66% - 8px);
  margin-right: 8px;
  margin-bottom: -16px;
  padding-bottom: 72px;
}
@media only screen and (max-width:1160px) {
  .chilledpubs .grid {
    width: 100%;
    margin-right: 0;
    padding-bottom: 40px;
  }
}
.chilledpubs .grid .menuItem.productMenuItem {
  width: calc(33.33% - 16px);
  margin: 0 8px 16px;
  clear: none;
}
@media (max-width: 925px) {
  .chilledpubs .grid .menuItem.productMenuItem {
    width: calc(50% - 16px);
    margin: 0 8px 16px;
  }
}
.chilledpubs .grid .titleHeader.fixed h2 {
  border-radius: 0;
  padding: 0;
}
.chilledpubs .grid h2 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .chilledpubs .grid h2 {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
  }
}
.chilledpubs .grid h2 span {
  padding: 10px 0;
}
.chilledpubs .grid h2 .backButton {
  display: none;
}
.chilledpubs .grid .menuItem {
  width: calc(50% - 16px);
  margin: 0 8px 16px;
}
@supports (-ms-ime-align:auto) {
  .chilledpubs .grid .menuItem {
    width: calc(50% - 18px);
  }
}
@media (max-width: 1110px) {
  .chilledpubs .grid .menuItem {
    width: calc(100% - 16px);
    margin: 0 8px 16px;
    max-width: 100%;
  }
  @supports (-ms-ime-align:auto) {
    .chilledpubs .grid .menuItem {
      width: calc(100% - 18px);
    }
  }
}
.chilledpubs .grid .menuItem .categoryImageWrap:before {
  background: rgba(0, 0, 0, 0.2);
}
.chilledpubs .grid .menuItem .categoryImageWrap .categoryTitle {
  padding: 24px;
  min-height: 200px;
}
@media (max-width: 925px) {
  .chilledpubs .grid .menuItem .categoryImageWrap .categoryTitle {
    min-height: 160px;
  }
}
.chilledpubs .grid .menuItem .categoryImageWrap .categoryTitle h4 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
}
.chilledpubs .grid .menuItem .imageWrap {
  border: 0;
}
.chilledpubs .grid .menuItem .itemName {
  font-size: 16px;
  line-height: 22px;
}
.chilledpubs .grid .menuItem .details {
  background: #2a2a2a;
  padding: 16px;
}
.chilledpubs .grid .menuItem .itemOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 2px solid rgba(255, 255, 255, 0.2);
  margin-top: 16px;
  padding: 25px 0 0;
}
@media all and (max-width: 780px) {
  .chilledpubs .grid .menuItem .itemOptions {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding: 16px 0 0;
  }
}
.chilledpubs .grid .menuItem .itemOptions.quickAdd .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: auto;
}
@media all and (max-width: 780px) {
  .chilledpubs .grid .menuItem .itemOptions.quickAdd .options {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
  }
}
.chilledpubs .grid .menuItem .itemOptions.quickAdd .itemQty {
  padding: 0 5px;
}
@media (max-width: 400px) {
  .chilledpubs .grid .menuItem .itemOptions.quickAdd .addItem,
  .chilledpubs .grid .menuItem .itemOptions.quickAdd .removeItem {
    width: auto;
  }
}
.chilledpubs .grid .menuItem .itemOptions.quickAdd .addItem:hover,
.chilledpubs .grid .menuItem .itemOptions.quickAdd .removeItem:hover {
  width: auto;
}
.chilledpubs .grid .menuItem .itemOptions.quickAdd .addItem span,
.chilledpubs .grid .menuItem .itemOptions.quickAdd .removeItem span {
  display: none;
}
.chilledpubs .grid .menuItem .itemOptions.quickAdd .addItem svg,
.chilledpubs .grid .menuItem .itemOptions.quickAdd .removeItem svg {
  margin: 0;
}
.chilledpubs .grid .menuItem .itemOptions .itemPrice {
  margin: 0;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .chilledpubs .grid .menuItem .itemOptions .itemPrice {
    width: 100%;
    margin: 0 0 8px;
  }
}
.chilledpubs .grid .menuItem .itemOptions .itemPrice .options i {
  font-size: 14px;
}
.chilledpubs .grid .menuItem .itemOptions .options {
  margin-left: auto;
  width: auto;
}
@media all and (max-width: 780px) {
  .chilledpubs .grid .menuItem .itemOptions .options {
    margin-left: 0;
    width: 100%;
  }
}
.chilledpubs .grid .menuItem .itemOptions .options.loading i.fa-spin {
  top: 8px;
  -webkit-transform: none;
          transform: none;
}
.chilledpubs .grid .menuItem .addItem,
.chilledpubs .grid .menuItem .removeItem {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: 22px;
  background: var(--buttonColor);
  color: #000;
  padding: 9px 12px;
  height: 40px;
  min-width: 40px;
}
@media (max-width: 400px) {
  .chilledpubs .grid .menuItem .addItem,
  .chilledpubs .grid .menuItem .removeItem {
    width: 100%;
  }
}
.chilledpubs .grid .menuItem .addItem:hover,
.chilledpubs .grid .menuItem .removeItem:hover {
  background: #FFF;
}
.chilledpubs .grid .menuItem .addItem.checked:after,
.chilledpubs .grid .menuItem .removeItem.checked:after {
  opacity: 0;
}
.chilledpubs .grid .menuItem .addItem:after,
.chilledpubs .grid .menuItem .removeItem:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin: 5px;
}
.chilledpubs .grid .menuItem .addItem svg,
.chilledpubs .grid .menuItem .removeItem svg {
  width: 15px;
  height: 16px;
  margin-left: 8px;
}
.chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle,
.chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle {
  padding-bottom: 88px;
}
.chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
.chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
  position: absolute;
  bottom: 24px;
  left: 24px;
  max-width: calc(100% - 48px);
  min-width: 144px;
  min-width: auto;
  max-width: 100%;
  padding: 8px 16px;
  background: #FFF;
  color: #000;
  font-size: 22px;
  line-height: 28px;
  font-weight: 400;
  left: 0;
  bottom: 0;
  text-align: left;
}
@media (max-width: 780px) {
  .chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button,
  .chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button {
    width: auto;
    font-size: 16px;
  }
}
.chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem a > .categoryImageWrap > .categoryTitle span.button:hover,
.chilledpubs .menuItems.grid .hasGrid .menuCategoryContent .menuItem .categoryImageWrap > .categoryTitle span.button:hover {
  background: #FFF;
}
.chilledpubs .backButton {
  font-size: 16px;
  padding: 5px 16px;
  border: 2px solid #FFF;
  color: #FFF;
  background: none;
  border-radius: 20px;
}
.chilledpubs .backButton:hover {
  background: #FFF;
  color: #000;
}
.chilledpubs .backButton:hover svg path {
  fill: #000;
}
.chilledpubs .backButton svg {
  margin-right: 8px;
}
.chilledpubs .backButton svg path {
  fill: #FFF;
}
.chilledpubs .menuItem .imageWrap {
  position: relative;
}
.chilledpubs .menuItem .backImage {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-size: cover;
}
.chilledpubs .menuOrderWrap {
  width: calc(33.33% - 8px);
  margin-left: 8px;
  padding-top: 10px;
  font-size: 16px;
  line-height: 100%;
}
.chilledpubs #basket_html {
  font-size: 16px;
  line-height: 100%;
  margin-top: 32px;
  padding: 24px;
}
.chilledpubs #basket_html.basketFull {
  max-width: 630px;
  margin: 0 auto 72px;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chilledpubs #basket_html > div {
  padding: 16px 0;
  margin-bottom: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
}
.chilledpubs #basket_html > div:first-child {
  padding-top: 0;
}
.chilledpubs #basket_html .deliveryMethod .row {
  margin-bottom: 10px;
}
.chilledpubs #basket_html .basketLabel {
  font-weight: normal;
}
.chilledpubs #basket_html .basketPrice {
  font-weight: normal;
}
.chilledpubs #basket_html .basketTotal {
  padding: 32px 0;
  font-size: 18px;
}
.chilledpubs #basket_html .row:not(.checkboxRow) label {
  width: 100%;
  font-size: 16px;
  line-height: 100%;
  padding: 16px 0;
  font-weight: normal;
}
.chilledpubs #basket_html .basketNote {
  margin-bottom: 8px;
}
.chilledpubs #basket_html .checkoutGoButton {
  padding: 16px 10px;
  margin-top: 24px;
}
.chilledpubs #basket_html .checkoutGoButton svg {
  margin-right: 10px;
}
.chilledpubs .basketDelivery {
  border-top: 0;
}
.chilledpubs .menuCategoriesList,
.chilledpubs .menuOrder #basket_html,
.chilledpubs .menuInfo {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.8);
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chilledpubs .menuCategories > h2,
.chilledpubs .menuOrder > h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  text-transform: uppercase;
  height: auto;
}
.chilledpubs .basketItems .basket_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 10px;
  font-weight: normal;
}
@media all and (max-width: 780px) {
  .chilledpubs .basketItems .basket_row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding-bottom: 16px;
  }
  .chilledpubs .basketItems .basket_row:last-child {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
  }
}
.chilledpubs .basketItems .basket_row:last-child {
  margin-bottom: 0;
}
.chilledpubs .basketItems .itemDesc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-right: 10px;
  word-break: break-word;
}
@media all and (max-width: 780px) {
  .chilledpubs .basketItems .itemDesc {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
    width: calc(100% - 115px);
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin-bottom: 10px;
  }
}
.chilledpubs .basketItems .itemDesc strong {
  color: inherit;
}
.chilledpubs .basketItems .itemDesc h4 {
  font-size: 16px;
  margin: 0;
}
.chilledpubs .basketItems .itemDesc ul {
  margin-left: 20px;
}
.chilledpubs .basketItems .itemDesc ul li {
  list-style: disc;
}
.chilledpubs .basketItems .itemQty {
  width: auto;
  margin-right: 16px;
}
@media all and (max-width: 780px) {
  .chilledpubs .basketItems .itemQty {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    width: 115px;
    margin-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-bottom: 16px;
  }
}
.chilledpubs .basketItems .itemQty a,
.chilledpubs .basketItems .itemQty span {
  font-size: 16px;
}
.chilledpubs .basketItems .itemQty a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 32px;
  height: 32px;
  border: 2px solid #FFF;
}
.chilledpubs .basketItems .itemQty a:hover {
  background: #FFF;
}
.chilledpubs .basketItems .itemQty a:hover svg path,
.chilledpubs .basketItems .itemQty a:hover svg rect {
  fill: #000;
}
.chilledpubs .basketItems .itemQty a svg path,
.chilledpubs .basketItems .itemQty a svg rect {
  fill: #FFF;
}
.chilledpubs .basketItems .itemQty span {
  width: auto;
  height: auto;
  line-height: 32px;
  padding: 0 8px;
  min-width: 32px;
}
.chilledpubs .basketItems .itemQty svg {
  width: 16px;
  height: 16px;
}
.chilledpubs .basketItems .itemCost {
  margin-left: auto;
  width: auto;
}
@media all and (max-width: 780px) {
  .chilledpubs .basketItems .itemCost {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media all and (max-width: 780px) {
  .chilledpubs .basketItems .itemRemove {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.chilledpubs .storeClosed {
  float: left;
  width: 100%;
  margin: 20px 0 0;
  font-size: 16px;
  line-height: 100%;
}
.chilledpubs .row.coupon {
  padding: 0 0 16px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.chilledpubs .row.coupon #coupon_code {
  width: auto;
  max-width: calc(100% - 162px);
  margin-bottom: 0;
  margin-right: 9px;
}
@media all and (max-width: 780px) {
  .chilledpubs .row.coupon #coupon_code {
    max-width: 100%;
    margin-right: 0;
  }
}
.chilledpubs .row.coupon .basket_applycoupon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  border: 2px solid #FFF;
  color: #FFF;
  padding: 10px 20px;
  height: 40px;
  border-radius: 20px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .chilledpubs .row.coupon .basket_applycoupon {
    margin-top: 10px;
  }
}
.chilledpubs .row.coupon .basket_applycoupon:hover {
  background: #FFF;
  color: #000;
}
.chilledpubs .mainLogin {
  max-width: 1138px;
  margin: 0 auto;
}
.chilledpubs .guestWrap,
.chilledpubs .loginWrap {
  width: calc(50% - 13px);
  margin: 0 auto 72px;
  padding: 0;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .guestWrap,
  .chilledpubs .loginWrap {
    width: 100%;
    min-height: 0;
    margin-bottom: 16px;
  }
}
.chilledpubs .guestWrap h2,
.chilledpubs .loginWrap h2 {
  font-size: 24px;
  line-height: 30px;
  font-weight: 500;
  margin-bottom: 16px;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .guestWrap h2,
  .chilledpubs .loginWrap h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.chilledpubs .guestWrap h3,
.chilledpubs .loginWrap h3 {
  font-weight: normal;
}
.chilledpubs .guestWrap h4,
.chilledpubs .loginWrap h4,
.chilledpubs .guestWrap p,
.chilledpubs .loginWrap p {
  font-size: 16px;
  line-height: 22px;
  font-weight: normal;
  margin-bottom: 22px;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .guestWrap h4,
  .chilledpubs .loginWrap h4,
  .chilledpubs .guestWrap p,
  .chilledpubs .loginWrap p {
    font-size: 16px;
    line-height: 22px;
  }
}
.chilledpubs .guestWrap p,
.chilledpubs .loginWrap p {
  margin-bottom: 24px;
}
.chilledpubs .guestWrap input[type="text"],
.chilledpubs .loginWrap input[type="text"],
.chilledpubs .guestWrap input[type="password"],
.chilledpubs .loginWrap input[type="password"] {
  float: none;
}
.chilledpubs .guestWrap .guestWrapInner,
.chilledpubs .loginWrap .guestWrapInner,
.chilledpubs .guestWrap .loginWrapInner,
.chilledpubs .loginWrap .loginWrapInner {
  border: 2px solid rgba(255, 255, 255, 0.2);
  background: none;
  padding: 32px 24px;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chilledpubs .guestWrap .button,
.chilledpubs .loginWrap .button,
.chilledpubs .guestWrap .buttonAlt,
.chilledpubs .loginWrap .buttonAlt {
  min-width: 200px;
}
.chilledpubs .guestWrap {
  margin-right: 13px;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .guestWrap {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.chilledpubs .guestWrap + .loginWrap {
  margin-left: 13px;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .guestWrap + .loginWrap {
    margin-left: 0;
  }
}
@media only screen and (max-width: 640px) {
  .chilledpubs .loginWrap {
    margin-bottom: 48px;
  }
}
.chilledpubs .loginWrap .link:hover {
  text-decoration: underline;
}
.chilledpubs .form-error:after {
  left: 5px;
}
.chilledpubs .forgottenPassword {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
  width: 100%;
  text-align: center;
  -webkit-text-decoration-line: underline;
          text-decoration-line: underline;
  color: #FFF;
  margin-top: 8px;
  background: none;
}
@media all and (max-width: 780px) {
  .chilledpubs .forgottenPassword {
    font-size: 16px;
    line-height: 22px;
  }
}
.chilledpubs #checkoutForm,
.chilledpubs #payment-form {
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  padding: 32px;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media all and (max-width: 780px) {
  .chilledpubs #checkoutForm,
  .chilledpubs #payment-form {
    padding: 24px;
  }
}
.chilledpubs #checkoutForm h2,
.chilledpubs #payment-form h2 {
  font-size: 24px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0;
  margin: 0 0 16x;
  border: 0;
}
@media all and (max-width: 780px) {
  .chilledpubs #checkoutForm h2,
  .chilledpubs #payment-form h2 {
    font-size: 18px;
    line-height: 22px;
  }
}
.chilledpubs #checkoutForm .button,
.chilledpubs #payment-form .button {
  margin-top: 0;
}
.chilledpubs #checkoutForm .checkoutOverlay,
.chilledpubs #payment-form .checkoutOverlay {
  border: 2px solid #000;
  background: #FFF;
  height: 40px;
  border-radius: 20px;
  min-width: 200px;
}
@media (max-width: 400px) {
  .chilledpubs #checkoutForm .checkoutOverlay,
  .chilledpubs #payment-form .checkoutOverlay {
    width: 100%;
  }
}
.chilledpubs #checkoutForm .checkoutOverlay:hover,
.chilledpubs #payment-form .checkoutOverlay:hover {
  background: #FFF;
  color: #000;
}
.chilledpubs #checkoutForm .row input[type="checkbox"] + label,
.chilledpubs #payment-form .row input[type="checkbox"] + label,
.chilledpubs #checkoutForm .row input[type="radio"] + label,
.chilledpubs #payment-form .row input[type="radio"] + label {
  width: 100%;
  padding-left: 48px;
  max-width: 490px;
}
.chilledpubs #checkoutForm .row input[type="checkbox"] + label:before,
.chilledpubs #payment-form .row input[type="checkbox"] + label:before {
  width: 24px;
  height: 24px;
  border-radius: 0;
  background-clip: unset;
}
.chilledpubs #checkoutForm .continueButton,
.chilledpubs #payment-form .continueButton {
  width: 100%;
  padding: 14px 10px;
}
@media (max-width: 374px) {
  .chilledpubs #checkoutForm .continueButton,
  .chilledpubs #payment-form .continueButton {
    font-size: 14px;
  }
}
.chilledpubs .itemPopup .formInline .row {
  padding: 0;
  margin: 10px 0 20px;
  background: none;
}
.chilledpubs .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.chilledpubs .itemPopup .formInline .row:not(.checkboxRow) label {
  width: auto;
}
@media only screen and (max-width: 640px) {
  .chilledpubs .itemPopup .formInline .row:not(.checkboxRow) label {
    width: 100%;
  }
}
.chilledpubs .itemPopup .formInline .row #addressfinderPostcodeError span {
  margin: 10px 0 0;
  padding: 10px 0;
  display: block;
  float: left;
  width: 100%;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  background: #ECECEC;
}
@media all and (max-width: 780px) {
  .chilledpubs .itemPopup .formInline .row #addressfinderPostcodeError span {
    text-align: center;
  }
}
.chilledpubs .itemPopup .popupImage {
  float: right;
  margin: 0 0 1em 6%;
}
.chilledpubs #use_billing_details {
  width: 100%;
  margin: 0 0 20px;
}
.chilledpubs .overlayCloseButton {
  padding: 10px;
}
.chilledpubs .overlayCloseButton a {
  float: right;
  background: none;
  color: #272727;
  position: relative;
  right: 10px;
  top: 0;
  margin: 0;
}
.chilledpubs .overlayCloseButton a:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  right: 5px;
  bottom: 5px;
  background: #000;
  z-index: -1;
}
.chilledpubs .overlayCloseButton a .closeIcon {
  fill: #000;
  width: 40px;
  height: 40px;
  margin: -5px;
}
.chilledpubs .overlayBox {
  color: #000;
  border-radius: 0;
  -webkit-box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
          box-shadow: 0px 10px 15px rgba(0, 0, 0, 0.1), 0px 4px 6px rgba(0, 0, 0, 0.05);
}
@media all and (max-width: 780px) {
  .chilledpubs .overlayBox {
    width: 100% !important;
    left: 0 !important;
    top: 0 !important;
    right: 0;
    bottom: 0;
    margin: 0;
    overflow: auto;
    max-width: 100%;
    max-height: 100%;
  }
}
.chilledpubs .overlayBox .overlayAjax {
  padding: 50px 24px 24px;
}
.chilledpubs .overlayBox .overlayAjax .wrapper {
  padding: 0;
}
@media only screen and (max-width: 1160px) {
  .chilledpubs .overlayBox .overlayAjax .wrapper {
    padding: 0;
  }
}
.chilledpubs .overlayBox .overlayAjax h1,
.chilledpubs .overlayBox .overlayAjax h2,
.chilledpubs .overlayBox .overlayAjax h3,
.chilledpubs .overlayBox .overlayAjax h4,
.chilledpubs .overlayBox .overlayAjax h5,
.chilledpubs .overlayBox .overlayAjax h5,
.chilledpubs .overlayBox .overlayAjax p {
  color: inherit;
}
.chilledpubs .overlayBox .itemPopup {
  padding: 0;
  min-width: 502px;
}
@media all and (max-width: 780px) {
  .chilledpubs .overlayBox .itemPopup {
    padding: 0;
    overflow: auto;
    margin-top: 0;
    min-width: 0;
  }
}
.chilledpubs .overlayBox .itemPopup h2 {
  font-size: 22px;
  line-height: 30px;
  font-weight: 500;
  color: #000;
  padding: 0 0 16px;
  margin-bottom: 16px;
  border-bottom: 2px solid #CCCCCC;
}
.chilledpubs .overlayBox .itemPopup .row input[type=checkbox] {
  border-color: #AAA;
}
.chilledpubs .overlayBox .itemPopup .row .mutual {
  width: 100%;
  font-size: 14px;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 6px 0;
}
.chilledpubs .overlayBox .itemPopup .row .mutual .mutualName {
  width: auto;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 0;
}
.chilledpubs .overlayBox .itemPopup .row .mutual .name {
  font-weight: normal;
  font-size: inherit;
  width: auto;
  float: left;
  margin-right: 12px;
  padding: 0;
}
.chilledpubs .overlayBox .itemPopup .row .mutual .mutualPrice {
  color: #919191;
  white-space: nowrap;
}
.chilledpubs .overlayBox .itemPopup .row .mutual .mutualRight {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: auto;
  margin-right: 12px;
}
.chilledpubs .overlayBox .itemPopup .row .gridWrapper {
  width: 100%;
}
.chilledpubs .overlayBox #addressfinderPostcodeError {
  width: 100%;
  font-size: 16px;
  margin: 10px 0 0;
}
.chilledpubs .overlayBox .selectStore {
  margin-bottom: 24px;
}
.chilledpubs .overlayBox .storeList h4 {
  font-size: 32px;
}
.chilledpubs .overlayBox .orderSteps {
  margin: 48px 0 24px;
}
.chilledpubs .overlayBox .orderSteps li {
  font-size: 20px;
  line-height: 26px;
}
.chilledpubs .itemPopup .popupDesc {
  margin-top: 16px;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 26px;
}
.chilledpubs .itemPopup .popupDesc .descriptionContent p {
  line-height: 22px;
}
.chilledpubs .itemPopup .popupDesc .descriptionContent > p {
  color: #919191;
}
.chilledpubs .itemPopup .popupDesc p {
  color: inherit;
  margin-bottom: 16px;
}
.chilledpubs .itemPopup .popupDesc p:last-child {
  margin-bottom: 0;
}
.chilledpubs .itemPopup .descMoreInfo h4 {
  color: inherit;
}
.chilledpubs .itemPopup .formInline .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .chilledpubs .itemPopup .formInline .row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.chilledpubs .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.chilledpubs .itemPopup .formInline .row.optionSelect {
  border-top: 2px solid #CCCCCC;
  padding-top: 8px;
}
.chilledpubs .itemPopup .formInline .row.optionSelect .title {
  width: 100%;
  margin-right: 0;
}
.chilledpubs .itemPopup .formInline .row:not(.checkboxRow) label {
  padding-top: 0;
}
.chilledpubs .itemPopup .formInline .row:not(.checkboxRow) select {
  width: 100%;
  margin: 0;
}
@media all and (max-width: 780px) {
  .chilledpubs .itemPopup .formInline .row:not(.checkboxRow) select {
    width: 100%;
  }
}
.chilledpubs .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin: 16px 0 0;
}
@media all and (max-width: 780px) {
  .chilledpubs .itemPopup .formInline .row:not(.checkboxRow) select + select {
    margin: 16px 0 0;
  }
}
.chilledpubs .itemPopup .formInline .row:not(.checkboxRow) select + .form-error {
  width: 100%;
  margin-top: 16px;
}
.chilledpubs .itemPopup .formInline .row > .title {
  margin-right: 16px;
  font-weight: 500;
}
.chilledpubs .itemPopup .formInline .row > label {
  width: auto;
  margin-right: 16px;
  font-weight: 500;
}
.chilledpubs .itemPopup .formInline .row > label + select {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.chilledpubs .itemPopup #itemform.formInline .row.rowQuantity {
  text-align: left;
}
.chilledpubs .itemPopup #itemform.formInline .itemPopupButtons {
  width: auto;
  margin-top: 16px;
  float: right;
}
@media all and (max-width: 780px) {
  .chilledpubs .itemPopup #itemform.formInline .itemPopupButtons {
    width: 100%;
  }
}
.chilledpubs .itemPopup #itemform.formInline .itemPopupButtons .button {
  padding: 7px 10px;
  min-width: 155px;
}
.chilledpubs .itemPopup #itemform.formInline .itemPopupButtons .buttonAlt {
  padding: 5px 9px;
  border: 2px solid rgba(0, 0, 0, 0.5);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  background: none;
  min-width: 85px;
  width: auto;
}
.chilledpubs .itemPopup hr {
  margin: 0;
  border: 0;
  border-bottom: 2px solid #CCCCCC;
}
.chilledpubs .itemPopup #item_cost {
  font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  margin-top: 23px;
  padding-right: 20px;
}
.chilledpubs .bottomButton {
  border: 0;
  padding: 0;
}
.chilledpubs .pageBanner.checkout .orderSteps {
  margin: 0 auto 48px !important;
}
.chilledpubs .memberSidebar {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  background: none;
  border: 2px solid rgba(255, 255, 255, 0.2);
  margin-bottom: 42px;
  font-size: 16px;
}
.chilledpubs .memberSidebar .sidebarMenu {
  font-family: inherit;
  font-size: 16px;
}
.chilledpubs .memberSidebar .details > span {
  font-size: 12px;
  line-height: 18px;
}
.chilledpubs .memberSidebar .buttonAlt {
  width: 100%;
  margin-bottom: 16px;
}
.chilledpubs .memberContentBlock {
  margin-bottom: 42px;
}
@media all and (max-width: 780px) {
  .chilledpubs .memberContentBlock {
    padding-top: 0;
  }
}
.chilledpubs .pastOrder .orderOverview {
  padding: 20px 10px;
}
.chilledpubs .pastOrder .orderDetails {
  padding: 20px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 780px) {
  .chilledpubs .pastOrder .orderDetails {
    display: block;
  }
}
.chilledpubs .pastOrder .orderDetails .reOrder {
  margin-left: auto;
}
.chilledpubs .cardAddressLeft {
  padding-right: 20px;
}
@media all and (max-width: 780px) {
  .chilledpubs .cardAddressLeft {
    font-size: 16px;
    line-height: 22px;
  }
}
.chilledpubs .cardAddressRight {
  text-align: right;
}
.chilledpubs form[name="member_edit_marketing"] {
  float: left;
  width: 100%;
  padding: 20px;
  margin-bottom: 24px;
  border: 2px solid #DBDBDB;
}
.chilledpubs form[name="member_edit_marketing"] .row:last-child {
  margin-bottom: 0;
}
.chilledpubs .contentBlock.orderSummary:before {
  display: none;
}
@media all and (max-width: 780px) {
  .chilledpubs .contentBlock.orderSummary .basket_row {
    padding-bottom: 0;
  }
}
.chilledpubs .contentBlock.orderSummary .basket_row + .basket_row {
  padding-top: 0;
}
.chilledpubs .contentBlock.orderSummary .basket_row:not(.basket_item) .itemQty {
  width: auto;
}
@media all and (max-width: 780px) {
  .chilledpubs .contentBlock.orderSummary .basket_row .itemDesc {
    width: auto;
  }
}
.chilledpubs .contentBlock.orderSummary .basket_row .itemQty {
  padding-left: 0;
  text-align: left;
}
@media all and (max-width: 780px) {
  .chilledpubs .contentBlock.orderSummary .basket_row .itemQty {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
.chilledpubs .contentBlock.orderSummary .basket_row .itemQty span {
  white-space: nowrap;
}
@media all and (max-width: 780px) {
  .chilledpubs .contentBlock.orderSummary .basket_row .itemQty span {
    line-height: inherit;
  }
}
.chilledpubs .itemMarkers li {
  float: left;
  margin-right: 5px;
  max-width: 100%;
  max-height: 100%;
}
.chilledpubs .itemMarkers li img {
  display: block;
  max-width: 15px;
  max-height: 15px;
}
.chilledpubs .allergenSection {
  border-top: 2px solid #CCCCCC;
  margin-top: 16px;
}
.chilledpubs .buttonBottomCheckout {
  margin-bottom: 72px;
}
.chilledpubs .basketStore a {
  text-decoration: underline;
}
.chilledpubs .formLink {
  display: block;
  margin: 20px 0 0;
}
.chilledpubs .localitySwitch {
  display: none;
}
.chilledpubs .redirectBanner {
  background: var(--mainColor);
  color: #FFF;
  padding: 8px 0;
  font-size: 16px;
}
.chilledpubs .redirectBanner .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media all and (max-width: 780px) {
  .chilledpubs .redirectBanner .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.chilledpubs .redirectBanner span {
  margin-left: 6px;
  margin-right: 6px;
}
@media all and (max-width: 780px) {
  .chilledpubs .redirectBanner span {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }
}
.chilledpubs .redirectBanner .buttonAlt {
  margin-left: 6px;
  margin-right: 6px;
}
.chilledpubs .stripeV3Border {
  border-color: rgba(255, 255, 255, 0.2);
}
a.devereWelcome {
  display: none;
}
.devere {
  color: #53565a;
}
.devere .button,
.devere .buttonAlt {
  text-transform: none;
  border-radius: 0;
}
.devere .button[disabled],
.devere .buttonAlt[disabled] {
  background: #DDD;
  color: #53565a;
}
.devere .button[disabled]:hover,
.devere .buttonAlt[disabled]:hover {
  background: #DDD;
  color: #53565a;
  cursor: default;
}
.devere .button {
  color: #53565a;
}
.devere .button:hover {
  background: #b6d955;
}
.devere .row input[type="text"],
.devere .row input[type="tel"],
.devere .row input[type="email"],
.devere .row input[type="password"],
.devere .row input[type="search"],
.devere .row input[type="number"],
.devere .row textarea,
.devere .row select,
.devere .row .placeholder {
  border-color: #B1B2B3;
  border-radius: 0;
}
.devere .select2-container--default .select2-selection--single,
.devere .select2-dropdown {
  border-color: #B1B2B3;
  border-radius: 0;
}
.devere .menu {
  padding: 32px 0;
}
.devere .menu h1 {
  display: none;
}
.devere .menuCategories > h2,
.devere .menuOrder > h2 {
  height: auto;
  border-bottom: 1px solid #000;
  padding-bottom: 8px;
  margin-bottom: 16px;
  font-weight: 400;
  color: #53565a;
}
.devere .menuCategories > h2 {
  margin-bottom: 0;
}
.devere .menuCategories .menuCategoriesList {
  border: 0;
  border-radius: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.devere .menuCategories .menuCategoriesList li {
  margin-bottom: 0;
  border-bottom: 1px solid #B1B2B3;
}
.devere .menuCategories .menuCategoriesList li a {
  padding: 12px 0;
  padding-right: 22px;
  margin-left: 0;
}
.devere .menuCategories .menuCategoriesList li a.parent:after {
  right: 0;
}
.devere .menuCategories .menuCategoriesList li a:before {
  display: none;
}
.devere .menuCategories .menuCategoriesList li li {
  border-bottom: 0;
  padding-left: 0;
}
.devere .menuCategories .menuCategoriesList li ul {
  padding: 10px 0 8px;
  background: none;
}
.devere .menuCategories .menuCategoriesList li ul.toggled {
  padding-top: 0;
  padding-bottom: 0;
}
.devere .menuCategories .menuCategoriesList li ul li a {
  opacity: 0.7;
}
.devere .menuItems h2 {
  background: #F5F5F5;
  margin-bottom: 24px;
  padding: 12px 16px 24px;
}
@media all and (max-width: 780px) {
  .devere .menuItems h2 {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    padding: 24px 40px 24px 20px;
  }
}
.devere .menuItems h2 + .menuCategoryContent {
  padding: 0;
}
@media all and (max-width: 780px) {
  .devere .menuItems h2 + .menuCategoryContent {
    padding-top: 24px;
  }
}
.devere .menuItems .menuCategoryDesc {
  background: #F5F5F5;
  color: #53565a;
  padding: 0 16px 12px;
  margin-top: -30px;
  margin-bottom: 24px;
  font-weight: 700;
}
@media all and (max-width: 780px) {
  .devere .menuItems .menuCategoryDesc {
    width: calc(100% + 40px);
    margin-left: -20px;
    margin-right: -20px;
    margin-top: -24px;
    position: relative;
    padding: 0 20px 12px;
    margin-bottom: 0;
  }
  .devere .menuItems .menuCategoryDesc + .menuCategoryContent {
    padding-top: 24px;
  }
}
.devere .menuItems .menuCategoryDesc p {
  color: #53565a;
}
.devere .subCategoryContent {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.devere .subCategoryContent + .subCategoryContent {
  margin-top: 24px;
}
.devere .subCategoryContent h3,
.devere .subCategoryContent h4 {
  padding-left: 16px;
  border: 0;
  padding-top: 0;
}
@media all and (max-width: 780px) {
  .devere .subCategoryContent h3,
  .devere .subCategoryContent h4 {
    padding-left: 0;
  }
}
.devere .subCategoryContent .menuCategoryDesc {
  padding: 0 0 0 16px;
  background: none;
  margin-top: 0;
  margin-bottom: 16px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .devere .subCategoryContent .menuCategoryDesc {
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    padding-left: 0;
  }
}
.devere .subCategoryContent .menuCategoryDesc p {
  color: #4D4E4F;
}
.devere .menuCategory {
  margin-bottom: 32px;
  padding-bottom: 0;
}
@media all and (max-width: 780px) {
  .devere .menuCategory {
    margin-bottom: 0;
  }
}
.devere .menuCategory:last-child {
  margin-bottom: 0;
}
.devere .menuCategory.noItems h2 {
  margin-bottom: 0;
}
.devere .menuCategory h2 {
  color: #53565a;
  margin-bottom: 24px;
  font-size: 35px;
  line-height: 40px;
  font-weight: 500;
}
@media all and (max-width: 780px) {
  .devere .menuCategory h2 {
    margin-bottom: 0;
    font-size: 25px;
    line-height: 35px;
  }
}
@media all and (max-width: 780px) {
  .devere .menuCategory h2:after {
    right: 20px;
  }
}
.devere .menuCategory h2 ~ .menuCategoryContent .subCategoryContent:first-of-type h3 {
  margin-top: 0;
}
.devere .menuCategoryContent {
  padding: 0;
  margin-bottom: 24px;
}
.devere .menuCategoryContent .allergenSidebar {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 30px;
}
@media all and (max-width: 780px) {
  .devere .menuCategoryContent .allergenSidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.devere .menuCategoryContent .allergenSidebar span {
  display: inline-block;
}
.devere .menuCategoryContent h3 {
  min-height: 0;
  font-size: 25px;
  margin: 30px 0 0;
  color: #53565a;
}
.devere .menuCategoryContent h3:last-child {
  margin-bottom: 0;
}
.devere .menuCategoryContent .subCategoryContentWrap {
  padding-top: 25px;
}
.devere .menuCategoryDesc {
  margin: 0;
}
.devere .menuOrder {
  border: 1px solid #B1B2B3;
  padding: 12px;
}
.devere .mtcMenuItem {
  padding-left: 16px;
  border-bottom: 1px solid #000;
  padding-bottom: 16px;
  margin-bottom: 16px;
}
@media (min-width: 781px) {
  .devere .mtcMenuItem {
    margin-top: 0;
  }
}
@media all and (max-width: 780px) {
  .devere .mtcMenuItem {
    padding-left: 0;
  }
}
.devere .mtcMenuItem:last-child {
  margin-bottom: 0;
}
.devere .mtcMenuItem .mtcMenuItemContent > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.devere .mtcMenuItem .mtcMenuItemName {
  text-transform: uppercase;
  font-weight: 700;
}
.devere .mtcMenuItem .mtcMenuItemName .markersWrap {
  display: inline-block;
  font-weight: 400;
  color: #575757;
  margin-left: 10px;
}
.devere .mtcMenuItem .mtcMenuItemName .markersWrap span:last-of-type {
  display: none;
}
.devere .mtcMenuItem .mtcMenuItemName .itemListItemMarker {
  margin-right: 0;
}
.devere .mtcMenuItem .mtcMenuItemDesc p {
  color: #4D4E4F;
}
.devere .mtcMenuItem .mtcMenuItemDesc p span.c-menu__item-notes {
  display: none;
}
.devere .mtcMenuItem .mtcMenuItemDesc > span {
  display: block;
  margin: 12px 0 0;
  color: #4D4E4F;
  text-transform: capitalize;
}
.devere .mtcMenuItem .mtcMenuItemDesc > span .itemListItemAllergens {
  display: none;
}
.devere .mtcMenuItem .mtcMenuItemDesc span.commaSeparator:last-of-type {
  display: none;
}
.devere .mtcMenuItem .mtcMenuItemDesc .allergensBold {
  font-weight: 700;
}
.devere .basketDelivery iframe {
  margin: 30px auto;
}
.devere #basket_html {
  padding: 0;
  margin-top: 0;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.devere #basket_html > div {
  border-bottom: 1px solid #B1B2B3;
}
.devere #basket_html > .basketStore,
.devere #basket_html > .basketNeedsLocation {
  padding-bottom: 0;
  border-bottom: 0;
}
.devere #basket_html > .basketNeedsLocation {
  margin-bottom: 0;
}
.devere .row.coupon .basket_applycoupon {
  color: #53565a;
  text-decoration: underline;
}
.devere .basketItems .itemDesc h4 {
  font-family: var(--bodyFont);
}
.devere .orderSteps li {
  font-family: var(--bodyFont);
}
.devere #checkoutForm,
.devere #payment-form {
  border: 1px solid #B1B2B3;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.devere #header.hasBanner {
  min-height: 300px;
}
.devere #header.hasBanner .pageBanner {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.devere #header.hasBanner .pageBanner:after {
  background: rgba(0, 0, 0, 0.3);
}
.devere #header.hasBanner .pageBanner + .headerMain {
  min-height: 288px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.devere #header.noBanner .pageBanner:after {
  background: rgba(0, 0, 0, 0) url(/sites/template_2018/images/devere/banner.png) no-repeat scroll center center / cover;
}
.devere .appCTA {
  background: rgba(0, 0, 0, 0) url(/sites/template_2018/images/devere/banner.png) no-repeat scroll center center / cover;
}
.devere .appCTA h2 {
  color: #FFF;
}
.devere .transparentHeader .center.headerMain .logo {
  margin: 30px auto;
}
.devere .allergenSidebar {
  margin: 24px 0 0;
  padding: 6px 10px;
  border: 1px solid #B1B2B3;
  color: #4D4E4F;
  display: block;
  float: left;
  width: 100%;
}
.devere .allergenSidebar.allergenSidebarTop {
  margin: 0 0 20px;
  display: none;
}
@media all and (max-width: 780px) {
  .devere .allergenSidebar.allergenSidebarTop {
    display: block;
  }
}
.devere .allergenSidebar span {
  display: block;
}
.devere .miniBasket {
  font-family: var(--bodyFont);
}
.devere .miniBasket > li a {
  padding: 0 12px;
}
.devere .topBar .miniBasket > li a {
  color: #53565a;
}
.devere .topBar .miniBasket > li a span {
  font-weight: 700;
  margin: 0;
}
.devere .topBar .bookTable {
  float: right;
}
.devere .topBar .bookTable li a {
  padding: 13px 20px;
  display: block;
  font-weight: 400;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
  color: #fff;
  background: #3a526c;
  text-transform: uppercase;
}
.devere .topBar .bookTable li a:hover {
  color: #fff;
}
.devere .alergensInformation {
  padding: 20px;
  border: 1px solid #969696;
  margin-right: 2rem;
  font-size: 16px;
  color: #53565a;
  float: left;
}
@media all and (max-width: 780px) {
  .devere .alergensInformation {
    margin: 20px 0 0;
    width: 100%;
  }
}
.devere .storeList .storeItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.devere .storeList .storeItem .storeImage img {
  width: 100px;
  height: auto;
}
.devere .itemPopup.menuPopup > h2 span {
  font-weight: 400;
  color: #53565a;
  font-family: "Lato";
}
.devere .itemPopup.menuPopup .descDescription p {
  color: #53565a;
}
.devere .itemPopup.menuPopup .descDescription p span.c-menu__item-notes {
  display: none;
}
.devere .itemPopup.menuPopup .allergenSection ul li {
  margin-right: 5px;
  text-transform: capitalize;
}
.devere .itemPopup.menuPopup .allergenSection ul li a .commaSeparator {
  padding: 0;
  float: none;
  clear: none;
}
.devere .itemPopup.menuPopup .allergenSection ul li:last-of-type a span.commaSeparator {
  display: none;
}
.devere .bookingPage {
  max-width: 350px;
  margin: 0 auto;
}
.devere .bookingPage .button {
  width: 100%;
}
.devere .bookingPage .bookATableWrap {
  margin: 0 0 20px;
}
.devere.transparentHeader #header.noBanner {
  background: #55555a;
}
.devere .devereStoreList .storeItem {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 780px) {
  .devere .devereStoreList .storeItem .storeImage {
    max-width: 80px;
  }
}
.devere .devereStoreList .storeItem .storeInfo b {
  display: block;
}
.devere .devereStoreList .storeItem .storeButton .button {
  width: 100%;
}
.devere .selectStore h1,
.devere .selectStore .info {
  font-weight: normal;
}
.devere .orderSteps li {
  font-weight: normal;
}
.devere .storeList h4 {
  font-weight: normal;
}
.devere .sliderBd {
  text-align: center;
}
.devere .sliderBd .button {
  color: #53565a;
}
.sliderBd {
  text-align: center;
}
.sliderBd .textWrap {
  width: 100%;
  max-width: 720px;
}
.sliderBd .textContent {
  width: 100%;
}
.sliderBd h1 {
  font-size: 48px;
}
.sliderBd p {
  font-size: 16px;
  line-height: 24px;
}
.sliderBd .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
  margin-top: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 640px) {
  .sliderBd .buttonGroup {
    margin-bottom: -16px;
  }
}
.sliderBd .buttonGroup:first-child {
  margin-top: 0;
}
.sliderBd .button,
.sliderBd .buttonAlt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: calc(50% - 20px);
  padding-left: 20px;
  padding-right: 20px;
  font-weight: normal;
}
@media (max-width: 640px) {
  .sliderBd .button,
  .sliderBd .buttonAlt {
    width: calc(100% - 20px);
    max-width: 100%;
    margin-bottom: 16px;
  }
}
.sliderBd .button[disabled],
.sliderBd .buttonAlt[disabled] {
  background: #DDD;
  color: #53565a;
}
.sliderBd .button[disabled]:hover,
.sliderBd .buttonAlt[disabled]:hover {
  background: #DDD;
  color: #53565a;
  cursor: default;
}
.sliderBd .button span,
.sliderBd .buttonAlt span {
  display: block;
  font-size: 12px;
  margin: 6px 0 0;
}
.calltoactionsWrap h4 {
  font-size: 30px;
}
.calltoactionsWrap p {
  font-size: 16px;
}
.siteOuterWrapper.full_width .calltoactionsWrap .wrapper {
  max-width: 1320px;
}
.devereWelcomeOverlay .overlayCloseButton a {
  background: #fff;
  color: #53565a;
  width: 50px;
  height: 50px;
  border-radius: 25px;
  line-height: 46px;
  font-size: 50px;
  right: -25px;
  top: -25px;
}
.devereWelcomeOverlay .overlayCloseButton a:before {
  content: none;
}
.devereWelcomeOverlay .overlayAjax {
  text-align: center;
  padding: 80px 100px 60px;
  background: #55555A;
}
@media all and (max-width: 780px) {
  .devereWelcomeOverlay .overlayAjax {
    padding: 100px 20px 40px;
  }
}
.devereWelcomeOverlay .overlayAjax > img.bgWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 90%;
  display: block;
  height: 100%;
  margin: 0 auto;
}
.devereWelcomeOverlay .overlayAjax .logoWrap {
  margin: 0 0 60px;
  position: relative;
  z-index: 10;
}
.devereWelcomeOverlay .overlayAjax .contentWrap {
  position: relative;
  z-index: 10;
}
.devereWelcomeOverlay .overlayAjax h2 {
  font-size: 40px;
  margin: 0 0 30px;
  color: #fff;
}
.devereWelcomeOverlay .overlayAjax p {
  font-size: 18px;
  color: #fff;
}
.devereWelcomeOverlay .overlayAjax p a {
  color: #b6d955;
  text-decoration: underline;
}
.allergenSidebar {
  margin: 24px 0 0;
  color: #4D4E4F;
  display: block;
  float: left;
  width: 100%;
  border-radius: 5px;
  border: 0;
  background: #EEE;
  padding: 10px 14px;
}
.allergenSidebar span {
  display: block;
  margin: 0 0 5px;
}
.allergenSidebar span:last-child {
  margin-bottom: 0;
}
.allergenSidebar .allergenIcon {
  font-size: 12px;
  display: inline-block;
  width: 22px;
  text-align: center;
  border: 1px solid #AAA;
  border-radius: 11px;
  margin: 0;
  line-height: 20px;
}
.allergenSidebarTop {
  margin: 0 0 20px;
  display: none;
}
@media all and (max-width: 780px) {
  .allergenSidebarTop {
    display: block;
  }
}
.menuCategoryContent {
  padding: 0;
  margin-bottom: 24px;
}
.menuCategoryContent:last-child {
  margin-bottom: 0;
}
.menuCategoryContent .allergenSidebar {
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: 0 0 30px;
}
@media all and (max-width: 780px) {
  .menuCategoryContent .allergenSidebar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (max-width: 400px) {
  .menuCategoryContent .allergenSidebar {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.menuCategoryContent .allergenSidebar span {
  display: inline-block;
}
@media (max-width: 400px) {
  .menuCategoryContent .allergenSidebar span {
    width: 100%;
    display: block;
  }
}
.devere .subCategoryContent + .subCategoryContent h3 {
  margin-top: 6px;
}
.devere .subCategoryContent + .subCategoryContent h4 {
  margin-top: 0;
}
.devere .subCategoryContent.noItems h3:hover {
  cursor: default;
}
@media (min-width: 781px) {
  .devere .subCategoryContent.noItems h3:after {
    display: none;
  }
}
.devere .subCategoryContent h3 {
  position: relative;
}
.devere .subCategoryContent h3:hover {
  cursor: pointer;
}
@media (min-width: 781px) {
  .devere .subCategoryContent h3.active:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
}
@media (min-width: 781px) {
  .devere .subCategoryContent h3:after {
    content: "\f107";
    font-family: "fontAwesome";
    position: absolute;
    right: 0;
  }
}
.devere .subCategoryContent h4 {
  margin-bottom: 0;
  margin-top: 15px;
}
@media (min-width: 781px) {
  .devere .subCategoryContent h3 + .subCategoryContentWrap {
    display: none;
  }
}
.shakedown {
  /* General */
  /* Slideshow */
  /* Call to Actions */
  /* Postcode checker */
  /* Image Block */
  /* Block Section */
  /* App CTA */
  /* Footer */
  /* List page */
  /* Select a store */
  /* Login */
  /* Checkout */
  /* Login */
  /* Contact page */
}
.shakedown .mainMenu a {
  font-weight: var(--bodyFont);
}
.shakedown .button,
.shakedown .buttonAlt {
  border-radius: 0;
}
.shakedown .button:focus,
.shakedown .buttonAlt:focus {
  outline: none;
}
@media (max-width: 850px) {
  .shakedown .topBar .userLinks li.userLinksLogin i {
    color: #FFF;
  }
}
.shakedown .topBar .userLinks li a {
  font-family: var(--bodyFont);
}
.shakedown .miniBasket,
.shakedown .headerSocial {
  font-family: var(--bodyFont);
}
@media all and (max-width: 780px) {
  .shakedown .flyoutWrap {
    background: #222;
  }
}
@media all and (max-width: 780px) {
  .shakedown.home #header .mainMenu a {
    color: #FFF;
  }
}
@media all and (max-width: 780px) {
  .shakedown.transparentHeader #header .mainMenu a {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  }
}
.shakedown .row label {
  color: #FFF;
}
.shakedown .largeSlider h2,
.shakedown .mobileSlider h2,
.shakedown .largeSlider h1,
.shakedown .mobileSlider h1 {
  color: var(--mainColor);
}
.shakedown .largeSlider h1,
.shakedown .mobileSlider h1 {
  font-size: 160px;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  margin-top: 120px;
}
@media only screen and (max-width: 1160px) {
  .shakedown .largeSlider h1,
  .shakedown .mobileSlider h1 {
    font-size: 60px;
    margin-top: 60px;
    text-align: center;
  }
}
@media all and (max-width: 780px) {
  .shakedown .largeSlider h1,
  .shakedown .mobileSlider h1 {
    font-size: 60px;
    margin-top: 60px;
    text-align: center;
  }
}
.shakedown .largeSlider h2,
.shakedown .mobileSlider h2 {
  font-size: 72px;
  margin-top: 200px;
}
@media only screen and (max-width: 1160px) {
  .shakedown .largeSlider h2,
  .shakedown .mobileSlider h2 {
    font-size: 60px;
    margin-top: 100px;
  }
}
@media all and (max-width: 780px) {
  .shakedown .largeSlider h2,
  .shakedown .mobileSlider h2 {
    font-size: 60px;
    margin-top: 60px;
  }
}
.shakedown .largeSlider h4 + .button,
.shakedown .mobileSlider h4 + .button {
  margin-top: 140px;
}
@media only screen and (max-width: 1160px) {
  .shakedown .largeSlider h4 + .button,
  .shakedown .mobileSlider h4 + .button {
    margin-top: 40px;
  }
}
@media all and (max-width: 780px) {
  .shakedown .largeSlider h4 + .button,
  .shakedown .mobileSlider h4 + .button {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1160px) {
  .shakedown .largeSlider .button,
  .shakedown .mobileSlider .button {
    margin-top: 40px;
  }
}
@media all and (max-width: 780px) {
  .shakedown .largeSlider .button,
  .shakedown .mobileSlider .button {
    margin-top: 40px;
  }
}
.shakedown .slideWrapper .circle svg {
  fill: #222;
}
.shakedown .callToActionWrap .foodSvg {
  max-width: 140px;
}
.shakedown .callToActionWrap .foodSvg .shadow {
  display: none;
}
.shakedown .callToActionWrap h3 {
  font-size: 26px;
  font-weight: bold;
}
.shakedown .callToActionWrap h3 span {
  color: #FFF;
  text-transform: uppercase;
}
.shakedown .callToActionWrap p {
  font-size: 16px;
  color: var(--mainColor);
}
.shakedown .postcodeChecker {
  padding-top: 0;
}
@media all and (max-width: 780px) {
  .shakedown .postcodeChecker {
    padding-top: 30px;
  }
}
.shakedown .postcodeChecker:before,
.shakedown .postcodeChecker:after {
  display: none;
}
.shakedown .postcodeChecker.postcodeFooter,
.shakedown .postcodeChecker.postcodeCta {
  background: #222;
}
.shakedown .postcodeChecker.postcodeFooter h3,
.shakedown .postcodeChecker.postcodeCta h3 {
  color: var(--mainColor);
  margin-bottom: 20px;
  font-weight: bold;
}
.shakedown .postcodeChecker .row .inputWrap button {
  background: var(--mainColor);
  font-family: var(--primaryFont);
  color: #000;
}
@media all and (max-width: 780px) {
  .shakedown .postcodeChecker .row .inputWrap button {
    width: 100%;
  }
}
.shakedown .imageBlock {
  height: 420px;
}
.shakedown .imageBlock .content {
  max-width: 100%;
}
.shakedown .imageBlock h2 {
  font-size: 72px;
  color: var(--mainColor);
  text-transform: uppercase;
  margin-bottom: 20px;
}
@media all and (max-width: 780px) {
  .shakedown .imageBlock h2 {
    font-size: 40px;
  }
}
.shakedown .imageBlock h2 span {
  color: var(--mainColor);
}
.shakedown .imageBlock p {
  font-size: 26px;
}
@media all and (max-width: 780px) {
  .shakedown .imageBlock p {
    font-size: 16px;
  }
}
.shakedown .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.shakedown .block.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.shakedown .block .imageWrap {
  position: relative;
}
.shakedown .block .imageWrap img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
}
.shakedown .block .content {
  line-height: 1.462;
  padding: 20px 0;
}
@media all and (max-width: 780px) {
  .shakedown .block .content {
    padding: 30px 20px;
  }
}
.shakedown .block h3 {
  color: var(--mainColor);
  font-size: 32px;
  font-weight: bold;
  text-transform: uppercase;
}
@media (max-width: 1000px) {
  .shakedown .block h3 {
    font-size: 24px;
  }
}
.shakedown .block p {
  color: #FFF;
  font-size: 20px;
  line-height: 28px;
}
@media (max-width: 1000px) {
  .shakedown .block p {
    font-size: 16px;
    line-height: 22px;
  }
}
.shakedown .blockWrapper {
  background: #222;
}
.shakedown .siteOuterWrapper.full_width .blockWrapper {
  background: #222;
}
.shakedown .appCTA {
  background: #222;
}
.shakedown .appCTA .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 800px) {
  .shakedown .appCTA .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.shakedown .appCTA h2 {
  color: var(--mainColor);
  width: 100%;
  line-height: 34px;
}
.shakedown .appCTA .storeIcons {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.shakedown .footer {
  color: #FFF;
}
.shakedown .footer a {
  color: #FFF;
}
.shakedown .footerCols + .footerBottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.shakedown .footerCol .social a {
  color: #000;
}
.shakedown .menuItems {
  color: #FFF;
}
.shakedown .menuItems h3,
.shakedown .menuItems h4 {
  color: var(--mainColor);
}
.shakedown .menuItems p {
  color: #FFF;
}
.shakedown .mtcMenuItem .mtcMenuItemDesc .wysiwyg + span {
  display: block;
  margin: 10px 0 0;
}
.shakedown .menuCategoriesList,
.shakedown .menuOrder #basket_html,
.shakedown .menuInfo {
  background: none;
  border-color: transparent;
  webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.shakedown .menuCategories .menuCategoriesList li a {
  padding-left: 0;
  padding-right: 0;
  color: #FFF;
}
.shakedown .menuCategories .menuCategoriesList li a:hover,
.shakedown .menuCategories .menuCategoriesList li a.current {
  color: var(--mainColor);
}
.shakedown .menuCategories .menuCategoriesList li ul {
  background: none;
}
.shakedown .addIcon,
.shakedown .removeIcon {
  fill: #000;
}
.shakedown #basket_html {
  padding: 0;
  color: #FFF;
  margin-top: 1.5em;
}
.shakedown #basket_html > div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.shakedown .selectStoreLink {
  color: #FFF;
}
.shakedown .basketItems .itemDesc h4,
.shakedown .basketItems .itemDesc strong,
.shakedown .basketItems .itemDesc a {
  color: #FFF;
}
.shakedown .basketItems .itemRemove a {
  color: #FFF;
}
@media only screen and (max-width: 1160px) {
  .shakedown .checkoutSmallScreens {
    background: var(--mainColor);
  }
}
.shakedown .checkoutSmallScreens .button {
  background: #222;
  color: #FFF;
  border-radius: 3px;
}
.shakedown .mainBasket h1 {
  text-align: center;
}
.shakedown .selectStore h1,
.shakedown .selectStore .info {
  color: #FFF;
}
.shakedown .orderSteps li {
  color: #FFF;
}
.shakedown .stepNumber {
  background: rgba(255, 255, 255, 0.2);
}
.shakedown .stepNumber.active {
  background: var(--mainColor);
  color: #000;
}
.shakedown .storeList {
  color: #FFF;
}
.shakedown .storeList h4 {
  color: #FFF;
}
.shakedown .storeList ul li b {
  color: var(--mainColor);
}
.shakedown .overlayAjax .selectStore h1,
.shakedown .overlayAjax .selectStore .info {
  color: #000;
}
.shakedown .overlayAjax .orderSteps li {
  color: #000;
}
.shakedown .overlayAjax .stepNumber {
  background: rgba(255, 255, 255, 0.2);
}
.shakedown .overlayAjax .stepNumber.active {
  background: var(--mainColor);
  color: #000;
}
.shakedown .overlayAjax .storeList {
  color: #000;
}
.shakedown .overlayAjax .storeList h4 {
  color: #000;
}
.shakedown .overlayAjax .storeList ul li b {
  color: #000;
}
.shakedown .overlayAjax .row label {
  color: #000;
}
.shakedown .guestWrap .guestWrapInner,
.shakedown .loginWrap .guestWrapInner,
.shakedown .guestWrap .loginWrapInner,
.shakedown .loginWrap .loginWrapInner {
  background: #333;
  border-color: #444;
}
.shakedown .guestWrap h2,
.shakedown .loginWrap h2,
.shakedown .guestWrap h4,
.shakedown .loginWrap h4,
.shakedown .guestWrap p,
.shakedown .loginWrap p,
.shakedown .guestWrap h3,
.shakedown .loginWrap h3,
.shakedown .guestWrap .formLink,
.shakedown .loginWrap .formLink {
  color: #FFF;
}
.shakedown .guestWrap .error,
.shakedown .loginWrap .error {
  color: #B94A48;
}
.shakedown #checkoutForm,
.shakedown #payment-form {
  background: #333;
  border-color: #444;
}
.shakedown #checkoutForm h2,
.shakedown #payment-form h2 {
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.shakedown #checkoutForm .row label,
.shakedown #payment-form .row label {
  color: #FFF;
}
.shakedown #basket_html.basketFull {
  background: #333;
  border-color: #444;
  padding: 1.5em;
}
.shakedown .contentBlock {
  color: #FFF;
}
.shakedown .contentBlock h1,
.shakedown .contentBlock p,
.shakedown .contentBlock h2 {
  color: #FFF;
}
.shakedown .contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.shakedown .memberSidebar {
  background: #333;
  border-color: #444;
  color: #FFF;
}
.shakedown .memberSidebar h1,
.shakedown .memberSidebar h2,
.shakedown .memberSidebar h3,
.shakedown .memberSidebar h4,
.shakedown .memberSidebar h5,
.shakedown .memberSidebar h6,
.shakedown .memberSidebar p,
.shakedown .memberSidebar a {
  color: #FFF;
}
.shakedown .loginWrap .link {
  color: #FFF;
}
.shakedown .memberContentBlock {
  color: #FFF;
}
.shakedown .memberContentBlock h1,
.shakedown .memberContentBlock h2,
.shakedown .memberContentBlock h3,
.shakedown .memberContentBlock h4,
.shakedown .memberContentBlock h5,
.shakedown .memberContentBlock h6,
.shakedown .memberContentBlock p {
  color: #FFF;
}
.shakedown .contactWrap {
  color: #FFF;
}
.shakedown .contactWrap h1,
.shakedown .contactWrap h2,
.shakedown .contactWrap h3,
.shakedown .contactWrap h4,
.shakedown .contactWrap h5,
.shakedown .contactWrap h6,
.shakedown .contactWrap p {
  color: #FFF;
}
.shakedown .contactWrap .phone a {
  color: #FFF;
}
.shakedown .contactFormWrap .innerText {
  background: #333;
  border-color: #444;
}
.shakedown .store .details li:before {
  color: var(--mainColor);
}
.subway {
  color: #404040;
  /* Generic */
  /* Topbar */
  /* Header */
  /* Search Store */
  /* Menu */
  /* Menu Popup */
  /* Basket */
  /* Login */
}
.subway .siteOuterWrapper {
  background: #F4F4F4;
}
.subway h1,
.subway h2,
.subway h3,
.subway h4,
.subway h5,
.subway h6 {
  color: inherit;
}
.subway form fieldset {
  margin-bottom: 0;
}
.subway .row input[type="text"],
.subway .row input[type="tel"],
.subway .row input[type="email"],
.subway .row input[type="password"],
.subway .row input[type="search"],
.subway .row input[type="number"],
.subway .row textarea,
.subway .row select,
.subway .row .placeholder,
.subway .row .fakeInput {
  padding: 12px 16px;
  border-color: #D1D7D7;
  border-radius: 5px;
  height: 46px;
}
.subway .row textarea {
  height: 75px;
}
@media (max-width: 640px) {
  .subway .row textarea {
    height: 96px;
  }
}
.subway .row select {
  padding-right: 32px;
}
.subway .button,
.subway .buttonAlt {
  padding: 12px 30px;
  font-size: 16px;
  line-height: 25px;
  border-radius: 24.5px;
}
.subway .largeSlider .button,
.subway .mobileSlider .button,
.subway .largeSlider .buttonAlt,
.subway .mobileSlider .buttonAlt {
  padding: 12px 20px;
}
.subway .topBar {
  height: 49px;
  font-size: 12px;
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 2px 10px rgba(0, 0, 0, 0.16);
}
.subway .topBar .userLinks li {
  height: 49px;
}
.subway .topBar .bookTable li a {
  padding: 0 20px;
  line-height: 49px;
}
.subway .miniBasket {
  background: #FFFFFF;
  color: var(--subwayMain);
}
.subway .miniBasket > li a {
  height: auto;
  line-height: 49px;
  padding: 0 18px;
}
@media only screen and (max-width: 780px) {
  .subway .miniBasket > li a {
    font-size: inherit;
  }
}
.subway .miniBasket > li a span {
  margin-left: 0;
}
.subway .miniBasket a {
  color: inherit;
}
.subway #header.noBanner {
  background: var(--subwayMain);
}
@media only screen and (max-width: 1160px) {
  .subway #header .headerMain {
    margin-top: 49px;
    min-height: 104px;
  }
}
.subway .center.headerMain .logo {
  margin: 40px 0px 39px 0px;
}
.subway .headerMain .logo img {
  max-height: 25px;
}
.subway.advancedGrid .main {
  background: none;
}
.subway.advancedGrid .selectStore h1 {
  padding: 0;
  margin: 0 0 6px;
}
.subway.advancedGrid .selectStore h4 {
  margin: 0 0 25px;
}
.subway.advancedGrid .storeList ul {
  margin-bottom: 0;
}
.subway.advancedGrid .storeList img {
  margin-bottom: 0;
}
.subway .storeSearch {
  margin-bottom: 0;
}
.subway .overlayBox .overlayAjax {
  background: #F4F4F4;
}
.subway .overlayBox .selectStore {
  padding: 0;
}
.subway .selectStore {
  padding: 40px 0;
}
.subway .selectStore.all {
  padding: 0;
}
.subway .selectStore.all .storeList > ul > li {
  margin: 0;
  border-bottom: 2px solid #C6C6C6;
}
.subway .selectStore.all .storeList > ul > li:last-child {
  border-bottom: 0;
}
.subway .selectStore h1 {
  color: var(--subwaySecondary);
}
.subway .selectStore .orderSteps {
  margin: 0 0 10px;
}
.subway .orderSteps li.active {
  color: var(--subwayMain);
}
.subway .storeList ul li b {
  font-weight: inherit;
  color: inherit;
}
.subway .storeList .storeItem {
  position: relative;
  padding: 22px 0 20px 22px;
  margin-bottom: 0;
}
.subway .storeList .storeItem.js_storeItem:hover {
  cursor: pointer;
}
.subway .storeList .storeItem.js_storeItem:after {
  content: '\f054';
  font-family: 'FontAwesome';
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: var(--subwayMain);
}
.subway .storeList .storeItem .storeButton {
  display: none;
}
.subway .storeList span {
  font-size: 12px;
  line-height: 16px;
  font-weight: 500;
  color: #030303;
}
.subway .storeList .storeInfoTitle {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  color: var(--subwayMain);
}
.subway .storeList .storeInfoDeliveryCost {
  font-size: 14px;
  font-weight: bold;
  color: var(--subwaySecondary);
}
.subway.advancedGrid p {
  font-size: 12px;
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuMainContainer .wrapper {
    padding: 0 8px;
  }
}
.subway.advancedGrid .menuItems {
  padding: 20px 20px 4px 0;
}
@media only screen and (max-width: 1160px) {
  .subway.advancedGrid .menuItems {
    padding: 20px 0;
  }
}
@media (max-width: 767px) {
}
.subway.advancedGrid .menuCategory + .menuCategory {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuCategory + .menuCategory {
    margin-top: 8px;
  }
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuCategory + .menuCategory h2 {
    border-top: 0;
  }
}
.subway.advancedGrid .menuCategory h2 {
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  color: #000000;
  padding-top: 20px;
  margin-top: -20px;
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuCategory h2 {
    padding: 12px 8px 0;
    margin-top: -12px;
  }
}
.subway.advancedGrid .subCategoryContent h3 {
  font-size: 16px;
  line-height: 25px;
  font-weight: bold;
  color: #000000;
}
@media (max-width: 767px) {
  .subway.advancedGrid .subCategoryContent h3 {
    margin-top: 0;
    margin-bottom: 0;
    padding: 12px 16px 0;
  }
  .subway.advancedGrid .subCategoryContent h3:after {
    display: none;
  }
}
.subway.advancedGrid .menuCategoryContent {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuCategoryContent {
    margin-top: 12px;
  }
}
.subway.advancedGrid .menuCategoryContent .menuCategoryDesc {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuCategoryContent .menuCategoryDesc {
    padding-left: 16px;
    padding-right: 16px;
    margin-bottom: 12px;
  }
}
.subway.advancedGrid .mtcMenuItem {
  border: 0;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .subway.advancedGrid .mtcMenuItem {
    margin-bottom: 8px;
  }
}
.subway.advancedGrid .mtcMenuItem.notAvailable {
  -webkit-box-shadow: none;
          box-shadow: none;
  background: rgba(0, 0, 0, 0.1);
}
.subway.advancedGrid .mtcMenuItem .mtcMenuItemName {
  font-weight: bold;
  color: var(--subwayMain);
}
@media (max-width: 767px) {
  .subway.advancedGrid .mtcMenuItem .mtcMenuItemName {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 7px;
  }
}
.subway.advancedGrid .mtcMenuItem .mtcMenuItemDesc {
  margin-bottom: 10px;
}
.subway.advancedGrid .mtcMenuItem .mtcMenuItemDesc p {
  color: #000000;
}
@media (max-width: 767px) {
  .subway.advancedGrid .mtcMenuItem .mtcMenuItemDesc p {
    font-size: 10px;
    line-height: 16px;
  }
}
.subway.advancedGrid .mtcMenuItem .mtcMenuItemPrice {
  font-weight: bold;
  color: #666666;
}
@media (max-width: 767px) {
  .subway.advancedGrid .mtcMenuItem .mtcMenuItemPrice {
    font-size: 12px;
    line-height: 18px;
  }
}
.subway.advancedGrid .mtcMenuItem .mtcMenuItemOptions {
  padding-top: 10px;
}
.subway.advancedGrid .mtcMenuItem .mtcMenuItemOptions i {
  margin-top: 0;
}
@media (max-width: 767px) {
  .subway.advancedGrid .mtcMenuItem .mtcMenuItemOptions i {
    font-size: 12px;
    line-height: 18px;
  }
}
.subway.advancedGrid .menuCategoriesWrap {
  border-top: 0;
}
@media only screen and (max-width: 1160px) {
  .subway.advancedGrid .menuCategoriesWrap {
    top: 49px;
  }
}
@media (max-width: 767px) {
  .subway.advancedGrid .menuCategories .menuCategoriesList li a {
    padding: 6px 7.5px;
    margin: 14px 0;
    font-size: 10px;
    line-height: 14px;
  }
}
.subway.advancedGrid .menuOrderWrap {
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.subway.advancedGrid .menuOrder #basket_html {
  border: 0;
}
.subway .menuHeaderTop {
  background: var(--subwaySecondary);
  color: #FFF;
  margin-top: -20px;
  padding-top: 16px;
}
.subway .menuHeaderTop h1 {
  font-size: 24px;
  line-height: 29px;
  color: inherit;
  margin-bottom: 16px;
}
.subway.advancedGrid .itemPopup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: #F4F4F4;
  color: #000;
}
.subway.advancedGrid .itemPopup h2 {
  display: none;
}
.subway.advancedGrid .itemPopup .description {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}
.subway.advancedGrid .itemPopup .description .popupDesc {
  margin-top: 0;
  margin-bottom: 24px;
}
.subway.advancedGrid .itemPopup .description h2 {
  display: block;
  font-size: 26px;
  line-height: 28px;
  color: var(--subwayMain);
  font-weight: 700;
  margin: 0 0 4px;
  padding-bottom: 0;
  border: 0;
}
.subway.advancedGrid .itemPopup p,
.subway.advancedGrid .itemPopup ul,
.subway.advancedGrid .itemPopup ol {
  font-size: 14px;
  line-height: 22px;
  color: inherit;
}
.subway.advancedGrid .itemPopup .row .name,
.subway.advancedGrid .itemPopup .row .cost {
  font-size: 15px;
  font-weight: 700;
}
.subway.advancedGrid .itemPopup .row select {
  color: #000;
}
.subway.advancedGrid .itemPopup .row .buttonsWrap .buttons .quantity {
  background: #F4F4F4;
}
.subway.advancedGrid .itemPopup .title,
.subway.advancedGrid .itemPopup label {
  font-size: 17px;
  line-height: 21px;
  color: var(--subwayMain);
  margin-bottom: 19px;
}
.subway.advancedGrid .itemPopup .rowMutual {
  margin: 0 0 16px;
}
.subway.advancedGrid .itemPopup .rowMutual:last-child {
  margin-bottom: 0;
}
.subway.advancedGrid .itemPopup .rowMutual label .name {
  padding: 0;
}
.subway.advancedGrid .itemPopup .rowMutual input[type="checkbox"]:checked + label:before {
  border-color: var(--subwayMain);
}
.subway.advancedGrid .itemPopup .rowMutual input[type="checkbox"] + label:before {
  top: 0;
  left: auto;
  right: 0;
  border-color: #ABABAB;
}
.subway.advancedGrid .itemPopup .formInline {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.subway.advancedGrid .itemPopup .formInline .row {
  margin: 0 0 24px;
}
.subway.advancedGrid .itemPopup .formInline .row:last-child {
  margin-bottom: 0;
}
.subway.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) select + select {
  margin-top: 16px;
}
.subway.advancedGrid .itemPopup .formInline .row:not(.checkboxRow) .rowMutual label {
  padding: 0;
  padding-right: 34px;
  font-size: 15px;
  color: #000000;
  font-weight: 700;
  margin-bottom: 0;
  border: 0;
  border-radius: 0;
}
.subway.advancedGrid .itemPopup .formInline .row > label {
  margin-bottom: 19px;
}
.subway.advancedGrid .itemPopup .formInline .rowQuantity .button {
  min-height: 33px;
  width: 33px;
  border-radius: 6px;
  border-width: 2px;
}
.subway.advancedGrid .itemPopup .formInline .rowQuantity span {
  margin: 0 8px;
  font-size: 14px;
  font-weight: 700;
}
.subway.advancedGrid .itemPopup .allergenSection {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  border: 0;
  padding: 0;
  margin: 0 0 24px;
  color: #8D8D8D;
}
.subway.advancedGrid .itemPopup .allergenSection > span {
  font-size: 10px;
  line-height: 12px;
  font-weight: 700;
  margin: 0 0 8px;
}
.subway.advancedGrid .itemPopup .allergenSection .alergens {
  font-size: 9px;
  letter-spacing: 0.18px;
}
.subway.advancedGrid .itemPopup .allergenSection .alergens li img {
  max-width: 18px;
  max-height: 18px;
}
.subway.advancedGrid .itemPopupButtons .button {
  border-radius: 24px;
}
.subway.advancedGrid .itemPopupButtons .buttonAlt:after {
  border-width: 2px;
  border-radius: 24px;
}
.subway.advancedGrid #basket_html {
  border: 0;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.subway.advancedGrid #basket_html .basketStore {
  width: auto;
  padding: 0 0 20px;
  margin: 0 16px 20px;
  color: inherit;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}
.subway.advancedGrid #basket_html a:not(.button):not(.buttonAlt) {
  color: inherit;
}
.subway.advancedGrid #basket_html .basketWrap {
  padding: 20px 0 0;
}
.subway.advancedGrid #basket_html .basketTotal {
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 24px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 16px;
  width: calc(100% - 32px);
}
.subway.advancedGrid #basket_html form .button {
  border-radius: 24.5px;
}
.subway.advancedGrid .basketItems .itemDesc h4,
.subway.advancedGrid .basketItems .itemDesc strong {
  color: inherit;
}
.subway.advancedGrid .row.coupon .basket_applycoupon {
  color: inherit;
}
.subway .checkoutSmallScreens .button .buttonItems {
  border-radius: 16.5px;
  min-width: 33px;
}
.subway .checkoutSmallScreens .button .buttonTotal {
  right: 20px;
}
@media (max-width: 780px) {
  .subway .contentBlock {
    padding: 0 0 20px;
  }
}
@media (max-width: 780px) {
  .subway.advancedGrid .orderSteps li {
    font-size: 12px;
    padding: 0 6px;
  }
}
@media (max-width: 780px) {
  .subway .orderSteps {
    margin: 0;
  }
}
.subway .guestWrap,
.subway .loginWrap {
  margin-top: 20px;
}
.subway .guestWrap h2,
.subway .loginWrap h2 {
  font-weight: 700;
  margin-bottom: 10px;
}
@media (max-width: 780px) {
  .subway .guestWrap h2,
  .subway .loginWrap h2 {
    font-size: 19px;
    line-height: 23px;
  }
}
.subway .guestWrap h4,
.subway .loginWrap h4 {
  margin-bottom: 14px;
}
@media (max-width: 780px) {
  .subway .guestWrap h4,
  .subway .loginWrap h4 {
    font-size: 10px;
    line-height: 13px;
    font-weight: 700;
  }
}
.subway .guestWrap p:not(.error):not(.success),
.subway .loginWrap p:not(.error):not(.success) {
  color: #6E6E6E;
  margin-bottom: 20px;
}
@media (max-width: 780px) {
  .subway .guestWrap p:not(.error):not(.success),
  .subway .loginWrap p:not(.error):not(.success) {
    font-size: 10px;
    line-height: 13px;
    font-weight: 700;
  }
}
@media (max-width: 780px) {
  .subway .guestWrap .button,
  .subway .loginWrap .button {
    min-width: 213px;
  }
}
.subway .guestWrap .guestWrapInner,
.subway .loginWrap .guestWrapInner,
.subway .guestWrap .loginWrapInner,
.subway .loginWrap .loginWrapInner {
  border: 0;
  padding: 22px 20px;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
@media (max-width: 780px) {
  .subway .guestWrap {
    margin-top: 0;
  }
}
.subway .loginWrap.center {
  margin-top: 0;
  margin-bottom: 20px;
}
.subway #checkoutForm,
.subway #payment-form {
  border: 0;
  padding: 22px 20px;
  border-radius: 12px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1);
}
.subway #checkoutForm h2,
.subway #payment-form h2 {
  font-weight: 700;
  padding: 0;
  margin-bottom: 10px;
  border: 0;
}
@media (max-width: 780px) {
  .subway #checkoutForm h2,
  .subway #payment-form h2 {
    font-size: 19px;
    line-height: 23px;
  }
}
.subway #checkoutForm .button,
.subway #payment-form .button {
  margin-top: 0;
}
.subway #checkoutForm .row input[type="checkbox"] + label,
.subway #payment-form .row input[type="checkbox"] + label,
.subway #checkoutForm .row input[type="radio"] + label,
.subway #payment-form .row input[type="radio"] + label {
  padding-top: 0;
  padding-bottom: 0;
}
.overlayAjax .selectStoreSingle .singleStoreWrap {
  padding: 0;
}
.subway .selectStoreSingle .title {
  color: var(--subwayMain);
}
.subway .selectStoreSingle .title {
  color: var(--subwayMain);
}
.subway .selectStoreSingle .button {
  background: var(--subwayMain);
  color: var(--subwaySecondary);
}
.subway .selectStoreSingle .button:hover {
  background: var(--subwayMain);
  color: var(--subwaySecondary);
}
.storeList .storeItem.storeItemClick .storeButton {
  display: none;
}
.selectStoreSingle {
  display: none;
}
.selectStoreSingle.show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.selectStoreSingle h2 {
  display: none;
}
.selectStoreSingle .singleStoreWrap {
  padding: 40px 20px;
  border-radius: 18px;
  text-align: center;
}
@media (max-width: 767px) {
  .selectStoreSingle .singleStoreWrap {
    padding: 20px;
  }
}
.selectStoreSingle .title {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: var(--mainColor);
}
.selectStoreSingle .subtitle {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  margin-bottom: 23px;
}
.selectStoreSingle .button {
  font-size: 16px;
  line-height: 67px;
  font-weight: 800;
  width: 100%;
  padding: 0 20px;
  margin: 0 0 8px;
  border-radius: 33.5px;
}
.selectStoreSingle .button:last-child {
  margin-bottom: 0;
}
.selectStoreSingle .button.forward {
  padding-right: 20px;
}
.selectStoreSingle .button.forward:after {
  display: none;
}
.selectStoreSingle .linkGroup {
  margin-top: 20px;
}
.selectStoreSingle .linkGroup a {
  color: inherit;
}
.mainGdk.noScroll {
  overflow-y: scroll;
}
.mainGdk.noScroll .siteOuterWrapper {
  position: fixed;
  left: 0;
  right: 0;
  -webkit-filter: blur(6px);
          filter: blur(6px);
}
.mainGdk .noScroll {
  overflow: initial;
}
.gdk {
  background-color: #000;
  color: #FFF;
  /* Resets */
  /* General */
  /* Form */
  /* Header */
  /* Footer */
  /* Select Store */
  /* Category Grid & Menu Grid */
  /* Menu Basket */
  /* Item Overlay */
  /* Basket */
  /* Checkout */
  /* Sweet Alert */
  /* Members */
}
.gdk .gdkBackground {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  z-index: -1;
  pointer-events: none;
}
.gdk .gdkBackground:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  background: -webkit-gradient(linear, left top, left bottom, from(#3D1900), color-stop(9.41%, #411A00), color-stop(17.32%, #401B00), color-stop(27%, #381500), color-stop(36.8%, #2A0F00), color-stop(46.47%, #120700), color-stop(58.41%, #120700), color-stop(75.52%, #080300));
  background: linear-gradient(180deg, #3D1900 0%, #411A00 9.41%, #401B00 17.32%, #381500 27%, #2A0F00 36.8%, #120700 46.47%, #120700 58.41%, #080300 75.52%);
  height: 1300px;
}
@media all and (max-width: 780px) {
  .gdk .gdkBackground:before {
    height: 1000px;
  }
}
.gdk .siteOuterWrapper {
  background: none;
  overflow: inherit;
}
@media all and (max-width: 780px) {
  .gdk .siteOuterWrapper > div.transform {
    -webkit-transform: none;
            transform: none;
  }
}
@media all and (max-width: 780px) {
  .gdk .siteOuterWrapper .wrapper {
    padding: 0 10px;
  }
}
.gdk .pageBanner:after {
  display: none;
}
@media all and (max-width: 780px) {
  .gdk .contentBlock {
    padding: 0;
  }
}
.gdk h1,
.gdk h2,
.gdk h3,
.gdk h4,
.gdk h5,
.gdk h6 {
  color: inherit;
}
.gdk h1 {
  font-weight: 900;
  text-transform: uppercase;
}
.gdk h2 {
  font-weight: bold;
  text-transform: uppercase;
}
.gdk h3 {
  font-family: var(--bodyFont);
  font-size: 24px;
  font-weight: 700;
}
.gdk h4 {
  font-family: var(--bodyFont);
  font-size: 18px;
  font-weight: 700;
}
.gdk h5,
.gdk h6 {
  font-family: var(--bodyFont);
  font-size: 16px;
  font-weight: 700;
}
.gdk p {
  color: inherit;
}
.gdk .error {
  background: #B94A48;
  color: #FFF;
  border: 0;
}
.gdk .success {
  background: #448745;
  color: #FFF;
  border: 0;
}
.gdk .button,
.gdk .buttonAlt {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  padding: 12px 26px;
  border-radius: 22px;
  text-transform: initial;
}
.gdk .row select {
  padding-right: 32px;
  background: url(/sites/template_2018/images/icons/angleDownInverted.png);
  background-repeat: no-repeat;
  background-position: 98% center;
  background-size: 20px;
}
.gdk .row input[type="text"],
.gdk .row input[type="tel"],
.gdk .row input[type="email"],
.gdk .row input[type="password"],
.gdk .row input[type="search"],
.gdk .row input[type="number"],
.gdk .row textarea,
.gdk .row select,
.gdk .row .placeholder,
.gdk .row .fakeInput {
  font-size: 14px;
  background-color: #2E2E2E;
  color: var(--mainColor);
  border-color: transparent;
}
.gdk .row input[type="text"]::-webkit-input-placeholder,
.gdk .row input[type="tel"]::-webkit-input-placeholder,
.gdk .row input[type="email"]::-webkit-input-placeholder,
.gdk .row input[type="password"]::-webkit-input-placeholder,
.gdk .row input[type="search"]::-webkit-input-placeholder,
.gdk .row input[type="number"]::-webkit-input-placeholder,
.gdk .row textarea::-webkit-input-placeholder,
.gdk .row select::-webkit-input-placeholder,
.gdk .row .placeholder::-webkit-input-placeholder,
.gdk .row .fakeInput::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
.gdk .row input[type="text"]:-moz-placeholder,
.gdk .row input[type="tel"]:-moz-placeholder,
.gdk .row input[type="email"]:-moz-placeholder,
.gdk .row input[type="password"]:-moz-placeholder,
.gdk .row input[type="search"]:-moz-placeholder,
.gdk .row input[type="number"]:-moz-placeholder,
.gdk .row textarea:-moz-placeholder,
.gdk .row select:-moz-placeholder,
.gdk .row .placeholder:-moz-placeholder,
.gdk .row .fakeInput:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(255, 255, 255, 0.3);
}
.gdk .row input[type="text"]::-moz-placeholder,
.gdk .row input[type="tel"]::-moz-placeholder,
.gdk .row input[type="email"]::-moz-placeholder,
.gdk .row input[type="password"]::-moz-placeholder,
.gdk .row input[type="search"]::-moz-placeholder,
.gdk .row input[type="number"]::-moz-placeholder,
.gdk .row textarea::-moz-placeholder,
.gdk .row select::-moz-placeholder,
.gdk .row .placeholder::-moz-placeholder,
.gdk .row .fakeInput::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: rgba(255, 255, 255, 0.3);
}
.gdk .row input[type="text"]:-ms-input-placeholder,
.gdk .row input[type="tel"]:-ms-input-placeholder,
.gdk .row input[type="email"]:-ms-input-placeholder,
.gdk .row input[type="password"]:-ms-input-placeholder,
.gdk .row input[type="search"]:-ms-input-placeholder,
.gdk .row input[type="number"]:-ms-input-placeholder,
.gdk .row textarea:-ms-input-placeholder,
.gdk .row select:-ms-input-placeholder,
.gdk .row .placeholder:-ms-input-placeholder,
.gdk .row .fakeInput:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.3);
}
@media all and (max-width: 780px) {
  .gdk .row input[type="text"],
  .gdk .row input[type="tel"],
  .gdk .row input[type="email"],
  .gdk .row input[type="password"],
  .gdk .row input[type="search"],
  .gdk .row input[type="number"],
  .gdk .row textarea,
  .gdk .row select,
  .gdk .row .placeholder,
  .gdk .row .fakeInput {
    font-size: 16px;
  }
}
.gdk .row input[type="text"]:-webkit-autofill,
.gdk .row input[type="tel"]:-webkit-autofill,
.gdk .row input[type="email"]:-webkit-autofill,
.gdk .row input[type="password"]:-webkit-autofill,
.gdk .row input[type="search"]:-webkit-autofill,
.gdk .row input[type="number"]:-webkit-autofill,
.gdk .row textarea:-webkit-autofill,
.gdk .row select:-webkit-autofill,
.gdk .row .placeholder:-webkit-autofill,
.gdk .row .fakeInput:-webkit-autofill,
.gdk .row input[type="text"]:-webkit-autofill:hover,
.gdk .row input[type="tel"]:-webkit-autofill:hover,
.gdk .row input[type="email"]:-webkit-autofill:hover,
.gdk .row input[type="password"]:-webkit-autofill:hover,
.gdk .row input[type="search"]:-webkit-autofill:hover,
.gdk .row input[type="number"]:-webkit-autofill:hover,
.gdk .row textarea:-webkit-autofill:hover,
.gdk .row select:-webkit-autofill:hover,
.gdk .row .placeholder:-webkit-autofill:hover,
.gdk .row .fakeInput:-webkit-autofill:hover,
.gdk .row input[type="text"]:-webkit-autofill:focus,
.gdk .row input[type="tel"]:-webkit-autofill:focus,
.gdk .row input[type="email"]:-webkit-autofill:focus,
.gdk .row input[type="password"]:-webkit-autofill:focus,
.gdk .row input[type="search"]:-webkit-autofill:focus,
.gdk .row input[type="number"]:-webkit-autofill:focus,
.gdk .row textarea:-webkit-autofill:focus,
.gdk .row select:-webkit-autofill:focus,
.gdk .row .placeholder:-webkit-autofill:focus,
.gdk .row .fakeInput:-webkit-autofill:focus,
.gdk .row input[type="text"]:-webkit-autofill:active,
.gdk .row input[type="tel"]:-webkit-autofill:active,
.gdk .row input[type="email"]:-webkit-autofill:active,
.gdk .row input[type="password"]:-webkit-autofill:active,
.gdk .row input[type="search"]:-webkit-autofill:active,
.gdk .row input[type="number"]:-webkit-autofill:active,
.gdk .row textarea:-webkit-autofill:active,
.gdk .row select:-webkit-autofill:active,
.gdk .row .placeholder:-webkit-autofill:active,
.gdk .row .fakeInput:-webkit-autofill:active {
  background-color: transparent !important;
  -webkit-box-shadow: 0 0 0 50px #2E2E2E inset;
  -webkit-text-fill-color: var(--mainColor) !important;
  border-radius: 0;
}
.gdk .row textarea {
  height: 77px;
}
.gdk .row input[type=checkbox] {
  border-color: #2E2E2E;
  background: #2E2E2E;
  border-radius: 2px;
}
.gdk .overlayBox .menuPopup .row .customCheckbox:checked + label {
  background: var(--mainColor);
  border-radius: 2px;
}
.gdk .chosen-container {
  color: #000;
}
.gdk .chosen-container .chosen-drop {
  background-color: #2E2E2E;
  color: #FFF;
}
.gdk .chosen-container .chosen-results li.highlighted {
  background: rgba(0, 0, 0, 0.1);
  color: var(--mainColor);
}
.gdk .chosen-container .chosen-results li.no-results {
  color: #FFF;
  background: rgba(0, 0, 0, 0.1);
}
.gdk .chosen-container-single .chosen-single {
  background-color: #2E2E2E;
  color: var(--mainColor);
}
.gdk .chosen-container-single .chosen-search {
  overflow: hidden;
  background-color: #2E2E2E;
}
@media (max-width: 1475px) {
  .gdk .siteOuterWrapper .topBar .wrapper {
    padding: 0 20px;
  }
}
.gdk .topBar {
  position: relative;
  background: none;
  height: auto;
  text-transform: uppercase;
  margin-top: 55px;
  font-size: 15px;
  line-height: 20px;
  pointer-events: none;
  z-index: 6000;
}
@media (max-width: 1160px) {
  .gdk .topBar {
    position: relative;
  }
}
@media all and (max-width: 780px) {
  .gdk .topBar {
    background: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 46px;
    margin-top: 0;
  }
}
.gdk .topBar a {
  pointer-events: initial;
}
.gdk .topBar .userLinks li {
  height: auto;
}
.gdk .topBar .userLinks li a {
  padding: 0;
}
@media (min-width: 781px) {
  .gdk .topBar .userLinks li a {
    display: block;
    background: var(--mainColor);
    color: #000;
    padding: 12px 26px;
    margin: -12px 0;
    border-radius: 22px;
  }
}
@media all and (max-width: 780px) {
  .gdk .topBar .userLinks li a {
    height: 46px;
    padding: 0 20px;
    margin-left: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media (min-width: 781px) {
  .gdk .userLinksLogin a span {
    display: block;
  }
}
@media (min-width: 781px) {
  .gdk .topBar .userLinks li.userLinksLogin i {
    display: none;
  }
}
.gdk #header {
  background: none;
  margin-top: -34px;
  margin-bottom: 106px;
}
@media all and (max-width: 780px) {
  .gdk #header {
    margin-top: 30px;
    margin-bottom: 30px;
  }
}
.gdk #header .pageBanner {
  background: none;
}
.gdk #header .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gdk .miniBasket {
  background: none;
}
.gdk .logo img,
.gdk .logo sgv {
  height: 49px;
}
@media all and (max-width: 780px) {
  .gdk .logo img,
  .gdk .logo sgv {
    height: 41px;
  }
}
.gdk .headerSocial h3 {
  font-size: inherit;
  font-weight: normal;
}
.gdk .miniBasket > li a {
  font-size: inherit;
  height: auto;
  line-height: inherit;
  padding: 0;
}
@media (min-width: 781px) {
  .gdk .miniBasket > li a {
    background: var(--mainColor);
    color: #000;
    padding: 12px 26px;
    margin: -12px 0;
    border-radius: 22px;
  }
}
@media all and (max-width: 780px) {
  .gdk .miniBasket > li a {
    line-height: 46px;
    padding: 0 20px;
    margin-right: -20px;
  }
}
.gdk .footer {
  border: 0;
  padding: 0;
  color: inherit;
}
@media (max-width: 1475px) {
  .gdk .footer {
    padding: 0 20px;
  }
}
.gdk .footer h3 {
  font-size: 16px;
}
.gdk .footerCols + .footerBottom {
  margin-top: 20px;
  border-top: 2px solid #FFF;
}
.gdk .footerCol .social a {
  color: #000;
}
.gdk .footerCol .social a svg path {
  fill: #000;
}
.gdk .selectStore {
  padding: 0 0 230px;
}
.gdk .selectStore.all {
  padding: 0;
}
.gdk .selectStore.all .storeList > ul > li {
  margin: 0;
  border: 0;
}
.gdk .selectStore.all .storeList .button {
  margin-bottom: 0;
}
@media (max-width: 590px) {
  .gdk .selectStore.all .storeList .button + .button {
    margin-top: 0;
  }
}
.gdk .selectStore h1 {
  font-size: 45px;
  line-height: 58px;
  padding-bottom: 0;
  margin-bottom: 20px;
}
@media all and (max-width: 780px) {
  .gdk .selectStore h1 {
    font-size: 40px;
    line-height: 46px;
    margin-bottom: 32px;
  }
}
@media (max-width: 350px) {
  .gdk .selectStore h1 {
    font-size: 32px;
    line-height: 36px;
  }
}
.gdk .selectStore .orderSteps {
  margin-bottom: 70px;
}
.gdk .selectStore .info {
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
  margin-bottom: 27px;
}
.gdk .orderSteps li {
  position: relative;
  color: inherit;
  margin: 0 110px;
  padding-bottom: 40px;
}
@media (max-width: 1000px) and (min-width: 801px) {
  .gdk .orderSteps li {
    margin-left: 60px;
    margin-right: 60px;
  }
}
@media (max-width: 800px) {
  .gdk .orderSteps li {
    margin-left: 30px;
    margin-right: 30px;
  }
}
@media (max-width: 350px) {
  .gdk .orderSteps li {
    margin-left: 15px;
    margin-right: 15px;
  }
}
.gdk .orderSteps li:first-child {
  margin-left: 0;
}
.gdk .orderSteps li:last-child {
  margin-right: 0;
}
.gdk .orderSteps li:last-child:before {
  display: none;
}
.gdk .orderSteps li.active .step,
.gdk .orderSteps li.active .stepNumber {
  background: #FFF;
}
.gdk .orderSteps li:before {
  content: '';
  position: absolute;
  left: 40px;
  top: 18px;
  height: 4px;
  width: 270px;
  background: #FFF;
  z-index: -1;
}
@media (max-width: 1000px) and (min-width: 801px) {
  .gdk .orderSteps li:before {
    width: 170px;
  }
}
@media (max-width: 800px) {
  .gdk .orderSteps li:before {
    width: 110px;
  }
}
.gdk .orderSteps li:after {
  display: none;
}
.gdk .orderSteps li .step,
.gdk .orderSteps li .stepNumber {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 24px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  min-width: 40px;
  border-radius: 20px;
  background: var(--mainColor);
  color: #000;
}
.gdk .orderSteps li .step:before,
.gdk .orderSteps li .stepNumber:before {
  content: '';
  position: absolute;
  top: -10px;
  right: -10px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background: rgba(255, 255, 255, 0.2);
  background: #6F584D;
  z-index: -1;
}
.gdk .orderSteps li .stepTitle {
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  white-space: nowrap;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  margin-top: -20px;
}
@media all and (max-width: 780px) {
  .gdk .orderSteps li .stepTitle {
    font-size: 12px;
    line-height: 16px;
    margin-top: -16px;
  }
}
@media (max-width: 350px) {
  .gdk .orderSteps li .stepTitle {
    font-size: 10px;
    white-space: normal;
    width: calc(100% + 20px);;
  }
}
.gdk .storeList h4 {
  display: none;
  margin: 0 0 20px;
}
@media all and (max-width: 780px) {
  .gdk .storeList h4 {
    display: none;
  }
}
.gdk .storeList ul li b {
  color: inherit;
}
.gdk .storeList .storeItem {
  position: relative;
  font-size: 24px;
  line-height: 31px;
  background: #333;
  background: none;
  padding: 24px;
  padding-right: 90px;
  border-radius: 23px;
  margin-bottom: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 181px;
}
@media (max-width: 1200px) {
  .gdk .storeList .storeItem {
    font-size: 20px;
  }
}
@media all and (max-width: 780px) {
  .gdk .storeList .storeItem {
    font-size: 14px;
    line-height: 18px;
    padding: 20px;
    padding-right: 40px;
    min-height: 136px;
  }
}
.gdk .storeList .storeItem:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(163.92deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 99.18%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 23px;
  z-index: -1;
}
.gdk .storeList .storeItem:not(.js_storeItem) {
  background: #2E2E2E;
}
.gdk .storeList .storeItem:not(.js_storeItem) .storeImage {
  background: none;
}
.gdk .storeList .storeItem:not(.js_storeItem) .storeImage svg path {
  fill: #FFF;
}
@media (min-width: 781px) {
  .gdk .storeList .storeItem.js_storeItem:hover {
    cursor: pointer;
  }
}
.gdk .storeList .storeItem.js_storeItem:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 40px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 37px;
  height: 34px;
  background-image: url(/sites/template_2018/images/germandoner/arrow-desktop.png);
  background-size: cover;
}
@media all and (max-width: 780px) {
  .gdk .storeList .storeItem.js_storeItem:after {
    right: 16px;
    width: 9px;
    height: 16px;
    background-image: url(/sites/template_2018/images/germandoner/arrow-mobile.png);
  }
}
.gdk .storeList .storeItem.storeItemClick .storeButton {
  display: none;
  max-width: 300px;
}
@media (min-width: 780px) {
  .gdk .storeList .storeItem.storeItemClick .storeButton {
    display: none;
  }
}
.gdk .storeList .storeItem.storeItemClick .storeButton .button {
  width: 100%;
}
.gdk .storeList .storeItem .storeImage {
  border-radius: 23px;
  overflow: hidden;
  margin-right: 40px;
  background: linear-gradient(163.92deg, rgba(181, 110, 46, 0.22) 0%, rgba(255, 122, 0, 0.67) 99.18%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  width: 133px;
  height: 133px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (max-width: 780px) {
  .gdk .storeList .storeItem .storeImage {
    width: 96px;
    height: 96px;
    margin-right: 20px;
    border-radius: 12px;
  }
}
@media (max-width: 400px) {
  .gdk .storeList .storeItem .storeImage {
    width: 60px;
    height: 60px;
  }
}
.gdk .storeList .storeItem .storeImage img,
.gdk .storeList .storeItem .storeImage svg {
  width: 98px;
}
@media all and (max-width: 780px) {
  .gdk .storeList .storeItem .storeImage img,
  .gdk .storeList .storeItem .storeImage svg {
    width: 68px;
  }
}
@media (max-width: 400px) {
  .gdk .storeList .storeItem .storeImage img,
  .gdk .storeList .storeItem .storeImage svg {
    width: 48px;
  }
}
@media (max-width: 780px) {
  .gdk .storeList .storeItem .storeButton {
    width: 100%;
    margin: 0;
  }
}
@media (max-width: 780px) {
  .gdk .storeList .storeItem .storeButton .button {
    margin-left: 0;
    margin-right: 0;
  }
}
.gdk .storeList .storeItem .storeOrderType {
  display: block;
}
.gdk .storeList .storeItem .storeOrderType.hidden {
  display: none;
}
.gdk .filterOrderType {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 -10px 68px;
}
@media all and (max-width: 780px) {
  .gdk .filterOrderType {
    display: none;
  }
}
.gdk .filterOrderType a {
  display: block;
  font-family: var(--primaryFont);
  font-size: 38px;
  line-height: 50px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 12px 20px;
  color: #FFF;
  margin: 0 10px;
  border: 4px solid #FFF;
}
@media (max-width: 1100px) {
  .gdk .filterOrderType a {
    font-size: 24px;
    line-height: 34px;
  }
}
.gdk .filterOrderType a:hover {
  border-color: #FF7A00;
  color: #FF7A00;
}
.gdk .filterOrderType a.active {
  background: #FF7A00;
  border-color: transparent;
  color: #000;
}
.gdk .storeSearch {
  background: none;
  margin-bottom: 0;
  max-width: 445px;
}
.gdk .storeSearch #selectstore_form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 480px) {
  .gdk .storeSearch #selectstore_form {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.gdk .storeSearch .ajaxerror h2 {
  font-size: 18px;
  font-family: var(--bodyFont);
  text-transform: none;
  font-weight: normal;
}
.gdk .storeSearch .row {
  width: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media (max-width: 480px) {
  .gdk .storeSearch .row {
    width: 100%;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    margin: 0 0 20px;
  }
}
.gdk .storeSearch .row input[type="text"] {
  height: 44px;
  font-size: 15px;
  line-height: 44px;
  padding: 0;
  background: none;
  color: #FFF;
  border: 2px solid #FFF;
  border-width: 0 0 2px;
  border-radius: 0;
}
.gdk .storeSearch .row input[type="text"]::-webkit-input-placeholder {
  color: #FFF;
}
.gdk .storeSearch .row input[type="text"]:-moz-placeholder {
  /* Firefox 18- */
  color: #FFF;
}
.gdk .storeSearch .row input[type="text"]::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 1;
  color: #FFF;
}
.gdk .storeSearch .row input[type="text"]:-ms-input-placeholder {
  color: #FFF;
}
@media all and (max-width: 780px) {
  .gdk .storeSearch .row input[type="text"] {
    font-size: 16px;
  }
}
.gdk .storeSearch .button {
  width: auto;
  margin-left: 58px;
}
@media (max-width: 480px) {
  .gdk .storeSearch .button {
    width: 100%;
    margin-left: 0;
  }
}
.gdk .selectStoreSingle {
  margin-top: 168px;
  /*
        position: relative;
        min-height: 100vh;
        top: -147px;
        
        @supports (-webkit-touch-callout: none) {
            min-height: -webkit-fill-available;
        }
        */
}
.gdk .selectStoreSingle h2 {
  display: block;
  font-size: 36px;
  line-height: 47px;
  color: #FFF;
  text-align: center;
  text-transform: none;
  margin: auto 0 15px;
}
@media (max-width: 350px) {
  .gdk .selectStoreSingle h2 {
    font-size: 28px;
    line-height: 34px;
  }
}
.gdk .selectStoreSingle .singleStoreWrap {
  padding: 0 0 20px;
}
.gdk .selectStoreSingle .title,
.gdk .selectStoreSingle .subtitle {
  display: none;
}
.gdk .selectStoreSingle .buttonGroup {
  position: relative;
  padding: 43px 38px;
  border-radius: 23px;
}
.gdk .selectStoreSingle .buttonGroup:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(163.92deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 99.18%);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  border-radius: 23px;
  z-index: -1;
}
@media only screen and (max-width: 1160px) {
  .gdk.categoryGrid .siteOuterWrapper,
  .gdk.menuGrid .siteOuterWrapper {
    padding-bottom: 76px;
  }
}
@media only screen and (max-width: 1160px) {
  .gdk .checkoutSmallScreens {
    background: #000;
    -webkit-animation: none;
            animation: none;
    -webkit-transform: none;
            transform: none;
  }
}
.gdk .checkoutSmallScreens .button .buttonItems {
  border-radius: 14px;
  background: #000;
  color: #FFF;
}
.gdk .menu {
  padding: 0 0 160px;
}
@media all and (max-width: 780px) {
  .gdk .menu {
    padding: 0 0 40px;
  }
}
.gdk .menu .wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 1160px) {
  .gdk .menu .wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.gdk .menu h1 {
  font-size: 45px;
  line-height: 59px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 5px;
}
@media all and (max-width: 780px) {
  .gdk .menu h1 {
    font-size: 36px;
    line-height: 46px;
  }
}
.gdk .grid {
  min-height: 0;
  width: 67%;
}
@media (max-width: 1160px) {
  .gdk .grid {
    width: 100%;
  }
}
.gdk .menuCategory {
  padding: 0px 70px 0px 0px;
  margin: 0;
}
@media (max-width: 1160px) {
  .gdk .menuCategory {
    padding-right: 0;
  }
}
@media (max-width: 780px) {
  .gdk .menuCategory {
    padding: 0;
  }
}
.gdk .menuCategory h2 + .pageContent {
  margin-top: 20px;
}
@media (max-width: 540px) {
  .gdk .menuCategory h2 + .pageContent {
    margin-top: 20px;
  }
}
.gdk .menuCategory .titleHeader {
  margin: 0 0 20px;
  min-height: 57px;
}
@media (max-width: 780px) {
  .gdk .menuCategory .titleHeader {
    margin: 0 0 20px;
    min-height: 0;
  }
}
.gdk .menuCategory .titleHeader h2 {
  font-family: var(--bodyFont);
  font-size: 24px;
  line-height: 31px;
  font-weight: 700;
  color: var(--mainColor);
  margin: 0;
  text-transform: none;
}
@media all and (max-width: 780px) {
  .gdk .menuCategory .titleHeader h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
@media (max-width: 540px) {
  .gdk .menuCategory .titleHeader .backButton {
    margin-top: 20px;
  }
}
.gdk .menuCategory .titleHeader .backButton i {
  display: none;
}
@media (max-width: 780px) {
  .gdk .menuCategory .menuCategoryContent {
    padding: 0;
  }
}
.gdk .menuCategoryContent {
  width: calc(100% + 20px);
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
@media (max-width: 780px) {
  .gdk .menuCategoryContent {
    width: calc(100% + 12px);
    margin-left: -6px;
    margin-right: -6px;
    margin-bottom: -12px;
  }
}
.gdk .lazyloader {
  margin: 0;
}
.gdk .grid .menuItem {
  min-height: 0;
  text-align: left;
}
.gdk .grid .menuItem.categoryMenuItem {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
  clear: initial;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.categoryMenuItem {
    width: calc(100% - 12px);
    margin: 0 5px 10px;
  }
}
.gdk .grid .menuItem.categoryMenuItem:hover:after {
  opacity: 1;
}
.gdk .grid .menuItem.categoryMenuItem:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 10px solid #FFF;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.categoryMenuItem:after {
    display: none;
  }
}
.gdk .grid .menuItem.productMenuItem {
  width: calc(50% - 20px);
  margin: 0 10px 20px;
  color: var(--mainColor);
  clear: initial;
}
@media (max-width: 925px) and (min-width: 781px) {
  .gdk .grid .menuItem.productMenuItem {
    width: calc(50% - 20px);
  }
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem {
    width: calc(50% - 12px);
    margin: 0 5px 10px;
  }
}
.gdk .grid .menuItem.productMenuItem:hover:after {
  opacity: 1;
}
.gdk .grid .menuItem.productMenuItem:before {
  content: '';
  position: absolute;
  left: 20px;
  top: 20px;
  width: 87px;
  height: 18px;
  background: url(/sites/template_2018/images/germandoner/lines2.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
  pointer-events: none;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem:before {
    display: none;
  }
}
.gdk .grid .menuItem.productMenuItem:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 10px solid #FFF;
  opacity: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem:after {
    display: none;
  }
}
.gdk .grid .menuItem.productMenuItem .imageWrap {
  position: relative;
  background: #000;
  background: rgba(250, 250, 246, 0.03);
  padding: 46px 20px 0;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem .imageWrap {
    padding: 14px 14px 0;
  }
}
.gdk .grid .menuItem.productMenuItem .imageWrap:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 20px;
  width: 8px;
  height: 8px;
  background: var(--mainColor);
  pointer-events: none;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem .imageWrap:after {
    display: none;
  }
}
.gdk .grid .menuItem.productMenuItem .imageWrap img {
  padding: 46px 20px 0;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem .imageWrap img {
    padding: 14px 14px 0;
  }
}
.gdk .grid .menuItem.productMenuItem .details {
  background: #000;
  background: rgba(250, 250, 246, 0.03);
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem .details {
    padding: 14px;
  }
}
.gdk .grid .menuItem.productMenuItem .itemName {
  font-size: 18px;
  line-height: 24px;
  font-family: var(--primaryFont);
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 350px) {
  .gdk .grid .menuItem.productMenuItem .itemName {
    font-size: 14px;
  }
}
.gdk .grid .menuItem.productMenuItem .itemMarkers {
  width: 100%;
}
.gdk .grid .menuItem.productMenuItem .itemMarkers ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.gdk .grid .menuItem.productMenuItem .calories {
  text-align: center;
}
.gdk .grid .menuItem.productMenuItem .itemOptions {
  border: 0;
  padding: 0;
  margin-top: 20px;
}
.gdk .grid .menuItem.productMenuItem .itemOptions .itemPrice {
  margin: 0;
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem .itemOptions .itemPrice {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    width: auto;
  }
}
@media (max-width: 350px) {
  .gdk .grid .menuItem.productMenuItem .itemOptions .itemPrice {
    font-size: 14px;
  }
}
@media all and (max-width: 780px) {
  .gdk .grid .menuItem.productMenuItem .itemOptions .options {
    width: auto;
  }
}
.gdk .grid .menuItem.productMenuItem .circleIcon {
  position: relative;
  height: 20px;
  width: 20px;
  background: var(--mainColor);
  border-radius: 10px;
}
.gdk .grid .menuItem.productMenuItem .circleIcon:before,
.gdk .grid .menuItem.productMenuItem .circleIcon:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: #000;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.gdk .grid .menuItem.productMenuItem .circleIcon:before {
  width: 10px;
  height: 2px;
}
.gdk .grid .menuItem.productMenuItem .circleIcon:after {
  width: 2px;
  height: 10px;
}
.gdk .grid .menuItem.productMenuItem .circleIcon svg {
  display: none;
}
.gdk .grid .menuItem.productMenuItem .circleIcon:hover svg {
  -webkit-transform: none;
          transform: none;
}
.gdk .grid .menuItem .imageWrap {
  border: 0;
}
@media (max-width: 600px) {
  .gdk .grid .menuItem .itemOptions .itemPrice {
    margin-bottom: 10px;
  }
}
.gdk .allergenSection {
  border-top: 2px solid rgba(156, 156, 156, 0.3);
}
.gdk .allergenSection .alergens li {
  margin-right: 0;
}
.gdk .menuItem {
  color: inherit;
}
.gdk .menuOrderWrap {
  width: 33%;
  margin-bottom: 0;
}
.gdk .menuOrderWrap > h2 {
  font-family: var(--primaryFont);
  font-size: 45px;
  line-height: 59px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 80px;
}
@media (max-width: 780px) {
  .gdk .menuOrderWrap > h2 {
    margin: 0;
  }
}
.gdk .menuOrder {
  position: sticky;
  top: 20px;
}
.gdk .menuCategories > h2,
.gdk .menuOrder > h2 {
  font-family: var(--primaryFont);
  font-size: 45px;
  line-height: 59px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0 0 82px;
}
@media (max-width: 780px) {
  .gdk .menuCategories > h2,
  .gdk .menuOrder > h2 {
    margin: 0;
  }
}
.gdk .basketEmpty {
  font-weight: bold;
  color: var(--mainColor);
}
@media (max-width: 780px) {
  .gdk .overlayBoxOuter {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.gdk .overlayBox {
  -ms-flex-preferred-size: 950px;
      flex-basis: 950px;
}
.gdk .overlayBox .overlayAjax {
  background: #000;
  color: #FFF;
  border: 2px solid var(--mainColor);
  border: 0;
  padding: 26px 45px;
  border-radius: 0;
}
.gdk .overlayBox .overlayAjax::-webkit-scrollbar {
  width: 12px;
}
.gdk .overlayBox .overlayAjax::-webkit-scrollbar-track {
  background: #000;
  border-radius: 0px;
}
.gdk .overlayBox .overlayAjax::-webkit-scrollbar-thumb {
  background-color: var(--mainColor);
  border-radius: 0px;
  border: 0;
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .overlayAjax {
    padding: 52px 20px 20px;
    border: 0;
    border-radius: 0;
  }
}
.gdk .overlayBox .itemPopup h2 {
  font-family: var(--bodyFont);
  font-size: 24px;
  line-height: 32px;
  font-weight: 900;
  color: var(--mainColor);
  border: 0;
  padding: 0;
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .itemPopup h2 {
    font-size: 20px;
    line-height: 26px;
  }
}
.gdk .overlayBox .itemPopup .formInline .row:not(.checkboxRow) label {
  font-size: 24px;
  line-height: 32px;
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .itemPopup .formInline .row:not(.checkboxRow) label {
    font-size: 14px;
    line-height: 18px;
  }
}
.gdk .overlayBox .itemPopup .title {
  padding: 14px 0;
  font-size: 24px;
  line-height: 32px;
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .itemPopup .title {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 640px) {
  .gdk .overlayBox .itemPopup .title {
    padding: 0;
  }
}
.gdk .overlayBox .itemPopup .title:not(.titleSelect) {
  width: 100%;
}
.gdk .overlayBox .itemPopup .row .name {
  font-size: 15px;
  line-height: 20px;
}
.gdk .overlayBox .itemPopup .popupDesc .calories {
  color: inherit;
}
.gdk .overlayBox .itemPopup .description .popupDesc .popupImage {
  float: left;
  border-radius: 18px;
  overflow: hidden;
  background: #000;
  margin: 0 70px 20px 0;
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .itemPopup .description .popupDesc .popupImage {
    border-radius: 6px;
    margin: 0 20px 20px 0;
  }
}
.gdk .overlayBox .itemPopup .description .popupDesc .popupImage + .descriptionContent {
  float: left;
  width: calc(70% - 70px);
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .itemPopup .description .popupDesc .popupImage + .descriptionContent {
    width: calc(70% - 20px);
  }
}
.gdk .overlayBox .itemPopup .description p {
  font-size: 24px;
  line-height: 32px;
}
@media all and (max-width: 780px) {
  .gdk .overlayBox .itemPopup .description p {
    font-size: 14px;
    line-height: 18px;
  }
}
.gdk .overlayBox .itemPopup .buttonAlt {
  border: 2px solid var(--mainColor);
  background: none;
  color: var(--mainColor);
}
.gdk .overlayBox .itemPopup .buttonAlt:hover {
  background: var(--mainColor);
  color: #FFF;
}
.gdk .overlayBox .row input[type="text"],
.gdk .overlayBox .row input[type="tel"],
.gdk .overlayBox .row input[type="email"],
.gdk .overlayBox .row input[type="password"],
.gdk .overlayBox .row input[type="search"],
.gdk .overlayBox .row input[type="number"],
.gdk .overlayBox .row textarea,
.gdk .overlayBox .row select,
.gdk .overlayBox .row .placeholder,
.gdk .overlayBox .row .fakeInput {
  border-width: 2px;
  border-radius: 8px;
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_minus,
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add {
  position: relative;
  width: 20px;
  background: var(--mainColor);
  border-radius: 10px;
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_minus:before,
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: #FFF;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 2px;
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_minus svg,
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add svg {
  display: none;
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add {
  position: relative;
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add:before,
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: #FFF;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add:before {
  width: 10px;
  height: 2px;
}
.gdk .overlayBox .row .buttonsWrap .buttons .grid_option_add:after {
  width: 2px;
  height: 10px;
}
.gdk .overlayBox .row .buttonsWrap .buttons .quantity {
  border: 2px solid var(--mainColor);
  border-color: transparent;
}
.gdk .itemPopup #itemform.formInline .itemPopupButtons {
  width: auto;
  float: right;
  margin-top: 30px;
}
@media all and (max-width: 780px) {
  .gdk .itemPopup #itemform.formInline .itemPopupButtons {
    width: 100%;
    margin-top: 0;
  }
}
.gdk .itemPopup .price {
  color: var(--mainColor);
}
.gdk .itemPopup .formInline .row {
  border-top: 2px solid rgba(156, 156, 156, 0.3);
  margin: 0;
  padding: 20px 0;
  background: none;
}
.gdk .itemPopup .formInline .row:first-child {
  border-top: 0;
  padding-top: 0;
}
.gdk .itemPopup .formInline .row:last-child {
  padding-bottom: 0;
}
.gdk .itemPopup .formInline hr {
  margin-top: 0;
  border-color: rgba(156, 156, 156, 0.3);
  border-width: 2px;
}
.gdk .itemPopup #item_cost {
  margin-top: 38px;
  color: var(--mainColor);
}
@media (max-width: 500px) {
  .gdk .itemPopup #item_cost {
    margin-top: 0;
    text-align: center;
  }
}
@media (max-width: 780px) {
  .gdk .overlayCloseButton:not(.buttonAlt) {
    background: none;
    right: 0;
    left: auto;
    width: auto;
  }
}
@media (max-width: 640px) {
  .gdk .overlayCloseButton:not(.buttonAlt) {
    border: 0;
  }
}
.gdk .overlayCloseButton:not(.buttonAlt) a {
  top: 15px;
  right: 25px;
  width: 54px;
  height: 54px;
  border-radius: 27px;
  background: var(--mainColor);
}
.gdk .overlayCloseButton:not(.buttonAlt) a:before,
.gdk .overlayCloseButton:not(.buttonAlt) a:after {
  content: '';
  display: block;
  position: absolute;
  width: 4px;
  height: 24px;
  background: #000;
  left: auto;
  top: 14.5px;
  right: 24.5px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  border-radius: 2px;
  z-index: 1;
}
@media all and (max-width: 780px) {
  .gdk .overlayCloseButton:not(.buttonAlt) a:before,
  .gdk .overlayCloseButton:not(.buttonAlt) a:after {
    top: 24.5px;
    right: 34.5px;
  }
}
.gdk .overlayCloseButton:not(.buttonAlt) a:after {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.gdk .overlayCloseButton:not(.buttonAlt) a svg {
  display: none;
}
.gdk .allergyNotice {
  border-top: 2px solid rgba(156, 156, 156, 0.3);
}
.gdk .menuCategoriesList,
.gdk .menuOrder #basket_html,
.gdk .menuInfo {
  background: #000;
  background: rgba(250, 250, 246, 0.03);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gdk #basket_html {
  position: relative;
  padding: 20px;
  border-radius: 0;
  overflow: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.gdk #basket_html.basketFull {
  background: #000;
  background: rgba(250, 250, 246, 0.03);
  border: 0;
}
.gdk #basket_html.basketFull .basketWrap {
  max-height: inherit;
}
.gdk #basket_html > div {
  position: relative;
  border-width: 2px;
  border-color: rgba(156, 156, 156, 0.3);
  padding: 0 0 20px;
  margin-bottom: 20px;
  border: 0;
  padding: 0;
  margin: 0;
}
.gdk #basket_html .basketWrap {
  max-height: calc(100vh - 80px - 64px);
  overflow: auto;
  margin: 0 -20px;
  width: calc(100% + 40px);
  padding: 0 20px;
}
.gdk #basket_html .basketWrap::-webkit-scrollbar {
  width: 12px;
}
.gdk #basket_html .basketWrap::-webkit-scrollbar-track {
  background: #000;
  border-radius: 0px;
}
.gdk #basket_html .basketWrap::-webkit-scrollbar-thumb {
  background-color: var(--mainColor);
  border-radius: 0px;
  border: 0;
}
.gdk #basket_html .basketWrap > div {
  float: left;
  width: 100%;
  border-width: 2px;
  border-bottom: 2px solid rgba(156, 156, 156, 0.3);
  padding: 0 0 20px;
  margin-bottom: 20px;
}
.gdk #basket_html .basketWrap .deliveryMethod {
  padding-bottom: 13px;
}
.gdk #basket_html .basketWrap .deliveryMethod .row {
  margin-top: -7px;
  margin-bottom: 0;
}
.gdk #basket_html .row.basketDelivery,
.gdk #basket_html .row.basketDiscount {
  padding: 0 0 20px;
}
.gdk #basket_html .basketLabel {
  padding-top: 0;
}
.gdk #basket_html .basketNote {
  margin: 0 0 20px;
}
.gdk #basket_html .button {
  position: relative;
  margin: 0;
}
.gdk #basket_html .checkoutGoButton {
  display: none;
}
.gdk #basket_html .checkoutTrigger {
  display: none;
}
.gdk #basket_html .checkoutTrigger.bottom {
  display: block;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  margin-top: 20px;
}
.gdk .basketItems .itemQty a {
  width: 20px;
  height: 20px;
  border-radius: 10px;
  background: var(--mainColor);
  border: 2px solid var(--mainColor);
}
.gdk .basketItems .itemQty a.basket_decrease {
  position: relative;
  background: none;
  border-color: #FFF;
}
.gdk .basketItems .itemQty a.basket_decrease:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: #FFF;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: 10px;
  height: 2px;
}
.gdk .basketItems .itemQty a.basket_increase {
  position: relative;
}
.gdk .basketItems .itemQty a.basket_increase:before,
.gdk .basketItems .itemQty a.basket_increase:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  background: #FFF;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}
.gdk .basketItems .itemQty a.basket_increase:before {
  width: 10px;
  height: 2px;
}
.gdk .basketItems .itemQty a.basket_increase:after {
  width: 2px;
  height: 10px;
}
.gdk .basketItems .itemQty a svg {
  display: none;
}
.gdk .basketItems .basket_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.gdk .basketItems .basket_row:last-child {
  margin-bottom: 0;
}
.gdk .basketItems .itemQty {
  margin-right: 0;
}
.gdk .basketItems .itemRemove {
  display: none;
}
.gdk .basketItems .itemRemove a {
  color: inherit;
}
.gdk .basketItems .itemDesc {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0;
  margin-right: -50px;
}
.gdk .basketItems .itemDesc .calories {
  color: inherit;
}
.gdk .basketItems .itemDesc a {
  color: inherit;
}
.gdk .basketItems .itemDesc h4 {
  font-family: inherit;
  font-size: 16px;
  color: var(--mainColor);
  padding-right: 50px;
}
.gdk .basketItems .itemDesc h4 .size {
  font-size: 15px;
  color: #FFF;
}
.gdk .basketItems .itemDesc ul li {
  font-size: 15px;
}
.gdk .basketItems .itemDesc strong {
  font-size: 15px;
  color: inherit;
  border-color: rgba(255, 255, 255, 0.3);
  border-width: 2px;
}
.gdk .stepNumber {
  background: rgba(255, 255, 255, 0.2);
}
.gdk .stepNumber.active {
  background: var(--mainColor);
}
.gdk .guestWrap,
.gdk .loginWrap {
  margin-top: 0;
  margin-bottom: 0;
}
.gdk .guestWrap .guestWrapInner,
.gdk .loginWrap .guestWrapInner,
.gdk .guestWrap .loginWrapInner,
.gdk .loginWrap .loginWrapInner {
  background: #000;
  background: rgba(250, 250, 246, 0.03);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gdk .guestWrap h2,
.gdk .loginWrap h2 {
  margin-bottom: 20px;
}
.gdk .guestWrap h4,
.gdk .loginWrap h4 {
  margin-bottom: 20px;
}
.gdk .guestWrap .link,
.gdk .loginWrap .link {
  color: inherit;
}
@media all and (max-width: 780px) {
  .gdk .guestWrap {
    margin-top: 0;
  }
}
@media all and (max-width: 780px) {
  .gdk .loginWrap {
    margin-top: 20px;
  }
}
.gdk .textLink {
  color: inherit;
}
.gdk #checkoutForm,
.gdk #payment-form {
  background: #000;
  background: rgba(250, 250, 246, 0.03);
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.gdk #checkoutForm h2,
.gdk #payment-form h2 {
  border-color: rgba(156, 156, 156, 0.3);
  border-width: 2px;
}
.gdk #checkoutForm .buttonGroup .link,
.gdk #payment-form .buttonGroup .link {
  color: inherit;
}
.gdk .sweet-alert {
  color: #000;
}
.gdk .loginWrap.center {
  background: #000;
  border: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 20px;
}
@media all and (max-width: 780px) {
  .gdk .loginWrap.center {
    margin: 0 auto;
  }
}
.gdk .memberSidebar {
  background: #000;
  color: #FFF;
  border: 0;
  border-radius: 0;
}
.gdk .memberSidebar a {
  color: inherit;
}
/* Aberdam */
body[data-site="1186"] #header .mainMenu a {
  font-family: var(--primaryFont);
  text-transform: uppercase;
}
body[data-site="1186"] #header .mainMenu a:after {
  width: 40px;
  background: var(--mainColor);
}
@media (min-width: 901px) {
  body[data-site="1186"].home .headerMain .logo img {
    max-height: 260px;
  }
}
.bannerAberdamWrap {
  position: relative;
  background: #000;
  overflow: hidden;
}
.bannerAberdamWrap .imageWrap {
  position: absolute;
  left: 50%;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.bannerAberdamWrap .imageWrap img {
  width: 2000px;
  max-width: 2000px;
  opacity: 0.2;
}
.bannerAberdamWrap .textWrap {
  position: relative;
  width: 100%;
  max-width: 800px;
  min-height: 740px;
  margin: 0 auto;
  padding: 0 20px;
  padding-top: 340px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1160px) {
  .bannerAberdamWrap .textWrap {
    min-height: 786px;
    padding-top: 406px;
  }
}
@media (max-width: 900px) {
  .bannerAberdamWrap .textWrap {
    padding-top: 300px;
  }
}
@media (max-width: 780px) {
  .bannerAberdamWrap .textWrap {
    padding-top: 180px;
  }
}
.bannerAberdamWrap h1 {
  font-size: 28px;
  line-height: 42px;
  margin: 0 0 20px;
  color: #FFF;
  text-transform: uppercase;
}
@media (max-width: 900px) {
  .bannerAberdamWrap h1 {
    font-size: 23px;
    line-height: 32px;
  }
}
.bannerAberdamWrap h1 span {
  color: var(--mainColor);
}
.bannerAberdamWrap .venueLogos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -20px;
  margin-right: -20px;
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .bannerAberdamWrap .venueLogos {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
  }
}
.bannerAberdamWrap .venueLogos img {
  width: 24%;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 40px;
  max-height: 70px;
}
@media (max-width: 900px) {
  .bannerAberdamWrap .venueLogos img {
    width: 30%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 20px;
    max-height: initial;
  }
}
.bannerAberdamWrap h4 {
  font-size: 19px;
  text-transform: uppercase;
  margin: 0 0 5px;
  color: #FFF;
}
@media (max-width: 900px) {
  .bannerAberdamWrap h4 {
    font-size: 16px;
  }
}
.bannerAberdamWrap h4 span {
  color: var(--mainColor);
}
.bannerAberdamWrap h5 {
  font-family: var(--primaryFont);
  font-size: 10px;
  text-transform: uppercase;
  color: #FFF;
  margin: 0 0 30px;
}
@media all and (max-width: 780px) {
  .bannerAberdamWrap h5 {
    font-size: 9px;
  }
}
.bannerAberdamWrap .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bannerAberdamWrap .button {
  font-family: var(--primaryFont);
}
@media (min-width: 901px) {
  .bannerAberdamWrap .button {
    font-size: 30px;
    padding: 4px 26px;
  }
}
/* Crust Issues Pizza */
body[data-site="1267"] .button {
  color: #f7d117;
}
/* German Doner Kebab Styles */
.germandonerkebab.border {
  background-image: url(/sites/template_2018/images/germandoner/background-image.png);
}
.germandonerkebab .siteOuterWrapper {
  position: relative;
  background-color: #212121;
}
.germandonerkebab .headerSocial li .socialIcon,
.germandonerkebab .footerCol .social a {
  background: #999390;
  border-radius: 3px;
}
.germandonerkebab .headerSocial li .socialIcon:hover,
.germandonerkebab .footerCol .social a:hover {
  color: #ff671f;
}
.germandonerkebab .grid .menuItem {
  background: #535353;
}
.germandonerkebab .grid .menuItem .categoryImageWrap:before {
  display: none;
}
.germandonerkebab .grid .menuItem .categoryImageWrap:after {
  content: '';
  display: block;
  padding-bottom: calc(100% / 1125 * 354);
}
.germandonerkebab .grid .menuItem .imageWrap {
  border-color: transparent;
}
.germandonerkebab .grid .menuItem .imageWrap img {
  width: 100%;
}
.germandonerkebab .grid .menuItem.productMenuItem .details {
  background: none;
}
.germandonerkebab .menuCategoriesList,
.germandonerkebab .menuOrder #basket_html,
.germandonerkebab .menuInfo,
.germandonerkebab #basket_html.basketFull {
  background: #eaeaea;
  color: #535353;
}
.germandonerkebab .guestWrap .guestWrapInner,
.germandonerkebab .loginWrap .guestWrapInner,
.germandonerkebab .guestWrap .loginWrapInner,
.germandonerkebab .loginWrap .loginWrapInner {
  background: #eaeaea;
  color: #535353;
}
.germandonerkebab .guestWrap .guestWrapInner h2,
.germandonerkebab .loginWrap .guestWrapInner h2,
.germandonerkebab .guestWrap .loginWrapInner h2,
.germandonerkebab .loginWrap .loginWrapInner h2,
.germandonerkebab .guestWrap .guestWrapInner h4,
.germandonerkebab .loginWrap .guestWrapInner h4,
.germandonerkebab .guestWrap .loginWrapInner h4,
.germandonerkebab .loginWrap .loginWrapInner h4,
.germandonerkebab .guestWrap .guestWrapInner p,
.germandonerkebab .loginWrap .guestWrapInner p,
.germandonerkebab .guestWrap .loginWrapInner p,
.germandonerkebab .loginWrap .loginWrapInner p {
  color: inherit;
}
.germandonerkebab #checkoutForm,
.germandonerkebab #payment-form {
  background: #eaeaea;
  color: #535353;
}
.germandonerkebab #checkoutForm h2,
.germandonerkebab #payment-form h2 {
  color: inherit;
}
.germandonerkebab #checkoutForm .row input[type="checkbox"] + label:before,
.germandonerkebab #payment-form .row input[type="checkbox"] + label:before,
.germandonerkebab #checkoutForm .checkboxRow input[type="checkbox"] + label:before,
.germandonerkebab #payment-form .checkboxRow input[type="checkbox"] + label:before,
.germandonerkebab #checkoutForm .row input[type="radio"] + label:before,
.germandonerkebab #payment-form .row input[type="radio"] + label:before,
.germandonerkebab #checkoutForm .checkboxRow input[type="radio"] + label:before,
.germandonerkebab #payment-form .checkboxRow input[type="radio"] + label:before {
  border: 1px solid #aaa;
}
.germandonerkebab #checkoutForm a:not(.button),
.germandonerkebab #payment-form a:not(.button) {
  color: var(--mainColor);
}
.germandonerkebab .basketItems .itemDesc h4,
.germandonerkebab .basketItems .itemDesc strong,
.germandonerkebab .basketItems .itemDesc ul li {
  color: #535353;
}
.germandonerkebab .overlayBox .overlayAjax {
  background: #eaeaea;
  color: #535353;
}
.germandonerkebab .overlayBox .overlayAjax h2,
.germandonerkebab .overlayBox .overlayAjax p {
  color: inherit;
}
.germandonerkebab .overlayBox .itemPopup h2 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.germandonerkebab .overlayBox .allergenSection .alergens {
  background: #212121;
  width: 100%;
  float: left;
  padding: 10px 10px 0;
}
.germandonerkebab .overlayBox .allergenSection .alergens li {
  margin-bottom: 10px;
}
@media all and (max-width: 780px) {
  .germandonerkebab .itemOverlayWrap > .overlayCloseButton {
    background: #eaeaea;
  }
}
.germandonerkebab .itemPopup .formInline .row {
  background: rgba(0, 0, 0, 0.05);
}
.germandonerkebab .itemPopup .form-error {
  color: #fff;
  background: #dd2121;
}
.germandonerkebab .itemPopup .form-error:after {
  border-bottom: 7px solid #dd2121;
}
.germandonerkebab .stepNumber {
  background: rgba(0, 0, 0, 0.5);
}
.germandonerkebab input,
.germandonerkebab select,
.germandonerkebab textarea {
  color: #000;
}
.germandonerkebab .contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.germandonerkebab .storeSearch {
  background: none;
}
.germandonerkebab .selectStore.all .storeList > ul > li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.germandonerkebab .memberSidebar {
  background: #eaeaea;
  color: #535353;
}
.germandonerkebab .memberSidebar h6 {
  color: inherit;
}
.germandonerkebab .memberSidebar a {
  color: inherit;
}
.germandonerkebab .row input[type="checkbox"] + label:before,
.germandonerkebab .checkboxRow input[type="checkbox"] + label:before,
.germandonerkebab .row input[type="radio"] + label:before,
.germandonerkebab .checkboxRow input[type="radio"] + label:before {
  border-color: rgba(0, 0, 0, 0.2);
}
.germandonerkebab .rowLoyalty {
  margin-top: 1em;
}
.germandonerkebab .bottomButton {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.germandonerkebab .footerCols + .footerBottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.germandonerkebab .pastOrder {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
/*
    BRGR
*/
body[data-site="1196"] .itemPopup #itemform.formInline .itemPopupButtons .button {
  background: var(--colorAdd);
  color: #FFF;
}
body[data-site="1196"] .itemPopup #itemform.formInline .itemPopupButtons .button:hover {
  background: var(--colorAdd);
  color: #FFF;
}
body[data-site="1196"] .categoryMenuItem .button {
  background: #FFF;
  color: #000;
}
body[data-site="1196"] .categoryMenuItem .button:hover {
  background: #CCC;
}
/*
    Sndwch / Dark
*/
body[data-site="1280"] {
  /* General */
  /* Header */
  /* Footer */
  /* Home */
  /* Select Store */
  /* Menu */
  /* Basket */
  /* Overlay */
  /* Sweet Alerts */
  /* Checkout */
  /* Complete Page */
  /* Members */
}
body[data-site="1280"] .siteOuterWrapper {
  background: #000;
}
body[data-site="1280"] h1,
body[data-site="1280"] h2,
body[data-site="1280"] h3,
body[data-site="1280"] h4,
body[data-site="1280"] h5,
body[data-site="1280"] h6 {
  color: inherit;
}
body[data-site="1280"] p {
  color: inherit;
}
body[data-site="1280"] .button {
  background: #FFF;
  color: #000;
}
body[data-site="1280"] .button:hover {
  background: #CCC;
}
body[data-site="1280"] .buttonAlt {
  background: #666;
  color: #FFF;
}
body[data-site="1280"] .buttonAlt:hover {
  background: #444;
}
body[data-site="1280"] .row {
  /*
        &.optionSelect {
            position: relative;
            
            &:after {
                content: '';
                position: absolute;
                right: 12px;
                top: 23px;
                display: inline-block;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-top: 6px solid #FFF;
                
                @media (max-width: 640px) {
	                top: 57px;
                }
            }
        }
        */
}
body[data-site="1280"] .row input[type="text"],
body[data-site="1280"] .row input[type="tel"],
body[data-site="1280"] .row input[type="email"],
body[data-site="1280"] .row input[type="password"],
body[data-site="1280"] .row input[type="search"],
body[data-site="1280"] .row input[type="number"],
body[data-site="1280"] .row textarea,
body[data-site="1280"] .row select,
body[data-site="1280"] .row .placeholder,
body[data-site="1280"] .row .fakeInput {
  background: #000;
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"] .row input[type="text"]:focus,
body[data-site="1280"] .row input[type="tel"]:focus,
body[data-site="1280"] .row input[type="email"]:focus,
body[data-site="1280"] .row input[type="password"]:focus,
body[data-site="1280"] .row input[type="search"]:focus,
body[data-site="1280"] .row input[type="number"]:focus,
body[data-site="1280"] .row textarea:focus,
body[data-site="1280"] .row select:focus,
body[data-site="1280"] .row .placeholder:focus,
body[data-site="1280"] .row .fakeInput:focus {
  border-color: #FFF;
}
body[data-site="1280"] .row select {
  -webkit-appearance: searchfield;
}
body[data-site="1280"].advancedGrid {
  /*
	    .row.optionSelect:after {
		    top: 57px;
	    }
	    */
}
body[data-site="1280"] .chosen-container-single .chosen-single {
  background: #000;
  border-color: rgba(255, 255, 255, 0.5);
  color: #FFF;
}
body[data-site="1280"] .chosen-container-single .chosen-search {
  float: left;
  width: 100%;
  background: #000;
}
body[data-site="1280"] .chosen-container .chosen-drop {
  background: #000;
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"] .chosen-container .chosen-results li.highlighted,
body[data-site="1280"] .chosen-container .chosen-results li.no-results {
  background-color: #222;
}
body[data-site="1280"] html,
body[data-site="1280"] button,
body[data-site="1280"] input,
body[data-site="1280"] select,
body[data-site="1280"] textarea {
  color: #FFF;
}
@media (max-width: 780px) {
  body[data-site="1280"] .flyoutWrap {
    background: #000;
    color: #FFF;
  }
}
@media (max-width: 780px) {
  body[data-site="1280"] .mainMenu li {
    border-bottom: 1px solid #FFF;
  }
}
@media (max-width: 780px) {
  body[data-site="1280"] #header .mainMenu a,
  body[data-site="1280"] .home #header .mainMenu a {
    color: #FFF;
  }
}
body[data-site="1280"] .headerSocial li .socialIcon {
  background: #FFF;
  color: #000;
}
body[data-site="1280"] .headerSocial li .socialIcon:hover {
  background: #CCC;
}
body[data-site="1280"] .headerSocial li svg path {
  fill: #000;
}
body[data-site="1280"] .footerWrap {
  color: #FFF;
}
body[data-site="1280"] .footer {
  color: #FFF;
}
body[data-site="1280"] .footer a {
  color: inherit;
}
body[data-site="1280"] .footerCol > h3.active {
  color: #FFF;
}
body[data-site="1280"] .footerCol li {
  color: inherit;
}
body[data-site="1280"] .footerCol .social a {
  background: #FFF;
  color: #000;
}
body[data-site="1280"] .footerCol .social a:hover {
  background: #CCC;
}
body[data-site="1280"] .footerCol .social a svg path {
  fill: #000;
}
body[data-site="1280"] .slideWrapper {
  color: #FFF;
}
body[data-site="1280"] .introductionBlockWrapper {
  color: #FFF;
}
body[data-site="1280"] .introductionBlockWrapper .imageWrap:before {
  border-left: 250px solid rgba(255, 255, 255, 0.2);
}
body[data-site="1280"] .introductionBlockWrapper .imageWrap:after {
  border-left: 200px solid rgba(255, 255, 255, 0.2);
}
body[data-site="1280"] .introductionBlockWrapper .content {
  background: none;
}
body[data-site="1280"] .introductionBlockWrapper .content:before,
body[data-site="1280"] .introductionBlockWrapper .content:after {
  display: none;
}
body[data-site="1280"] .callToActionWrap {
  color: #FFF;
}
body[data-site="1280"] .callToActionWrap h3 span {
  color: inherit;
}
body[data-site="1280"] .callToActionWrap .foodSvg .shadow {
  background: radial-gradient(ellipse 75% 50%, rgba(255, 255, 255, 0.5), #000);
}
body[data-site="1280"] .callToActionWrap .cta:hover .foodSvg .shadow {
  background: radial-gradient(ellipse 75% 50%, rgba(255, 255, 255, 0.6), #000);
}
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) path,
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) polygon,
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) rect,
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) circle {
  fill: #FFF;
}
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) path.shade,
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) polygon.shade,
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) rect.shade,
body[data-site="1280"] .foodSvg:not(.foodSvgSnappy) circle.shade {
  fill: rgba(255, 255, 255, 0.3);
}
body[data-site="1280"] .blockWrapper {
  background: #000;
  color: #FFF;
}
body[data-site="1280"] .selectStore {
  color: #FFF;
  background: none;
}
body[data-site="1280"] .selectStore.all .storeList > ul > li {
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"] .orderSteps li {
  color: inherit;
}
body[data-site="1280"] .orderSteps li:after {
  color: inherit;
}
body[data-site="1280"] .storeList ul li {
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"] .storeList ul li b {
  color: inherit;
}
body[data-site="1280"] .main {
  color: #FFF;
}
body[data-site="1280"].advancedGrid .main {
  background: inherit;
}
body[data-site="1280"].advancedGrid .basketStore {
  color: inherit;
}
body[data-site="1280"].advancedGrid .menuCategoriesWrap {
  background: #000;
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .menuCategories .menuCategoriesList li a {
  color: #FFF;
}
body[data-site="1280"].advancedGrid .menuCategories .menuCategoriesList li a.current {
  background: #FFF;
  color: #000;
}
body[data-site="1280"].advancedGrid .menuMainContainer {
  background: inherit;
}
body[data-site="1280"].advancedGrid .menuCategory h2 {
  color: #FFF;
}
body[data-site="1280"].advancedGrid .mtcMenuItem {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width: 767px) {
  body[data-site="1280"].advancedGrid .mtcMenuItem {
    border-width: 1px 0 0;
  }
}
body[data-site="1280"].advancedGrid .mtcMenuItem.notAvailable {
  background: rgba(255, 255, 255, 0.1);
}
body[data-site="1280"].advancedGrid .mtcMenuItem .mtcMenuItemDesc p {
  color: rgba(255, 255, 255, 0.75);
}
@media only screen and (min-width: 768px) {
  body[data-site="1280"].advancedGrid a.mtcMenuItem:hover {
    border-color: #FFF;
  }
}
body[data-site="1280"] .menu a:not(.button):not(.buttonAlt) {
  color: #FFF;
}
body[data-site="1280"] .menuCategoriesList,
body[data-site="1280"] .menuOrder #basket_html,
body[data-site="1280"] .menuInfo {
  background: #000;
}
body[data-site="1280"] .menuCategories .menuCategoriesList li a:hover,
body[data-site="1280"] .menuCategories .menuCategoriesList li a.current {
  color: #FFF;
}
@media only screen and (max-width: 1160px) {
  body[data-site="1280"] .checkoutSmallScreens {
    background: #222;
  }
}
body[data-site="1280"] .checkoutSmallScreens .button .buttonItems {
  background: #000;
  color: #FFF;
}
body[data-site="1280"] .menu_quick_add.checked:after {
  background: #FFF;
}
body[data-site="1280"] .row input[type="checkbox"]:checked + label:before,
body[data-site="1280"] .checkboxRow input[type="checkbox"]:checked + label:before,
body[data-site="1280"] .row input[type="radio"]:checked + label:before,
body[data-site="1280"] .checkboxRow input[type="radio"]:checked + label:before {
  background: #FFF;
  border-color: #FFF;
}
body[data-site="1280"] .basketItems .itemDesc h4 {
  color: #FFF;
}
body[data-site="1280"] .basketItems .itemDesc ul li,
body[data-site="1280"] .basketItems .itemDesc strong {
  color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid #basket_html .basketItems .itemDesc h4 {
  color: #FFF;
}
body[data-site="1280"].advancedGrid #basket_html .basketItems .itemDesc ul li,
body[data-site="1280"].advancedGrid #basket_html .basketItems .itemDesc strong {
  color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .menuOrder #basket_html {
  border: 1px solid rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid #basket_html .basketNeedsLocation a,
body[data-site="1280"].advancedGrid #basket_html .basketEmpty a,
body[data-site="1280"].advancedGrid #basket_html .basketNeedsLocation > span,
body[data-site="1280"].advancedGrid #basket_html .basketEmpty > span {
  background: #666;
  color: #FFF;
}
body[data-site="1280"] .overlayBoxOuter {
  background: rgba(0, 0, 0, 0.8);
}
body[data-site="1280"] .overlayBox .overlayAjax {
  background: #000;
  color: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
body[data-site="1280"] #closeIcon .icon-primary,
body[data-site="1280"] #addIcon .icon-primary,
body[data-site="1280"] #removeIcon .icon-primary,
body[data-site="1280"] #removeIconSmall .icon-primary,
body[data-site="1280"] #addIconSmall .icon-primary {
  fill: #FFF;
}
body[data-site="1280"] #closeIcon .icon-secondary,
body[data-site="1280"] #addIcon .icon-secondary,
body[data-site="1280"] #removeIcon .icon-secondary,
body[data-site="1280"] #removeIconSmall .icon-secondary,
body[data-site="1280"] #addIconSmall .icon-secondary {
  fill: #000;
}
body[data-site="1280"] .itemPopup .formInline .row {
  padding: 0;
  background: none;
}
@media (max-width: 780px) {
  body[data-site="1280"] .itemPopup .formInline .row:not(.checkboxRow) label {
    margin-bottom: 10px;
  }
}
@media (max-width: 780px) {
  body[data-site="1280"] .itemPopup .title {
    margin-bottom: 10px;
  }
}
body[data-site="1280"] .overlayBox .itemPopup h2 {
  border-color: rgba(255, 255, 255, 0);
}
@media (max-width: 780px) {
  body[data-site="1280"] .overlayBox > .overlayCloseButton {
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-bottom: 0;
  }
}
body[data-site="1280"] .welcomeOverlay .overlayCloseButton a {
  background: #FFF;
  color: #000;
}
body[data-site="1280"].advancedGrid .itemPopup .row input[type="text"],
body[data-site="1280"].advancedGrid .itemPopup .row input[type="tel"],
body[data-site="1280"].advancedGrid .itemPopup .row input[type="email"],
body[data-site="1280"].advancedGrid .itemPopup .row input[type="password"],
body[data-site="1280"].advancedGrid .itemPopup .row input[type="search"],
body[data-site="1280"].advancedGrid .itemPopup .row input[type="number"],
body[data-site="1280"].advancedGrid .itemPopup .row textarea,
body[data-site="1280"].advancedGrid .itemPopup .row select,
body[data-site="1280"].advancedGrid .itemPopup .row .placeholder {
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .itemPopup .formInline .rowQuantity .button {
  border-color: #FFF;
}
body[data-site="1280"].advancedGrid .itemPopup .formInline .rowQuantity .button:hover {
  background: #FFF;
}
body[data-site="1280"].advancedGrid .itemPopup .formInline .rowQuantity .button:hover svg rect,
body[data-site="1280"].advancedGrid .itemPopup .formInline .rowQuantity .button:hover svg path {
  fill: #000;
}
body[data-site="1280"].advancedGrid .itemPopup .formInline .rowQuantity .button svg rect,
body[data-site="1280"].advancedGrid .itemPopup .formInline .rowQuantity .button svg path {
  fill: #FFF;
}
body[data-site="1280"].advancedGrid .itemPopup .rowMutual input[type="checkbox"]:checked + label {
  border-color: #FFF;
}
body[data-site="1280"].advancedGrid .itemPopup .rowMutual input[type="checkbox"]:checked + label:before {
  background: #FFF;
  border-color: #FFF;
}
body[data-site="1280"].advancedGrid .itemPopup .rowMutual input[type="checkbox"] + label {
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .itemPopup .rowMutual input[type="checkbox"] + label:before {
  background: #000;
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .itemPopupButtons {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .itemPopupButtons .buttonAlt {
  color: #FFF;
}
body[data-site="1280"].advancedGrid .itemPopupButtons .buttonAlt:after {
  border-color: rgba(255, 255, 255, 0.5);
}
body[data-site="1280"].advancedGrid .itemPopupButtons .buttonAlt:hover {
  background: #FFF;
  color: #000;
}
body[data-site="1280"].advancedGrid .allergenSection .alergens a {
  color: #FFF;
}
body[data-site="1280"] .sweet-overlay {
  background: rgba(0, 0, 0, 0.8);
}
body[data-site="1280"] .sweet-alert {
  background: #000;
  color: #FFF;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 0;
}
body[data-site="1280"] .sa-confirm-button-container button.confirm {
  background: #FFF !important;
  color: #000 !important;
}
body[data-site="1280"] .sa-confirm-button-container button.confirm:hover {
  background: #CCC !important;
}
body[data-site="1280"] .sa-button-container button.cancel {
  background: #666;
  color: #FFF;
}
body[data-site="1280"] .sa-button-container button.cancel:hover {
  background: #444;
}
body[data-site="1280"] .guestWrap .guestWrapInner,
body[data-site="1280"] .loginWrap .guestWrapInner,
body[data-site="1280"] .guestWrap .loginWrapInner,
body[data-site="1280"] .loginWrap .loginWrapInner {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body[data-site="1280"] #checkoutForm,
body[data-site="1280"] #payment-form {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body[data-site="1280"] #basket_html.basketFull {
  background: #000;
  border: 1px solid rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: none;
          box-shadow: none;
}
body[data-site="1280"] #basket_html.basketFull .basketStore a {
  color: #FFF;
}
body[data-site="1280"] #basket_html.basketFull .basketItems .itemRemove a {
  color: #FFF;
}
body[data-site="1280"] button[name="forgotten"] {
  -webkit-appearance: none;
}
body[data-site="1280"] .stepNumber.active {
  background: #FFF;
  color: #000;
}
body[data-site="1280"] .contentBlock.orderSummary .basketItems {
  border-top: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
}
body[data-site="1280"] .memberSidebar {
  border: 1px solid rgba(255, 255, 255, 0.5);
  background: #000;
  color: #FFF;
}
body[data-site="1280"] .memberSidebar a {
  color: #FFF;
}
body[data-site="1280"] .memberContentBlock a:not(.button):not(.buttonAlt) {
  color: #FFF;
}
body[data-site="1280"] .loginWrap .link {
  color: #FFF;
}
/*
	Alaska Restaurant
*/
body[data-site="1269"] .headerSocial li .socialIcon {
  color: var(--topbarColor);
}
body[data-site="1269"] .headerSocial li .socialIcon.facebookIcon,
body[data-site="1269"] .headerSocial li .socialIcon.instagramIcon {
  background: #FFF;
}
body[data-site="1269"] .headerSocial li .socialIcon.facebookIcon:hover,
body[data-site="1269"] .headerSocial li .socialIcon.instagramIcon:hover {
  opacity: 0.85;
}
body[data-site="1269"] .headerSocial li svg path {
  fill: var(--topbarColor);
}
body[data-site="1269"] .headerSocial li i {
  background: #FFF !important;
  color: var(--topbarColor);
}
body[data-site="1269"] .blockWrapper {
  background: transparent;
}
body[data-site="1269"] .grid .menuItem .imageWrap {
  border-color: rgba(0, 0, 0, 0.05);
}
body[data-site="1269"] .grid .menuItem.productMenuItem .menu_quick_add:hover {
  width: 25px;
}
/*
    The Dineyard  
*/
body[data-site="1281"] .blockWrapper {
  background: #e1e8f7;
}
.stripeV3Border {
  border: 1px solid #DDD;
  padding: 20px;
}
@media all and (max-width: 780px) {
  .stripeV3Form {
    width: 100%;
    margin: 0 auto;
  }
}
@media all and (min-width : 781px) and (max-width : 1320px) {
  .stripeV3Form {
    width: 80%;
    margin: 0 auto;
  }
}
@media all and (min-width : 1320px) {
  .stripeV3Form {
    width: 60%;
    margin: 0 auto;
  }
}
.stripeV3Form .button {
  width: 100%;
  margin-bottom: 20px;
}
.stripeV3Form .alert {
  width: 100%;
  margin-top: 20px;
}
.blogImageWrap {
  margin-bottom: 30px;
}
.blogButton {
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 200px;
}
.merchantLandingPage .sectionBlock {
  margin: 0 0 40px;
}
.merchantLandingPage .sectionBlock:first-of-type {
  margin-top: 30px;
}
.merchantLandingPage .sectionBlock:last-of-type {
  margin-bottom: 0;
}
.merchantLandingPage .sectionBlock h3 {
  margin: 0 0 20px;
  font-size: 22px;
  font-size: 1.5714285714285714rem;
}
.merchantLandingPage .sectionBlock .questions {
  margin: 30px 0 0;
}
.merchantLandingPage .sectionBlock .questions .question {
  list-style-type: none;
}
.merchantLandingPage .sectionBlock .question h3 {
  font-size: 18px;
  font-size: 1.2857142857142858rem;
  padding-right: 30px;
}
.merchantLandingPage .sectionBlock .button {
  margin-top: 30px;
}
.merchantLandingPage .sectionBlock .sectionForm {
  margin-top: 30px;
}
.merchantLandingPage .sectionBlock .sectionForm iframe {
  width: 100%;
  height: 3250px;
}
.merchantLandingPage .merchantRegistrationFormContainer {
  margin: 40px 0 40px;
}
.merchantLandingPage .validationMessage {
  display: none;
}
.merchantLandingPage .errorWrap .validationMessage {
  display: block;
  color: #ff433e;
  float: left;
  margin: 10px 0 10px;
}
.merchantLandingPage .errorWrap input:not([type='checkbox']),
.merchantLandingPage .errorWrap input:not([type='radio']),
.merchantLandingPage .errorWrap textarea,
.merchantLandingPage .errorWrap select,
.merchantLandingPage .errorWrap .chosen-search input {
  border-color: #ff433e;
}
.merchantLandingPage ul li {
  list-style-type: disc;
}
.merchantLandingPage .fileInput {
  float: left;
  margin: 5px 0 5px;
  width: 100%;
}
.cookieAndsitewideMessageContainer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 12000;
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
}
.cookieAndsitewideMessageContainer a {
  color: inherit;
}
.spar .cookieAndsitewideMessageContainer a,
.premier .cookieAndsitewideMessageContainer a {
  text-decoration: underline;
}
.siteWideMessageAlert {
  padding: 15px 40px 13px 20px;
  font-size: 0.875rem;
  line-height: 20px;
}
.siteWideMessageAlert .closeButton {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  font-size: 1.25rem;
}
.spar .siteWideMessageAlert .closeButton,
.premier .siteWideMessageAlert .closeButton {
  position: absolute;
  right: 0;
  top: 5px;
}
.cookiePolicy {
  padding: 15px 40px 13px 20px;
  font-size: 0.875rem;
  line-height: 20px;
}
.cookiePolicy .closeButton {
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 42px;
  text-align: center;
  cursor: pointer;
  font-size: 1.25rem;
}
.loadingWrap {
  position: fixed;
  z-index: 9100;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  height: 100%;
  overflow: hidden;
  background: #090909;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.loadingWrap:after {
  content: '\f110';
  position: absolute;
  display: block;
  font-size: 3.125em;
  font-family: FontAwesome;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  -webkit-animation: fa-spin-new 1s infinite steps(8);
          animation: fa-spin-new 1s infinite steps(8);
  -webkit-transform-origin: left top;
          transform-origin: left top;
  color: #FFF;
}
/* Hub landing page */
.hubLandingPage .sliderBd {
  text-align: center;
}
@media (max-width: 640px) {
  .hubLandingPage .sliderBd .slideBd {
    min-height: 0;
    padding: 46px 20px;
  }
}
.hubLandingPage .sliderBd .textWrap {
  width: 100%;
  max-width: 720px;
  border-radius: 5px;
}
.hubLandingPage .sliderBd .textContent {
  width: 100%;
}
.hubLandingPage .sliderBd h1 {
  font-size: 36px;
  text-transform: none;
  font-weight: bold;
}
@media (max-width: 640px) {
  .hubLandingPage .sliderBd h1 {
    font-size: 28px;
    line-height: 34px;
  }
}
.hubLandingPage .sliderBd p {
  font-size: 16px;
  line-height: 24px;
}
.hubLandingPage .sliderBd .holidayMessage {
  border: 0;
  padding: 0;
  margin: 0;
  background: none;
}
.hubLandingPage .sliderBd .buttonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
  margin-top: 40px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media (max-width: 640px) {
  .hubLandingPage .sliderBd .buttonGroup {
    margin-bottom: -16px;
  }
}
.hubLandingPage .sliderBd .buttonGroup:first-child {
  margin-top: 0;
}
.hubLandingPage .sliderBd .button,
.hubLandingPage .sliderBd .buttonAlt {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
  width: calc(50% - 20px);
  font-weight: normal;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 640px) {
  .hubLandingPage .sliderBd .button,
  .hubLandingPage .sliderBd .buttonAlt {
    width: calc(100% - 20px);
    max-width: 100%;
    margin-bottom: 16px;
  }
}
.hubLandingPage .sliderBd .button span,
.hubLandingPage .sliderBd .buttonAlt span {
  display: block;
  font-size: 12px;
  margin: 6px 0 0;
}
.hubLandingPage .sliderBd .button[disabled],
.hubLandingPage .sliderBd .buttonAlt[disabled] {
  background: #DDD;
  cursor: default;
}
.hubLandingPage .sliderBd .button[disabled]:hover,
.hubLandingPage .sliderBd .buttonAlt[disabled]:hover {
  background: #DDD;
}
.hubLandingPage .sliderBd .logoWrap {
  margin: 40px 0 0;
  display: inline-block;
  background: var(--color1);
  padding: 20px;
  border-radius: 5px;
}
.weightAndMeasuresText {
  border: 1px solid #e0e0e0;
  padding: 16px;
  float: left;
  width: 100%;
  margin: 16px 0 0;
  border-radius: 3px;
}
@media all and (max-width: 780px) {
  .weightAndMeasuresText {
    display: none;
  }
}
.weightAndMeasuresText.weightAndMeasuresTextTop {
  display: none;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .weightAndMeasuresText.weightAndMeasuresTextTop {
    display: block;
  }
}
.weightAndMeasuresText a {
  text-decoration: underline;
}
.allergenInfo {
  float: left;
  width: 100%;
  border: 1px solid #e0e0e0;
  padding: 16px;
  margin: 16px 0 0;
  border-radius: 3px;
}
@media all and (max-width: 780px) {
  .allergenInfo {
    display: none;
  }
}
.allergenInfo.allergenInfoTop {
  display: none;
  margin: 0 0 16px;
}
@media all and (max-width: 780px) {
  .allergenInfo.allergenInfoTop {
    display: block;
  }
}
.interstate .button,
.interstate .buttonAlt {
  text-transform: none;
}
.interstate .bookingButton {
  background: #0a0a0a;
  color: #ee7203;
}
.interstate .miniBasket {
  background: var(--topbarColor);
}
@media (max-width: 780px) {
  .interstate .storeList .storeItem .storeImage {
    max-width: 80px;
  }
}
.interstate .storeList .storeItem .storeImage img {
  width: 100px;
  height: auto;
}
@media (max-width: 640px) {
  .interstate .selectStore .orderSteps {
    margin: 0 0 20px;
  }
}
@media (max-width: 640px) {
  .interstate .orderSteps {
    margin: -40px 0 0;
  }
}
.interstate .menuCategory h2 {
  color: var(--fontDark);
}
.interstate .subCategoryContent > h3,
.interstate .subCategoryContent > h4 {
  border-top-color: var(--mainColor);
}
.interstate .menuCategory + .menuCategory > h2:first-child {
  border-top-color: var(--mainColor);
}
.interstate .allergenSidebar .allergenIcon {
  color: var(--mainColor);
  border-color: var(--mainColor);
}
@media all and (max-width: 780px) {
  .northernmonk.breweryLayout {
    padding-top: 102px;
  }
}
@media all and (max-width: 780px) {
  .northernmonk .topBarBd .headerDetailsBd {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
@media all and (max-width: 780px) {
  .northernmonk .topBarBd .headerDetailsBd .topBarLeft {
    display: block;
    width: 100%;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    border-top: 1px solid #EEE;
  }
}
@media all and (max-width: 780px) {
  .northernmonk .userLinksBd li {
    width: 50%;
  }
}
@media all and (max-width: 780px) {
  .northernmonk .userLinksBd a {
    font-size: 14px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 8px 12px;
  }
}
@media all and (max-width: 780px) {
  .northernmonk .userLinksHome {
    display: none;
  }
}
.paginationWrapLocationsPage {
  margin-top: 10px;
}
.deliveryHint {
  color: var(--fontDark);
  margin-bottom: 20px;
  text-align: left;
}
.deliveryHint h3 {
  color: var(--color1);
}
.deliveryHint p {
  color: var(--fontDark);
}
/*
Dark Site
*/
.darksite {
  /* Content page */
  /* Menu */
  /* Checkout */
  /* Login */
  /* Contact page */
}
.darksite .largeSlider h2,
.darksite .mobileSlider h2,
.darksite .largeSlider h1,
.darksite .mobileSlider h1 {
  color: var(--mainColor);
}
.darksite .slideWrapper .circle svg {
  fill: var(--site_background);
}
.darksite .callToActionWrap h3 span {
  color: #FFF;
  text-transform: uppercase;
}
.darksite .callToActionWrap p {
  color: var(--mainColor);
}
.darksite .foodSvg path.shade,
.darksite .foodSvg polygon.shade,
.darksite .foodSvg rect.shade,
.darksite .foodSvg circle.shade {
  fill: none;
}
.darksite .blockWrapper {
  background: var(--site_background);
}
.darksite.siteOuterWrapper.full_width .blockWrapper {
  background: var(--site_background);
}
.darksite .block h3 {
  color: var(--mainColor);
}
.darksite .block p {
  color: #FFF;
  font-size: 20px;
  line-height: 28px;
}
.darksite .appCTA {
  background: var(--site_background);
}
.darksite .appCTA h2 {
  color: var(--mainColor);
}
.darksite .footer {
  color: #FFF;
}
.darksite .footer a {
  color: #FFF;
}
.darksite .footerCols + .footerBottom {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}
.darksite .contentBlock {
  color: #FFF;
}
.darksite .contentBlock h1,
.darksite .contentBlock p,
.darksite .contentBlock h2 {
  color: #FFF;
}
.darksite .contentBlock.orderSummary .basketItems {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.darksite .storeList .storeItem .storeImage {
  margin-right: 0;
  margin-bottom: 20px;
}
.darksite .menu h1,
.darksite .menu h2 {
  color: #FFF;
}
.darksite .menuCategoriesList,
.darksite .menuOrder #basket_html,
.darksite .menuInfo {
  background: none;
  border-color: transparent;
  webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.darksite .menuCategories .menuCategoriesList li a {
  padding-left: 0;
  padding-right: 0;
  color: #FFF;
}
.darksite .menuCategories .menuCategoriesList li a:hover,
.darksite .menuCategories .menuCategoriesList li a.current {
  color: var(--mainColor);
}
.darksite .menuItems {
  color: #FFF;
}
.darksite .menuItems p {
  color: #FFF;
}
@media only screen and (max-width: 1160px) {
  .darksite .checkoutSmallScreens {
    background: var(--mainColor);
  }
}
.darksite .checkoutSmallScreens .button {
  background: #222;
  color: #FFF;
}
.darksite #basket_html {
  padding: 0;
  color: #FFF;
  margin-top: 1.5em;
}
.darksite #basket_html > div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.darksite #basket_html a {
  color: #FFF;
}
.darksite .addIcon,
.darksite .removeIcon {
  fill: #000;
}
.darksite .basketItems .itemDesc h4,
.darksite .basketItems .itemDesc strong,
.darksite .basketItems .itemDesc a {
  color: #FFF;
}
.darksite .row label {
  color: #FFF;
}
.darksite .mainBasket h1 {
  text-align: center;
  color: #FFF;
}
.darksite #basket_html.basketFull {
  background: #333;
  border-color: #444;
  padding: 1.5em;
}
.darksite .guestWrap .guestWrapInner,
.darksite .loginWrap .guestWrapInner,
.darksite .guestWrap .loginWrapInner,
.darksite .loginWrap .loginWrapInner {
  background: #333;
  border-color: #444;
}
.darksite .guestWrap h2,
.darksite .loginWrap h2,
.darksite .guestWrap h4,
.darksite .loginWrap h4,
.darksite .guestWrap p,
.darksite .loginWrap p,
.darksite .guestWrap h3,
.darksite .loginWrap h3,
.darksite .guestWrap .formLink,
.darksite .loginWrap .formLink {
  color: #FFF;
}
.darksite .orderSteps li {
  color: #FFF;
}
.darksite .overlayAjax .orderSteps li {
  color: #000;
}
.darksite .stepNumber {
  background: rgba(255, 255, 255, 0.2);
}
.darksite .stepNumber.active {
  background: var(--mainColor);
  color: #000;
}
.darksite #checkoutForm,
.darksite #payment-form {
  background: #333;
  border-color: #444;
}
.darksite #checkoutForm h2,
.darksite #payment-form h2 {
  color: #FFF;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.darksite #checkoutForm .row label,
.darksite #payment-form .row label {
  color: #FFF;
}
.darksite .memberSidebar {
  background: #333;
  border-color: #444;
  color: #FFF;
}
.darksite .memberSidebar h1,
.darksite .memberSidebar h2,
.darksite .memberSidebar h3,
.darksite .memberSidebar h4,
.darksite .memberSidebar h5,
.darksite .memberSidebar h6,
.darksite .memberSidebar p,
.darksite .memberSidebar a {
  color: #FFF;
}
.darksite .loginWrap .link {
  color: #FFF;
}
.darksite .memberContentBlock {
  color: #FFF;
}
.darksite .memberContentBlock h1,
.darksite .memberContentBlock h2,
.darksite .memberContentBlock h3,
.darksite .memberContentBlock h4,
.darksite .memberContentBlock h5,
.darksite .memberContentBlock h6,
.darksite .memberContentBlock p {
  color: #FFF;
}
.darksite .contactWrap {
  color: #FFF;
}
.darksite .contactWrap h1,
.darksite .contactWrap h2,
.darksite .contactWrap h3,
.darksite .contactWrap h4,
.darksite .contactWrap h5,
.darksite .contactWrap h6,
.darksite .contactWrap p {
  color: #FFF;
}
.darksite .contactWrap .phone a {
  color: #FFF;
}
.darksite .contactFormWrap .innerText {
  background: #333;
  border-color: #444;
}
.darksite .store .details li:before {
  color: var(--mainColor);
}
/*
Dark Site End
*/
/*
Monaco GP Map
*/
.monacoGpMapContainer {
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.2);
  overflow: hidden;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.monacoGpMapContainer .buttonGroup {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -5px;
  margin-right: -5px;
}
.monacoGpMapContainer .buttonGroup .button {
  margin: 0 5px;
}
#checkoutForm .monacoGpMapContainer .buttonGroup .button {
  margin-top: 0;
}
.monacoGpMapContainer .button {
  width: 45px;
  padding: 11px;
}
.monacoGpMapContainer .button i {
  padding-left: 0;
}
/*
Monaco GP Map End
*/
/* Bipass */
.bipass .itemPopup .formInline .row {
  padding: 0;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 640px) {
  .bipass .itemPopup .formInline .row:not(.checkboxRow) label {
    text-align: left;
    width: auto;
  }
}
.bipass .itemPopup .formInline .row:not(.checkboxRow) input[type="number"] {
  width: auto;
  margin-left: auto;
}
.bipass .itemPopup .formInline .row .fakeInput {
  text-align: right;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  border-color: transparent;
}
@media only screen and (max-width: 640px) {
  .bipass .itemPopup .formInline .row .fakeInput {
    width: auto;
    padding: 0;
    margin-left: auto;
  }
}
.bipass #basket_html .button {
  background: var(--colorAdd);
}
.bipass .grid .menuItem.productMenuItem .circleIcon .addIcon,
.bipass .grid .menuItem.productMenuItem .menu_quick_add .addIcon {
  -webkit-filter: var(--colorAdd);
          filter: var(--colorAdd);
}
.bipass .itemPopup #add_to_basket {
  background: var(--colorAdd);
}
@media (max-width: 640px) {
  .bipass .stepNumber {
    display: inline-block;
  }
}
@media (max-width: 600px) {
  .bipass .grid .menuItem .itemOptions .itemPrice {
    width: auto;
  }
}
@media (max-width: 600px) {
  .bipass .grid .menuItem.productMenuItem .itemOptions .options {
    width: auto;
  }
}
.bipass .itemPopup .popupImage {
  position: relative;
  width: 100%;
  max-width: 100%;
  margin: 0 0 20px;
}
.bipass .itemPopup .popupImage svg {
  height: 20px;
  position: absolute;
  right: 10px;
  top: 10px;
}
.bipass .grid .menuItem .imageWrap:before {
  display: none;
}
.bipass .grid .menuItem .imageWrap img {
  position: relative;
  top: auto;
  left: auto;
  -webkit-transform: none;
          transform: none;
  width: 100%;
}
.bipass .overlayBox .itemPopup .description .popupDesc .popupImage {
  border: 1px solid #e0e0e0;
  background: none;
  border-radius: 0;
}
.bipass .m-magnifikCanvas {
  position: relative;
}
.bipass .m-magnifikCanvas:after {
  content: '';
  position: fixed;
  right: 20px;
  top: 20px;
  width: 32px;
  height: 32px;
  background-image: url(/sites/template_2018/images/svgs/times-solid.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 18px;
  background-color: #FFF;
}
/* Vegan Indian Kitchen Styles */
.veganindiankitchen .headerSocial li a.facebookIcon {
  background: #1877F2;
}
.veganindiankitchen .headerSocial li a.facebookIcon:hover {
  background: #0b5fcc;
}
.veganindiankitchen .headerSocial li a.facebookIcon svg {
  width: auto;
  height: 16px;
}
.veganindiankitchen .headerSocial li a.instagramIcon {
  background: #cc2366;
}
.veganindiankitchen .headerSocial li a.instagramIcon:hover {
  background: #a01c50;
}
.veganindiankitchen .footerCol .social a {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.veganindiankitchen .footerCol .social a.facebookIcon {
  background: #1877F2;
}
.veganindiankitchen .footerCol .social a.facebookIcon:hover {
  background: #0b5fcc;
}
.veganindiankitchen .footerCol .social a.facebookIcon svg {
  width: auto;
  height: 26px;
}
.veganindiankitchen .footerCol .social a.instagramIcon {
  background: #cc2366;
}
.veganindiankitchen .footerCol .social a.instagramIcon:hover {
  background: #a01c50;
}
.veganindiankitchen .footerCol .social a svg {
  width: 26px;
}
.veganindiankitchen .social li a i {
  font-size: 26px;
}
/* Wills Fish and Grill */
.willsfishandgrill {
  /* Block Section */
}
.willsfishandgrill .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.willsfishandgrill .block.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.willsfishandgrill .block .imageWrap {
  position: relative;
}
.willsfishandgrill .block .imageWrap img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
}
/* Spar/Premier Home */
.spar .block,
.premier .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.spar .block.left,
.premier .block.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.spar .block .imageWrap,
.premier .block .imageWrap {
  position: relative;
}
.spar .block .imageWrap img,
.premier .block .imageWrap img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
  width: 100%;
}
.landingOffersDiscountsWrap {
  padding: 110px 0;
}
@media all and (max-width: 780px) {
  .landingOffersDiscountsWrap {
    padding: 60px 0;
  }
}
.landingOffersDiscountsWrap h2 {
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  color: #FF4141;
  text-align: center;
  margin-bottom: 50px;
}
@media all and (max-width: 780px) {
  .landingOffersDiscountsWrap h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
  }
}
.premier .landingOffersDiscountsWrap h2 {
  color: #4C0743;
}
.landingOffersDiscounts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.landingOffersDiscounts .landingOffersDiscount {
  width: calc(50% - 16px);
  margin-left: 8px;
  margin-right: 8px;
}
@media (max-width: 1100px) {
  .landingOffersDiscounts .landingOffersDiscount {
    width: calc(100% - 16px);
    margin-bottom: 20px;
  }
  .landingOffersDiscounts .landingOffersDiscount:last-child {
    margin-bottom: 0;
  }
}
.landingOffersDiscount {
  border-radius: 20px;
  overflow: hidden;
  background: #FF4141;
  color: #FFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 640px) {
  .landingOffersDiscount {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.premier .landingOffersDiscount {
  background: #4C0743;
}
.landingOffersDiscount .imageWrap {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1100px) and (min-width: 801px) {
  .landingOffersDiscount .imageWrap {
    width: auto;
  }
}
@media (max-width: 640px) {
  .landingOffersDiscount .imageWrap {
    width: 100%;
  }
}
.landingOffersDiscount .imageWrap picture {
  display: block;
  width: 100%;
}
.landingOffersDiscount .imageWrap img {
  width: 100%;
}
.landingOffersDiscount .textWrap {
  width: 50%;
  text-align: center;
  padding: 20px 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1100px) and (min-width: 801px) {
  .landingOffersDiscount .textWrap {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
@media (max-width: 640px) {
  .landingOffersDiscount .textWrap {
    width: 100%;
    min-height: 0;
  }
}
.landingOffersDiscount h3 {
  font-size: 24px;
  line-height: 32px;
  font-weight: bold;
  margin-bottom: 30px;
  letter-spacing: 0;
  color: inherit;
}
@media all and (max-width: 780px) {
  .landingOffersDiscount h3 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 20px;
  }
}
.landingOffersDiscount p {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 36px;
  color: inherit;
}
@media all and (max-width: 780px) {
  .landingOffersDiscount p {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 20px;
  }
}
.landingOffersDiscount p:last-child {
  margin-bottom: 0;
}
.landingOffersDiscount p small {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 0;
}
@media all and (max-width: 780px) {
  .landingOffersDiscount p small {
    font-size: 14px;
    line-height: 22px;
  }
}
.landingOffersDiscount .button {
  background: #6FB743;
  color: #FFF;
  border-radius: 10px;
  font-size: 20px;
  line-height: 34px;
  padding: 13px 37px 12px;
  text-transform: none;
  letter-spacing: 0;
  margin-bottom: 12px;
}
@media all and (max-width: 780px) {
  .landingOffersDiscount .button {
    font-size: 18px;
    line-height: 26px;
  }
}
.spar .landingOffersDiscount .button:hover {
  background: #589235;
  color: #FFF;
}
.premier .landingOffersDiscount .button {
  background: #FFF;
  color: #4C0743;
}
.premier .landingOffersDiscount .button:hover {
  background: #7b0b6c;
  color: #FFF;
}
.snappyBar {
  position: relative;
  text-align: center;
  padding: 26px 0 23px;
  -webkit-box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.16);
  z-index: 1;
}
.snappyLogo span {
  display: block;
  font-size: 18px;
  line-height: 24px;
  color: #575757;
  margin-bottom: 8px;
}
.snappyLogo img {
  height: 59px;
}
@media all and (max-width: 780px) {
  .snappyLogo img {
    height: 40px;
  }
}
.landingServicesWrap {
  padding: 110px 0 0;
}
@media all and (max-width: 780px) {
  .landingServicesWrap {
    padding: 60px 0 0;
  }
}
.landingServicesWrap h2 {
  font-size: 40px;
  line-height: 54px;
  font-weight: bold;
  color: #FF4141;
  text-align: center;
  margin-bottom: 50px;
}
@media all and (max-width: 780px) {
  .landingServicesWrap h2 {
    font-size: 40px;
    line-height: 48px;
    margin-bottom: 20px;
  }
}
.premier .landingServicesWrap h2 {
  color: #4C0743;
}
.landingServices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 40px;
}
.landingServices.slick-initialized {
  display: block;
}
.landingServices .slick-track {
  margin-left: auto;
  margin-right: auto;
}
.landingServices .landingService {
  width: calc((100% / 6));
  padding: 0 20px;
}
@media (max-width: 1100px) {
  .landingServices .landingService {
    width: calc((100% / 5));
  }
}
@media (max-width: 800px) {
  .landingServices .landingService {
    width: calc((100% / 4));
  }
}
@media (max-width: 640px) {
  .landingServices .landingService {
    width: calc((100% / 3));
  }
}
@media (max-width: 500px) {
  .landingServices .landingService {
    width: calc((100% / 2));
  }
}
.landingServices .slick-dots {
  margin: 30px auto 0;
  text-align: center;
}
.landingServices .slick-dots li {
  display: inline-block;
  margin: 0 2px;
}
.landingServices .slick-dots button {
  display: block;
  overflow: hidden;
  text-indent: -9999px;
  border-radius: 50%;
  background: #EEE;
  width: 14px;
  height: 14px;
}
.landingServices .slick-dots .slick-active button {
  background: #ffffff;
  background: #000;
}
.landingServices .prev,
.landingServices .next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #000;
  font-size: 22px;
  font-size: 1.375rem;
  background: #F1F1F1;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.landingServices .prev {
  left: 0;
  padding-right: 2px;
}
.landingServices .next {
  right: 0;
  padding-left: 2px;
}
.landingService .imageWrap {
  position: relative;
}
.landingService .imageWrap:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.landingService .imageWrap svg,
.landingService .imageWrap img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-width: 100%;
  max-height: 100%;
  height: 60px;
  width: auto;
  color: #B4B8BD;
}
@media (max-width: 500px) {
  .landingService .imageWrap svg,
  .landingService .imageWrap img {
    height: 40px;
  }
}
.premier .landingService .imageWrap svg,
.premier .landingService .imageWrap img {
  color: #4C0743;
}
.spar .landingService .imageWrap svg path,
.spar .landingService .imageWrap img path {
  fill: #B4B8BD;
}
.premier .landingService .imageWrap svg path,
.premier .landingService .imageWrap img path {
  fill: #4C0743;
}
.landingService .textWrap {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  color: inherit;
}
@media all and (max-width: 780px) {
  .landingService .textWrap {
    font-size: 14px;
    line-height: 22px;
  }
}
/* Welcome Popup */
.restaurantInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 20px;
}
.restaurantInfo i {
  font-size: 24px;
  margin-right: 10px;
}
.restaurantInfo h4 {
  margin: 0;
}
.welcomeOverlay .overlayCloseButton a {
  background: var(--mainColor);
  color: #FFF;
  width: 28px;
  height: 28px;
  border-radius: 14px;
  line-height: 26px;
  font-size: 20px;
  font-size: 1.4285714285714286rem;
  right: -14px;
  top: -14px;
}
.welcomeOverlay .overlayCloseButton a:before {
  content: none;
}
.welcomeOverlay .overlayAjax {
  text-align: left;
  padding: 40px;
}
@media all and (max-width: 780px) {
  .welcomeOverlay .overlayAjax {
    padding: 48px 20px 20px;
  }
}
.welcomeOverlay .overlayAjax > img.bgWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 90%;
  display: block;
  height: 100%;
  margin: 0 auto;
}
.welcomeOverlay .overlayAjax .logoWrap {
  margin: 0 0 30px;
  position: relative;
  z-index: 10;
}
.welcomeOverlay .overlayAjax .contentWrap {
  position: relative;
  z-index: 10;
}
.welcomeOverlay .overlayAjax p a {
  color: var(--buttonColor);
  text-decoration: underline;
}
.mb20 {
  margin-bottom: 20px;
}
/* Business related change */
.advancedGrid[data-site="40001"] .mtcMenuItem .mtcMenuItemOptions.notQuickAdd {
  display: block;
}
.brandsWrap {
  padding: 40px 0;
  text-align: center;
}
.brandsWrap h2 {
  margin: 0 0 20px;
}
.brandsWrap .brands {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 40px;
}
.brandsWrap .brand {
  position: relative;
  width: calc((100% / 6) - 40px);
  margin-left: 20px;
  margin-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 800px) {
  .brandsWrap .brand {
    width: calc((100% / 4) - 40px);
  }
}
.brandsWrap .brand:before {
  content: '';
  display: block;
  padding-bottom: 100%;
}
.brandsWrap .brand img {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  max-width: 160px;
  max-height: 100%;
  width: 100%;
}
.brandsWrap .prev,
.brandsWrap .next {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #000;
  font-size: 22px;
  font-size: 1.375rem;
  background: #F1F1F1;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  border-radius: 50%;
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
}
.brandsWrap .prev {
  left: 0;
  padding-right: 2px;
}
.brandsWrap .next {
  right: 0;
  padding-left: 2px;
}
/* 
    Business specific styles
    
    prestonfieldevents 
*/
body[data-site="40000"] .headerSocial li .socialIcon.facebookIcon,
body[data-site="40000"] .headerSocial li .socialIcon.instagramIcon,
body[data-site="40000"] .headerSocial li .socialIcon.twitterIcon {
  background: var(--mainColor);
}
body[data-site="40000"] .menuCategory h2 {
  font-size: 36px;
  line-height: 46px;
}
@media all and (max-width: 780px) {
  body[data-site="40000"] .menuCategory h2 {
    font-size: 1.375em;
    line-height: 40px;
  }
}
body[data-site="40000"] .mtcMenuItem .mtcMenuItemName {
  font-size: 20px;
  line-height: 30px;
}
@media all and (max-width: 780px) {
  body[data-site="40000"] .mtcMenuItem .mtcMenuItemName {
    font-size: 14px;
    line-height: 1.462;
  }
}
/*
    Toppingsandfries
*/
body[data-site="1235"] .transparentHeader #header {
  background: transparent;
}
body[data-site="1235"] #header {
  background: #FFF;
}
/* Block Setion no Image Zoom */
.blockWrapper.noZoomImage {
  /* Block Section */
}
.blockWrapper.noZoomImage .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blockWrapper.noZoomImage .block.left {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.blockWrapper.noZoomImage .block .imageWrap {
  position: relative;
}
.blockWrapper.noZoomImage .block .imageWrap img {
  position: relative;
  left: 0;
  top: 0;
  -webkit-transform: none;
          transform: none;
  max-width: 100%;
}
/* Menu Page */
.newMenu {
  border-bottom: 1px solid var(--border_color);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.newMenu:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.newMenu h2 {
  font-size: 22px;
  line-height: 28px;
}
.newMenu .menuContent {
  margin: 0 0 20px;
}
.newMenu .button {
  font-size: 13px;
}
.menuImages {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
  margin-top: 20px;
}
.menuImages .menuImage {
  width: calc(20% - 20px);
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}
@media (max-width: 1100px) {
  .menuImages .menuImage {
    width: calc(33.33% - 20px);
  }
}
@media (max-width: 640px) {
  .menuImages .menuImage {
    width: calc(50% - 20px);
  }
}
@media (max-width: 400px) {
  .menuImages .menuImage {
    width: calc(100% - 20px);
  }
}
.menuImage {
  position: relative;
}
.menuImage a {
  display: block;
}
.menuImage h4 {
  font-family: var(--bodyFont);
  font-size: 14px;
  line-height: 22px;
  font-weight: normal;
  position: absolute;
  bottom: 10px;
  right: 0;
  padding: 5px 10px;
  background: var(--mainColor);
  color: var(--mainColorReverse);
  text-align: right;
}
.menuOverlayBox {
  -ms-flex-preferred-size: 880px;
      flex-basis: 880px;
}