/*
 * B Bakery
*/

html,
button,
input,
select,
textarea {
	color: #000;
	font-family: 'Muli',sans-serif;
}

html {
	font-size: 14px;
	line-height: 1.3;
}

body {
	background: #FFF;
	min-width: 320px;
}

::-moz-selection {
	background: #b3d4fc;
	text-shadow: none;
}

::selection {
	background: #b3d4fc;
	text-shadow: none;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #dce0e3;
	margin: 1em 0;
	padding: 0;
}

audio,
canvas,
img,
video {
	vertical-align: middle;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

p {
	margin: .75em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: 'Josefin Sans', sans-serif;
	font-weight:400;
}

h1 {
	font-size: 30px;
	letter-spacing: 0px;
	line-height: 1.2;
	font-weight:300;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.17em;
	color: #f1729d;
    font-size: 20px;
	text-transform: uppercase;
}

h4 {
	font-size: 1.12em;
}

h5 {
	font-size: .83em;
}

h6 {
	font-size: .75em;
}

h2.booking-step {	
font-size: 20px;
color: #333;
margin-bottom: 1.5em;
font-weight: 400;
letter-spacing: 0;
line-height: 1.4;
text-transform: uppercase;
display:table-cell;
}

.booking-step > span:first-of-type {display:table-cell;height:2em;width:2em;border-radius:50%;background: #f1729d;color:#FFF;text-align:center;line-height:2em;vertical-align: middle;font-size:1.5em;}


.booking-step > span:last-of-type {line-height:1.1em;display:table-cell;vertical-align: middle;padding-left:.5em;}



h5.soldout {font-size:1.125em;text-align: center;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .clearfix {
	zoom: 1;
}

a {
	color: #545454;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a,
a:hover,
a:active,
a:focus {
	outline: 0 none;
}

img {
	height: auto;
	max-width: 100%;
}

.border-top {
	border-top: 1px solid #e7e7e7;
}

.border-right {
	border-right: 1px solid #e7e7e7;
}

.border-bottom {
	border-bottom: 1px solid #e7e7e7;
}

.border-left {
	border-left: 1px solid #e7e7e7;
}

.margin-top {
	margin-top: 2em;
}

.margin-right {
	margin-right: 2em;
}

.margin-bottom {
	margin-bottom: 2em;
}
.margin-left {
	margin-left: 2em;
}

.fl-right {
	float: right;
}

.fl-left {
	float: left;
}

.center {
	text-align:center;
}

.full-width {
	width: 100%;
}
.auto-width {
	width: auto!important;
	display: inline-block;
}
.dark-grey {
	background: #BAC2C7!important;
	color: #FFF;
	
}
.seat-no {
	background: #BAC2C7!important;
	color: #FFF;
}
.seat-no label {
	font-size: 20px;
	padding-left:.25em;
}

.separator {
    height: 6px;
	border-width: 1px 0 1px 0;
	border-color: #e0dede;
	border-style: solid;
	margin:30px 0;
}

.horizontal-list li {
	display: table-cell;
}

.horizontal-list li a {
	display: block;
	margin: 0 .75em;
	text-align: center;
}

.vertical-list {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.vertical-list li {
	display: block;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

textarea {
	resize: vertical;
}

.field {
	margin: .5em 0;
	clear: both;
	display: table;
	width: 100%;
}

.field:after {
	display: table;
	content: " ";
	clear: both;
}

.field>label {
	width: 250px;
	float: left;
	padding: .5em 0;
}
.field.required>label>span:after {
    color: #b94a48;
    content: "*";
    display:inline;
}


.show-mob {
	display: none;
}

.inithide,.ukonly,.usonly,.nonus {
	display: none;
}


.field>select {
	width: auto;
}

input:not([type='submit']):not(.button),
select,
textarea {
	border: 1px solid #DDDDDD;
	padding: .4em;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size:16px;
}

input[type="checkbox"],
input[type="radio"] {
	border: 1px solid #DDDDDD;
}

input.required:not([type='submit']):not(.button),
select.required,
textarea.required {
	border: 1px solid #999999;

}

select {background: #FFF!important}

input[type="search"] {
	box-sizing: border-box;
}

input:not([type='submit']):not([type='radio']):not([type='checkbox']), textarea {
	-webkit-appearance: none;
}



.field>input:not([type='submit']),
.field>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.field>textarea {
	float: left;
	width: 50%;
}

.field>button {
	float: right;
}




.crt-acc .field>label,
.contact-form .field>label,

.fixed .field>label {
	width: 40% !important;
	min-width: 0;
}
.fixed .field>label+div {
	width: 60%;
	float:left;
}

.field>label+div {
	width: 50%;
	float:left;
}


.dietary .field > label {width:50%;padding-right:1.5em;}
.dietary .field.sm-select > label {width:80%;padding-right:1.5em;}
.field.sm-select  > label + div {width:20%;text-align: right;}

.allergy-guarantee {display:flex;align-items: center;margin-top:1.5em;} 
.allergy-guarantee > label {padding-right: 1.5em;border-right: 1px solid #dce0e3;margin-right:1.5em}
.allergy-guarantee > div {white-space: nowrap;}
.allergy-guarantee > div > label {cursor: pointer}

#tc2 {margin-right:.25em}

.fixed .form-error, .checkout .form-error {margin-left:0!important;}


.crt-acc .field>input:not([type='submit']),
.contact-form .field>input:not([type='submit']),
.contact-form .field>textarea,
.fixed .field>input:not([type='submit'])
{
	max-width: 375px;
	width: 60%;
}

.fixed .field>label+div>input:not([type='submit']),
.fixed .field>label+div>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.fixed .field>label+div>textarea,

.field>label+div>input:not([type='submit']),
.field>label+div>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
.field>label+div>textarea


{
	width: 100%;
}


.display-box a:not(.button), .display-box-2 a:not(.button):not(.voucher-cancel) {
	color: #529ed0;
	text-decoration: underline;
}
.display-box-2 a[href]:not(.button) {
white-space: nowrap;

}

#password-change {
	text-align: center;
}


.g-recaptcha {
	float: right;
	margin-bottom: 10px;
}

.crt-acc .form-error,
.contact-form .form-error{
	margin-left: 40%!important;
}



*:focus {
	outline: 0 !important;
}

#AmazonAddressWidget,
#AmazonWalletWidget {
	margin-bottom: 2%;
}

#AmazonAddressWidget iframe,
#AmazonWalletWidget iframe,
#AmazonAddressWidget *,
#AmazonWalletWidget * {
	border-radius: 0!important
}

#amazon-pad .button {
	min-width: 150px;
}

#amazon-pad input[value="Previous"] {
	float: left;
	background: #ededed;
	color: #545454 !important;
}

#amazon-pad input[value="Next"],
#amazon-pad [value="Confirm"] {
	float: right;
}

/* ==========================================================================
   OBJECTS
   ========================================================================== */

.full-width>* {
	max-width: 1190px;
	margin: 0 auto;
	padding-right: 15px;
	padding-left: 15px;
}

.to-edge {
	padding-right: 0!important;
	padding-left: 0!important;
}


.section-header {
	text-align: center;
	font-size: 2rem;
	position: relative;
	z-index: 1;
	margin-bottom: 1em;
}

.section-header:before {
	border-top: 1px solid #e7e7e7;
	content: "";
	margin: 0 auto;
	/* this centers the line to the full width specified */
	position: absolute;
	/* positioning must be absolute here, and relative positioning must be applied to the parent */
	top: 52%;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	z-index: -1;
}

.section-header span {
	background: #fff;
	padding: 0 .75em;
	text-align: center;
	display: inline-block;
}

.pop-wrapper .main-content h1:first-of-type {
	margin-top: 0;
}

.main-content a {
	text-decoration: underline;
	color: #529ed0;
}

/* ==========================================================================
   COMPONENTS
   ========================================================================== */

/*
 * Header 
 */

.top-bar-wrapper {
	background: #4090c3;
}

.top-bar {
	text-align: right;
	font-size: 0.889em;
}

.top-bar ul {
	margin: 0;
	padding: .3em 0;
	float: right;
}

.top-bar a {
	color: #FFF;
	transition: all 0.5s ease;
	border-bottom: 2px solid transparent;
	padding: .2em 0 .25em 0;
}

.top-bar a:hover {
	border-bottom: 2px solid #b3d3e7;
}

.header-wrapper {
	position: fixed;
	z-index:99;
	top:0;
	width:100%;
	background:#FFF;

}

.header-wrapper > header {max-width:1190px;padding:0 15px;margin: 0 auto;
}

.header__logo {
	padding-top: 11px;
	width:92px;
}
header {
	position: relative;
	margin-bottom: 21px;
	min-height: 105px;
	padding-top: 10px;
	padding-bottom: 14px;

}

header .row {
	display:table;
	min-height:65px;

}

header .row > div {display:table-cell;vertical-align: middle;}

header h1 {

	margin:0 0 0 .5em;
	line-height:1;
}


header, header * {
	-webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
	
	
.header-title, .header-title h1 {
	float: right;
	color: #a6adb2;
	text-decoration: none;
	outline: 0;
	font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    font-weight: 600;
	line-height:83px;
}
.header-title a {color: #a6adb2; text-decoration:none;}	
.header-title {display:none;}
/* Fixed Header */

.header-wrapper.fixed-header {
	position: fixed;
	-webkit-box-shadow: 0px 4px 6px -6px rgba(51,91,118,0.5);
	-moz-box-shadow: 0px 4px 6px -6px rgba(51,91,118,0.5);
	box-shadow: 0px 4px 6px -6px rgba(51,91,118,0.5);
	z-index:99;
	top:0;
	min-height: none;
	width:100%;
	background:#FFF;
	max-width:none;
	height:65px;
	
	
}
.header-wrapper.fixed-header header {

	min-height: 0;

}

.header-wrapper.fixed-header .header__logo {
	padding-bottom: 8.5px;
	padding-top:8.5px;
	width:48px;
	}

.header-wrapper header .row > div {height:65px;}
	
.header-wrapper.fixed-header .header__logo img {
	width:48px; height:auto;
}
.fixed-header .header__basket {line-height:65px;}
.fixed-header .header-title, .fixed-header .header-title h1 {
	line-height:65px;
}

.content-wrapper {transition: padding 0.4s ease-in-out;padding-top:110px}

.fixed-header + .content-wrapper {padding-top:90px}


/*
.header-wrapper {
	background: #4090c3;
}

header {
	position: relative;
	color: #FFF;
	text-align: center;
	padding-bottom: 20px;
}

.header-logo {
	float: left;
	width: 230px;
	margin-top: 10px;
}

.search-wrapper {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	margin-top: 12px;
}

.header-search {
	position: relative;
	background: #FFF;
	border-radius: 2px;
	background-clip: border-box;
}

#menu-container {
	position: absolute;
	text-align: left;
}

#m-search-form,
.m-search-btn,
.m-acc-btn,
.m-search-btn span {
	display: none;
}

.header-search input[type="search"] {
	border: 0 none;
	border-radius: 2px;
	height: 42px;
	line-height: 42px;
	background: #FFF;
	color: #666;
	font-size: 1em;
	float: left;
	padding: 0 50px 0 10px;
	width: 100%;
	background-clip: border-box;
}

.header-search button {
	background: #d9d9d9 url(/images/search.svg) no-repeat 50% 50%;
	height: 42px;
	width: 45px;
	min-width:0;
	border: none;
	cursor: pointer;
	float: right;
	border-radius: 0 2px 2px 0;
	background-size: 35px 35px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	background-clip: border-box;
}

.header-search button span {
	display: none;
}

/*
.header-wrapper.smaller header {
	height: 75px;
}
.header-wrapper.smaller .header-logo {
	max-width: 70px;
}
.header-wrapper.smaller .header-logo img {
	margin: .5em 0;
	max-width: 100%;
}
.header-wrapper.smaller .main-nav>li>a {
	padding: 1.5em .75em;
}
.header-wrapper.smaller #showLeft {
	margin: .75em 0;
	width: 50px;
	height: 50px;
	background: url(/images/mob-nav-but-2.png) no-repeat;
}


.header-basket {
	vertical-align: top;
	margin: 15px 0 0 0;
	position: relative;
	color: #FFF;
	float: right;
	width: 230px;
	text-align: right;
}

.header-basket a {
	color: #FFF;
	line-height: 38px;
	display: inline-block;
}

.basket-link:before {
	background: url("../images/shopping-bag.svg") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	float: left;
	width: 35px;
	height: 35px;
	margin-right: 5px;
	background-size: cover;
}

.header-basket em {
	font-style: normal;
	padding-right: .25em;
}

.header-basket span:first-of-type {
	background: #1B5376;
	border-radius: 50%;
	height: 1.5em;
	width: 1.5em;
	display: inline-block!important;
	line-height: 1.45em;
	text-align: center;
	margin-right: .25em;
}
.promo-bar {
background: #f8f9fb;
padding: 5px;
border-bottom: 1px solid #e7e7e7;
text-align: center;
font-size: 0.889em;
}

.promo-bar ul {
	list-style: none;
	margin:0 auto;
	padding:0;
	display:inline-block;
}
.promo-bar li {
	padding:0 2em;
	
}
.promo-bar li a {
	color:#005b87;
}

@keyframes promo-item {
  0%, 33%, 100% {
    opacity: 0;
	height: 0;
	z-index:-1;
	pointer-events: none;


}
  15%, 30% {
    opacity: 1;
	height: 1;
	z-index:+1;
	pointer-events:auto;
  }

}

.click-collect{font-weight:bold;}
.del > span {font-weight:bold;}
.del em {font-style:normal;font-weight:normal;}
.rtn {font-weight:bold;}

*/
.content {
	padding-top: 2em;
	padding-bottom: 1em;
}
.content a:not(.button):not(.share__button)  
{}


.breadcrumb {
	text-decoration: none;
	margin: 1.75em auto 1em auto;
	font-size: 0.889em;
}

.breadcrumb a {
	text-decoration: none;
	color: #005b87;
}

.breadcrumb a:after {
	background: rgba(0, 0, 0, 0) url("../images/arrow.svg") no-repeat scroll 0 0 / cover;
	content: " ";
	display: inline-block;
	height: 14px;
	margin: 0 6px -2px 6px;
	width: 14px;
}

.breadcrumb a:hover {
	color: #888888;
}

.breadcrumb a:last-child:after {
	display: none;
}

/*
 * Footer 
 */

.abv-ftr-wrapper {
	background-color: #387DA9;
	color: #fff;
	padding: 10px 0 30px 0;
	position: relative;
	text-align: center;
}

.abv-ftr-wrapper .row {
	max-width: 600px;
	margin: 0 auto;
}

.nwsltr {
	text-align: center;
	background: #fff;
}

.nwsltr h2 {
	margin-top: 0;
	font-size: 1.75em;
}

.nwsltr p {
	margin-bottom: 1.5em;
}

.nwsltr {
	position: relative;
}

.nwsltr input[type="email"] {
	background: #fff none repeat scroll 0 0;
	border: 0 none;
	float: left;
	font-size: 1em;
	height: 42px;
	line-height: 42px;
	padding: 0 0 0 10px;
	width: 95%;
	width: calc(100% - 45px);
	border-radius: 2px 0 0 2px;
	
}

.nwsltr button {
	background: #d9d9d9 url(/images/arrow-wht.svg) no-repeat 50% 50%;
	height: 42px;
	width: 45px;
	border: none;
	cursor: pointer;
	float: right;
	background-size: 30px 30px;
	padding: 0;
	border-radius: 0 2px 2px 0;
	min-width:0;
}


.nwsltr button span {
	display: none;
}

/*
 * footer
 */

.footer-wrapper {
	background: #1B5376;
	padding: 50px 0 30px 0;
}

footer {
	color: #FFF;
}

footer h3 {
	margin: 0 0 .75em 0;
	font-weight: 700;
}

footer a {
	color: #FFF;
	text-decoration: none;
}

footer a:hover {
	color: #bfd6e1
}

.footer__list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.footer__list li {
	margin-bottom: .125em;
}

.footer-social,
.footer-payment-icons {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 2em
}

.footer-social {
	margin-bottom: 25px;
}

.footer-social li,
.footer-payment-icons li {
	display: inline-block;
}

.footer-social li {
	margin: 0 3px;
}

.footer-social li span,
.footer-payment-icons li span {
	font-size: 0;
}

.blw-ftr-wrapper {
	background: #004b70;
	position: relative;
}

.blw-ftr-wrapper>div {
	padding-top: .75em;
	padding-bottom: .75em;
	color: #FFF;
}

.footer-e2e {
	text-align: right;
}

.footer-e2e a {
	color: #FFF;
}

.e2e_logo:before {
	font-family: e2e;
	content: "\e83d";
	font-size: .9em;
	padding: 0 .125em;
}

footer address {
	font-style: normal
}

/*
 * BUTTONS
 */

.button,
button {
	color: #FFF !important;
	text-decoration: none !important;
	background-color: #f1729d;
	display: inline-block;
	width: auto;
	cursor: pointer;
	padding: 17px 40px;
	padding: 18px 40px 15px 40px;
	border: 0;
	position: relative;
	vertical-align: middle;
	transition: all 0.3s;
	-webkit-appearance: none;
	border-radius: 0;
	min-width:200px;
	white-space:nowrap;
	text-align: center;
	font-family: "Josefin Sans",Arial,Helvetica,sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size: 18px;
}
.button.progress {
	
}
.button.progress:hover {
	
}

.button.regress, button.regress {
	background-color: #BAC2C7;
}
.button.regress:hover, button.regress:hover {
	background-color:#cbd1d4;
}

.button.secondary {}



.step2-img img {margin-top:10px}
.step3-img img {margin-top:110px}



.switch-field input {
    position: absolute !important;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    width: 1px;
    border: 0;
    overflow: hidden;
	padding:0;
}

.switch-field label {
  float: left;
}



.switch-field label {
display: inline-block;
min-width: 60px;
padding: .5em 1em;
padding: 17px 40px 14px 40px  ;
background:#BAC2C7;
color:#FFF;
border: 0;
text-align: center;
margin: 0 1em 1em 0;
transition: all 0.3s;
font-family: "Josefin Sans",Arial,Helvetica,sans-serif;
font-weight: 400;
letter-spacing: 0px;
text-transform: uppercase;
font-size: 18px;
line-height: 21px
}

.switch-field label:hover {
    cursor: pointer;
	background:#cbd1d4
}

.switch-field input:checked + label {
  background: #f1729d;
  color:#FFF;
  position:relative;
}

.switch-field input:checked + label:hover {
	box-shadow:none;
}

.switch-field input:checked + label:after {
  content:"";
  position:absolute;
  width:30px;
  height:30px;
  right:-5px;
  top:-5px;
  background-image: url(../images/tick.png);
  background-size:cover;

}



.button:hover:not([disabled]):not(.regress),
button:hover:not([disabled]):not(.regress),
input[type="submit"]:hover:not([disabled]) {
	background-color: #f595b6;
}

button[disabled],
input[disabled] {
	opacity: .5;
	cursor: default;
}

.booking-system-footer .button  {margin:0 .25em .5em .25em}
.centered-btns {text-align:center;padding:1.5em 0}
.centered-btns button {margin:0 .5em} 





.highlight {color:#D6000B}

.vegan {color:#3eba25;font-weight:bold;}


.booking-system .row [class*='col--']:nth-of-type(2) img {float:right}



.seating-plan {max-width:875px;margin:0 auto 20px auto;position:relative;}


.seating-plan > div {position:relative;max-width:875px}
.seating-plan.lwb, .seating-plan.chef {max-width:944px}
.seating-plan.lwb > div, .seating-plan.chef > div {max-width:944px}
.seating-plan > div:last-of-type {margin-top:2em;}


.seating-plan a {display:block;position:absolute;
-o-transition:color .5s ease-out, background .25s ease-in;
-ms-transition:color .5s ease-out, background .25s ease-in;
-moz-transition:color .5s ease-out, background .25s ease-in;
-webkit-transition:color .5s ease-out, background .25s ease-in; text-align: center;}
.seating-plan a:hover {background: rgba(155, 253, 156, 0.65);}
.seating-plan a.booked {background: rgba(255, 255, 255, 0.75);cursor:default !important;}
.seating-plan a.selected {background: rgba(241, 114, 157, 0.85);}
.SeatPrice {font-weight:bold;color:#FFF;text-shadow: 0px 0px 9px rgba(123, 33, 64, 1);top:50%; transform: translateY(-50%);position: relative;font-size:.89em;}

.seating-plan #seat1 {

width: 10.25%;
height: 37.5%;
top: 59%;
left: 42.1%;
}
.seating-plan #seat2 {
	
width: 10.25%;
height: 37%;
top: 2.75%;
left: 42.1%;
}

.seating-plan #seat3 {
width: 19.5%;
height: 37.5%;
top: 59%;
left: 18.7%;

}
.seating-plan #seat4 {
width: 19.5%;
height: 37%;
top: 2.75%;
left: 18.7%;
}

.seating-plan:not(.chef) #seat5 {display:none!important;}

.seating-plan #seat6 {
width: 19.5%;
height: 37.5%;
top: 2.75%;
left: 51%;
}

.seating-plan #seat7 {
width: 19.5%;
height: 37.5%;
top: 60%;
left: 51%;
}

.seating-plan #seat8 {
	
width: 19.5%;
height: 37.5%;
top: 2.75%;
left: 24.25%
}
.seating-plan #seat9 {
width: 19.5%;
height: 37.5%;
top: 60%;
left: 24.25%
}
.seating-plan #seat10 {
width: 12.5%;
height: 37%;
top: 2.75%;
left: 5.1%;

}
.seating-plan #seat11 {
width: 12.5%;
height: 37.5%;
left: 5.1%;
top: 60%;
}

.seating-plan.lwb #seat1 {
width: 18.1%;
height: 37.75%;
top: 59.5%;
left: 36.15%;
}
.seating-plan.lwb #seat2 {
width: 18.25%;
height: 37%;
top: 2.75%;
left: 36.15%;
}
.seating-plan.lwb #seat3 {
width: 18.25%;
height: 37.75%;
top: 59.5%;
left: 15.25%;

}
.seating-plan.lwb #seat4 {
width: 18.25%;
height: 37%;
top: 2.75%;
left: 15.25%;
}

.seating-plan.lwb #seat6, .seating-plan.chef #seat2 {
width: 18.25%;
height: 37.5%;
top: 2.75%;
left: 57.7%;
}
.seating-plan.lwb #seat7, .seating-plan.chef #seat1 {
width: 18.25%;
height: 37.5%;
top: 60%;
left: 57.7%;
}

.seating-plan.lwb #seat8, .seating-plan.chef #seat4 {
width: 18%;
height: 37.5%;
top: 2.75%;
left: 36.75%;
}
.seating-plan.lwb #seat9, .seating-plan.chef #seat3 {
width: 18%;
height: 37.5%;
top: 60%;
left: 36.75%;

}
.seating-plan.lwb #seat10, .seating-plan.chef #seat6 {
width: 18%;
height: 37%;
top: 2.75%;
left: 15.75%;

}
.seating-plan.lwb #seat11, .seating-plan.chef #seat5 {
width: 18%;
height: 37.5%;
left: 15.75%;
top: 60%;
}

.seating-plan.lwb #seat12, .seating-plan.chef #seat8 {
width: 11.95%;
height: 37.5%;
left: 1%;
top: 2.75%;
}

.seating-plan.lwb #seat13, .seating-plan.chef #seat7 {
width: 12%;
height: 37.5%;
left: 1%;
top: 60%;
}

.seating-plan.padd #seat2 {
width: 11.95%;
height: 37.5%;
left: 18%;
top: 2.75%;
}

.seating-plan.padd #seat1 {
width: 11.95%;
height: 37.5%;
left: 18%;
top: 60%;
}

.seating-plan.padd #seat4 {
width: 20%;
height: 37.5%;
left: 34%;
top: 2.75%;
}

.seating-plan.padd #seat3 {
width: 20%;
height: 37.5%;
left: 34%;
top: 60%;
}



.seating-plan:not(.chef) #seat5.booked   {background:none !important}



 
.booking-calendar {position:relative;max-width:950px;margin:0 auto}
.calendar-body > div > span:first-child {font-weight:bold;padding-bottom:8px;display:block;height: 55px;padding:10px;background-color:#f1729d;color: #FFF;}
.booking-calendar .time-dpt  {display: block;float: left;margin: 0;width: 250px;font-weight:bold;}
.time-dpt > span  {border: 1px solid #f1729d;padding:10px;background-color:#f1729d;color: #FFF;}
.time-dpt ul {margin:0;padding:0;list-style:none;}
.time-dpt li {height: 100px;margin:0;padding:10px;font-weight:normal;overflow: hidden;border-color: #ccc;border-style: solid;
border-width: 0 1px 1px 1px;font-size:0.857em;text-align:left;}
.time-dpt li.location2 {background:#EAEDEE;}
.time-dpt li.location1 {background:#DCE0E3;}
.time-dpt li span {display:inline-block;width:auto;font-size:1.143em;line-height:1em;color:#FFF;padding:3px;background:#f1729d;font-weight:bold;margin-bottom:3px;}
.time-dpt > span > em {font-style:normal;display:block;clear:both;}
.time-dpt li em {display:block;font-weight:bold;font-style:normal;clear:both;}
.booking-calendar .day {display: block;float: left;text-align: center;width: 100px;}
.booking-calendar .day em {font-style:normal;display:block;clear:both;}
.booking-calendar .day:last-child {margin-right:0;}

.day ul {margin:0;padding:0;list-style:none;}
.day li {border-color: #ccc;
  border-style: solid;
  border-width: 0 1px 1px 0;
	height: 100px;margin:0;padding:3px;
	transition: all 0.3s;
	 position: relative;
	background-repeat: no-repeat;
	background-position: right 2px top 2px ;
	background-size: 40px 40px

}
.day li > span {display:block; position: relative;
  top: 50%;
   -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
	 -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
padding-top:.25em;
	  text-shadow:
   -1px -1px 0 #FFF,  
    1px -1px 0 #FFF,
    -1px 1px 0 #FFF,
     1px 1px 0 #FFF;
}


.day li:hover:not(.unavailable):not(.selected) {color:#61bb6a; background: #FFF; cursor:pointer;font-weight:bold; transform: perspective(1px) scale(1.1);backface-visibility: hidden;z-index:+100;border: 1px solid #ccc;	background-repeat: no-repeat;
	background-position: right 2px top 2px;
	background-size: 40px 40px}
.day li.unavailable {background:#eeeeee;cursor:default; color:#999;}
.day li.selected {background-color:#f1729d;color:#FFF;font-weight:bold;}
.day li.selected span {text-shadow: 0px 0px 2px #9C0056;}

.day li .button {min-width: 0;padding: .5em .75em .3em .75em;font-size:.9em;margin-top:3px; text-shadow:none!important;}
li.selected .button:not(:hover) {color: #111 !important;background-color: #FFF;}


.prev-week, .next-week {display:block;position:absolute;left:-50px;top:7px; z-index:98;color:#BAC2C7!important; transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;}
.next-week  {right:-50px;left:auto;}

.prev-week:hover, .next-week:hover {opacity:.7}




.datepicker table tr td, .datepicker table tr th {
    text-align: center;
    width: 38px;
    height: 38px;
    border-radius: 0;
	border: 1px solid #CCC;}









.alcohol-table {text-align: left;margin:2em auto;padding:0;border-collapse: collapse;table-layout: fixed;}
.alcohol-table label {font-weight:normal;}
.alcohol-tableX input[type="radio"] {margin-left:.5em}
.alcohol-table td  {padding:.5em}
.alcohol-table td:nth-child(1) {}
.alcohol-table td:nth-child(2) {}
.alcohol-table td:nth-child(3) {}
.alcohol-table td:nth-child(4) {}
.alcohol-table td:nth-child(5) {}
.alcohol-table th:first-of-type {text-align:left;}
.alcohol-table td:not(:nth-child(1)){text-align:center;}
.alcohol-table tr:first-of-type td:nth-child(1) {  

}

.alcohol-table .thead td {  
  	font-size:18px;
	color: #FFF;
	background: #f1729d;
}


.alcohol-table .mob-thead td {
color: #f1729d;
font-size: 20px;
background:trasparent;
border-bottom:0;
text-align: center;
text-transform: uppercase;
	
}



.alcohol-table tr:not(:first-of-type) td:nth-child(1) {  


	
}
.alcohol-table tr:not(.thead):not(.mob-thead)  td:first-of-type {background: #BAC2C7;
color: #FFF;font-weight:bold; }


.alcohol-table tr:not(.thead) td:not(:first-of-type) {background:#ebebeb;}


.alcohol-table tr:not(.thead):not(.mob-thead) td {border-bottom:1px solid #CCC;}

.mob-tr, .mob-thead  {display:none;}	

.review-booking {background: #ebebeb;padding:0 .75rem .75rem .75rem;margin-top:2rem;}

.review-booking table {margin-top:0;}

.review-booking h2{color: #FFF;background: #f1729d;padding:.5em;margin:0 -.75rem 0 -.75rem;}
.review-booking h3 {margin-bottom:0;}


.review-booking table tr td:nth-of-type(2) {text-align: right;}

.review-booking .separator {margin-top:15px;}

td.booking-total {text-align: right;font-weight:bold;font-size: 24px;padding-top:.5em}


.fixed-btn {
    bottom: auto;
	left: auto;
	z-index: 99999;
	line-height:1em;
	font-family: "Josefin Sans",Arial,Helvetica,sans-serif;
	font-weight: 400;
	letter-spacing: 0px;
	text-transform: uppercase;
	font-size: 18px; 
	white-space:nowrap;
	display:inline-block!important;
	position:fixed;
}

.fixed-btn a {
	display:inline-block;
	padding: 18px 20px 15px 20px;
	transition: all 0.3s;
}

.fixed-btn a:hover {
	background-color: #BAC2C7;
}

.moto-btn {  
    right: 0;
	transform: rotate(-90deg);
	top:10%;
	text-align: center;
	-webkit-transform-origin: 100% 100%;
	transform-origin: 100% 100%;
}

.moto-btn a {
	background: #f1729d;
	color: #FFF;
}

.revise-btn {
	right: 5%;
	top:0;
}

.revise-btn a  {
	background: #111;
	color: #FFF;
}


/* Custom labels: the container */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
	width:auto;
	display:inline-block;
    -webkit-user-select: none; /* Chrome, Opera, Safari */
    -moz-user-select: none; /* Firefox 2+ */
    -ms-user-select: none; /* IE 10+ */
    user-select: none; /* Standard syntax */
}

/* Hide the browser's default checkbox */
.checkcontainer input {
  	position: absolute;
	  opacity: 0;
cursor: pointer;}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
    left: 10px;
    top: 6px;
    width: 7px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* Create a custom radio button */
.radiobtn{
  position: absolute;
  top: -9px;
  left: 0;
  height: 30px;
  width: 30px;
  background-image:url(/images/custom-check-1.png);
  background-size: 30px 30px;

}

/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .radiobtn{
  background-image:url(/images/custom-check-2.png);
  background-size: 30px 30px;
}

/* When the radio button is checked, add a blue background */
.checkcontainer input:checked ~ .radiobtn{
    background-image:url(/images/custom-check.png);
    background-size: 30px 30px;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.checkcontainer input:checked ~ .radiobtn:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkcontainerX .radiobtn:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}


.tour-book img {max-width:100%;height:auto;}







/* ==========================================================================
   NAVIGATION
   ========================================================================== */

.nav-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(0, 0, 0, 0.3);
	height: 0;
	opacity: 0;
}

.nav-overlay.hover-nav {
	opacity: 1;
	height: auto;
}

.nav-overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 100%;
	z-index: 99;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	background: rgba(130, 140, 119, 0.4);
	height: 0;
	opacity: 0;
}

.nav-overlay.hover-nav {
	opacity: 1;
	height: auto;
}

.nav-wrapper {
	text-align: left;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 0%, #ededed 1%, #d2d2d2 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%, #ededed 1%, #d2d2d2 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%, #ededed 1%, #d2d2d2 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#d2d2d2', GradientType=0);
	/* IE6-9 */
}

.nav-wrapper>div {
	margin: 0 auto;
	position: relative;
	text-align: center
}

.nav-wrapper nav {
	height: 45px;
	position: relative;
	z-index: 100;
	display: block;
}

.nav-wrapper nav>ul {
	margin: 0;
	padding: 0;
}

.nav-wrapper nav>ul>li>a {
	line-height: 45px;
	height: 45px;
	padding: 0 1em;
	display: block;
	border-right: 1px solid #aeaeae;
	white-space: nowrap;
}

.nav-wrapper nav>ul>li:first-of-type>a {
	border-left: 1px solid #aeaeae
}

.nav-wrapper nav li a:hover,
.nav-wrapper nav li:hover a {
	background: #FFF;
	color: #005b87
}

.nav-wrapper nav>ul {
	display: table;
	margin: 0 auto
}

.nav-wrapper nav>ul>li {
	display: table-cell;
	text-align: center;
}

/*
 * testimonial
 


.nav-button{width:255px;line-height:55px;height:55px;cursor:pointer;position:relative;padding:0 15px;text-transform:uppercase;}
.nav-button .icon{width:30px;height:22px;background:rgba(0, 0, 0, 0) url("../images/nav-icon.svg") no-repeat scroll center center/cover;display:inline-block;margin:16px 20px 0 0;float:left;}
.nav-button .label:after{background:rgba(0, 0, 0, 0) url("../images/arrow-wt.svg") no-repeat scroll center center/cover;content:"";display:inline-block;height:25px;margin-top:-12px;position:absolute;right:15px;top:50%;width:25px;-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg);}
.nav-button:hover, #nav li:hover .nav-button{background:#134362;}
*/

#nav li:hover .mega-menu, #nav li:hover .drop-menu {
	display: block;
	background: #FFF;
	position: absolute;
	-moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2)
}

.drop-menu {
	background: #FFF;
	position: absolute;
	text-align: left;
	z-index: 1000;
	display: none;
}
.drop-menu>.row {
	
}
.drop-menu .nav-col {
min-width:250px;
padding: 15px 20px;
	
}

.mega-menu {
	z-index: 1000;
	display: none;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	background: #FFF;
}

.mega-menu>.row {
	display: table;
	table-layout: fixed;
	width: 100%;
}

.mega-menu .nav-col {
	display: table-cell;
	width: 19%;
	text-align: left;
	padding: 2% 1%;
	vertical-align: top;
}

.mega-menu .nav-col:first-of-type {
	width: 20%;
	padding-left: 2%;
}

.nav-wrapper nav li .mega-menu a {
	background: none;
}

.mega-menu a:hover, .drop-menu a:hover {
	color: #00adef;
}

.nav-col li:first-of-type a {
	font-weight: 700;
	font-size: 1rem;
}


.nav-col ul {
	margin: 0 0 .5em 0;
	padding: 0;
}

.menu-banner {
	width: 24%;
	height: 100%;
	display: table-cell;
	background-size: cover;
	background-position: bottom center
}

.menu-banner img {
	width: 100%;
	height: auto
}

.mega-menu li:not(:first-of-type) a {
	display: block;
	padding: .125em 0;
	text-decoration: none;
	min-height: 100%;
	height: 100%;
	color: #a5a5a5!important;
	font-size: 0.875em
}

.mega-menu li:not(:first-of-type) a:hover {
	color: #00adef!important;
}

.viewall {
	font-weight: bold;
}

.m-nav-btn {
	display: none;
}

/* General styles for all menus */

.cbp-spmenu {
	background: #d3d3d3;
	position: fixed;
}

.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}

.cbp-spmenu a {
	display: block;
	color: #545454;
	cursor: pointer;
	background: #1b5376;
	background: #e6e6e6;
}

.cbp-spmenu a:hover {
	background: #FFF;
	color: #005b87;
}

.cbp-spmenu a:active,
.cbp-spmenu a:focus {
	background: #005b87;
}

/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
	overflow-y: auto;
	border-right: 1px solid #aeaeae;
}

.cbp-spmenu-vertical a {
	border-bottom: 1px solid #aeaeae;
	padding: .75em .5em;
}

/* Vertical menu that slides from the left or right */

.cbp-spmenu-left {
	left: -240px;
}

/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}

/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cbp-spmenu ul {
	margin: 0;
	padding: 0;
}

.inner {
	overflow: hidden;
	display: none;
	font-size: .9em
}

.inner a {
	padding: .65em;
}

.cbp-spmenu-vertical .inner a {
	background: #FFF;
}

.cbp-spmenu-vertical .inner a:hover {}

.cbp-spmenu-vertical .inner ul a {
	background: #0079b2;
	padding-left: 2em;
	position: relative;
}

.cbp-spmenu-vertical .inner ul a:before {
	width: .5em;
	height: 1px;
	display: inline-block;
	background: #FFF;
	content: "";
	position: absolute;
	top: 50%;
	left: 1em
}

.inner {}

a.toggle {
	width: 100%;
	display: block;
	transition: background .3s ease;
}

.toggle:hover,
.toggle:focus {
	background: #005b87;
}

.toggle.open,
.toggle.open:hover {
	background: #01aaf8;
}

.cont-shopping {
	color: #FFF;
	line-height: 1em;
	padding-top: 18px;
	display: inline-block;
	margin-left: 10px;
}

.cont-shopping:before {
	background: rgba(0, 0, 0, 0) url("/images/home-icon.svg") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	float: left;
	height: 20px;
	left: 0;
	top: 0;
	width: 27px;
}

.order-line {
	position: absolute;
	right: 10px;
	line-height: 1em;
	padding-top: 18px;
	top: 0;
}

.order-line a {
	color: #FFF;
}

.order-line span {
	text-transform: uppercase;
}

.order-line:before {
	background: rgba(0, 0, 0, 0) url("/images/phone.svg") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	float: left;
	height: 20px;
	left: 0;
	top: 0;
	width: 25px;
}

/*
 * Slideshow
 */

.main-slider-wrapper {
	width: 100%;
}

.main-slider {
	max-width: 1180px;
	margin: 0 auto;
}

.main-slider img {
	margin-bottom: 1px;
	width: 100%;
	height: auto;
}

.side-banners-wrapper {
	width: 100%;
	position: relative;
	max-width: 1180px;
	margin: 0 auto;
}

.hero-banner-mob,
.cat-banner-mob {
	display: none;
}

.hero-banner {
	max-width: 100% !important;
	padding: 0;
	margin: 0;
	position: relative;
}

.hero-slides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.hero-slides_tabs li.hero-slides_here a {
	border: 1px solid #01aaf8;
	background-color: #FFF;
}

.hero-slides .slick-dots li button,
.hero-slides .slick-dots li button:hover {
	background-color: #005b87;
	min-width:0;
}

.hero-slides .slick-dots li.slick-active button {
	border: 1px solid #01aaf8;
	background-color: #FFF;
}

.hero-banner .slick-dots {
	bottom: 20px;
}

/* ==========================================================================
   slick carousel 
   ========================================================================== */

.hero-slides {
	height: 375px;
	overflow: hidden;
}

.hero-slides.slick-initialized {
	height: auto;
	overflow: visible
}

.hero-slides .slick-slide {
	padding: 0;
}

.hero-slides img {
	max-width: none;
	width: 100%!important;
	height: auto;
}

.slick-slide {
	padding: 0 10px;
}

[class*='prod-carousel-'] {
	padding-bottom: 1em;
}

[class*='prod-carousel-'] .grid__item,
.brands-carousel .slick-slide,
.hero-banner .slick-slider, .prod-box .slick-slider {
	visibility: hidden;
}

[class*='prod-carousel-'].slick-initialized .grid__item,
.brands-carousel.slick-initialized .slick-slide,
.hero-banner .slick-slider.slick-initialized, .prod-box .slick-slider.slick-initialized  {
	visibility: visible;
}

/*
.hero-slides li{-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.hero-slides li:first-child{position:relative;display:block;float:left;}
.hero-slides img{display:block;height:auto;float:left;width:100%;border:0;}
.hero-slides_tabs{list-style:none;position:absolute;bottom:0;width:100%;text-align:center;z-index:30;padding:0;margin-bottom:10px;}
.hero-slides_tabs li{display:inline-block;}
.hero-slides_tabs li a{width:.5em;height:.5em;display:block;float:left;text-indent:-999px;overflow:hidden;background-color:#005b87;margin-right:.75em;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #005b87;}
.hero-slides_tabs li.hero-slides_here a{border:1px solid #01aaf8;background-color:#FFF;}
*/

/*
 * grid from E2EXpress
 */

/* column styles for E2EXpress */

.row:after,
.grid:after, 
.booking-step:after{
	content: "";
	display: table;
	clear: both;
}

/* row column gutters */

[class*='col--'] {
	padding-right: 2%;
	float: left;
	min-height: 1px
}

[class*='col--']:last-of-type {
	padding-right: 0;
}

/* row column widths - */

.col--1 {
	width: 8.33333%;
}

.col--2 {
	width: 16.66667%;
}

.col--3 {
	width: 25%;
}

.col--4 {
	width: 33.33333%;
}

.col--5 {
	width: 41.66667%;
}

.col--6 {
	width: 50%;
}

.col--7 {
	width: 58.33333%;
}

.col--8 {
	width: 66.66667%;
}

.col--9 {
	width: 75%;
}

.col--10 {
	width: 83.33333%;
}

.col--11 {
	width: 91.66667%;
}

.col--12 {
	width: 100%;
}

/*
 * multiple rows grid 
 * ( mainly for lists of products and categories).
 */

.grid__item {
	text-align: center;
	position: relative;
}

.grid__item.cat-box {}

.grid__item.prod-box {
	border: 1px solid #e7e7e7;
}

.grid__item.prod-box a {
	display: block;
}

.prod-box .image-container {
	background: #FFF;
	padding: 1em;
}

.prod-box p {
	line-height:1.3em;
	height:2.6em;
	overflow:hidden;
	

}

.item__data {
	position: relative;
	padding: 1em 1em 3.75em 1em;
	background: #f8f9fb;
}

.item__data .prices {
	position: absolute;
	bottom: .75em;
	width: 100%;
	text-align: center;
	left: 0;
	right: 0;
}

.item__review{height:15px;width:85px;background:url("/images/star-raitings--off.svg");position:relative;background-size:85px 15px;margin:0 auto;}
.item__review .review__raiting{background:url("/images/star-raitings--on.svg");position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background-size:85px 15px}



.prod-box:hover .item__data {background: #EAEDEE;}

.price--rrp {
	text-decoration: line-through;
	color: #888888;
}

.flag-new:before {
    background: rgba(0, 0, 0, 0) url("/images/flag-new.png") no-repeat scroll center center / 100% auto;
    content: "";
    height: 100px;
    position: absolute;
    right: -1px;
	top:-1px;
    width: 100px;
    z-index: 5;
	pointer-events: none;
}

.featured-categories {
	margin-top:2.5em 0;
}

.product-carousel {
	border-bottom: 1px solid #e7e7e7;
	border-top: 1px solid #e7e7e7;
}

.grid__item.feature-banner {
	padding: 0 2px;
}

.product-details {
	margin-bottom: 1em;
}

.mob-name {
	display: none;
}

.product__images {
	text-align: center;
}
.product__images .image-container {
	position:relative;
}

.images__zoom {
	font-family: "e2e";
	font-size: 1em;
	z-index: 9;
}

.images__zoom>* {
	color: #757575;
	cursor: pointer;
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	font-size: 1.5em;
	text-align: center;
	line-height: 1.75em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.images__zoom>*:not(:first-child) {
	display: none;
}

.images__zoom .js-zoom-show,
.images__zoom .js-zoom-hide {
	background-color: transparent;
	color: #e0e0e0;
	height: 100%;
}

.images__zoom .js-zoom-show:before,
.images__zoom .js-zoom-hide:before {
	content: '\e85b';
}

.images__zoom .js-zoom-hide:before {
	content: "\e80c";
}

.js-zoom-in.zoom--in,
.js-zoom-out.zoom--out {
	display: inline-block;
	width: 50px;
}

.js-zoom-in.zoom--in:before,
.js-zoom-out.zoom--out:before {
	content: '\e86f';
}

.js-zoom-out.zoom--out:before {
	content: '\e870';
}

.product__images .images__thumbs {
	margin: 1em auto;
	padding: 2px;
	text-align: center;
	width: 100%;
	position: relative;
}

.product__images .images__thumbs .image-container {
	cursor: pointer;
	display: inline-block;
	width: 18.4%;
	margin:  0 2% 2% 0;
	
}

.product__images .images__thumbs .image-container:nth-of-type(5n+5) {
	margin:  0;
}

.product__images .image-container, .product__images .images__thumbs {
	max-width: 650px;
}

.product__data h1 {
	margin-top: 0;
	line-height: 1;
}

.product__data .offer {
	color: #ce152a;
}

.product__data .rev-score {
	float: left;
	clear: left;
	display: inline-block;
	width: -webkit-calc(100% - 145px);
	width: -moz-calc(100% - 145px);
	width: calc(100% - 145px);
	margin: -.75em 0 .5em 0;
	font-size: 0.889em;
	
}
.rev-score .item__review {margin:-.125em .5em 0 0;vertical-align: middle;display:inline-block;}


.prd-brand {
	float: right;
	vertical-align: middle;
	display:inline-block;
	margin-top:-.5em;
}

.product-description .rev-score em {
	vertical-align: middle;
	width: 20px;
	height: 20px;
	background-size: cover;
}

.rev-score p {
	margin-top: .25em;
}

.product__price {
	margin: 1em 0;
}

.product__price .price {
	display: block;
	clear: both;
}

.price-prefix {
	font-size: 1rem
}

.product__price .price {
	font-size: 2.75em;
	line-height: 1;
	color: #F1729D;
}

.freedelspan {
	font-size: 1rem;
	white-space: nowrap;
	line-height: 1rem;
	display: inline-block;
	padding: 0 0 0 .25rem;
}

span.del-label {
	font-size: 0.444em;
	font-weight: 400;
}

.price--rrp {}

.price--dif:before {
	content: " - "
}

.mod__grid {
	padding: 0;
	list-style: none;
	margin-top: 0;
}

.mod__grid li {
	border: 1px solid #e7e7e7;
	width: 35px;
	text-align: center;
	height: 35px;
	margin: 0 2px;
	display: inline-block;
	padding: 1px;
}

.mod__grid li.active {
	border: 2px solid #545454;
}

.mod__grid a {
	width: 100%;
	height: 100%;
	display: block;
}

.mod__grid a>* {
	width: 100%;
	height: 100%;
	display: block;
}

/* if product mod has select box */

div[class^="product__mod"] select {
	min-width: 50%;
	display: block;
	margin-bottom: 1em;
}

.qty {
	padding-bottom: 10px;
	float: left;
	margin-right: 2%;
	width: 48%;
}

.product__mod--size {}

.product__mod h2 {
	font-size: 1rem;
	font-weight: 600
}

.product__basket {
	background: #f8f9fb;
	padding: 20px;
	display: table;
	width: 100%;
	margin-bottom: 1em;
	border: 1px solid #e7e7e7;
}

.product__basket--fields {
	margin-top: .75em;
}

.product__basket--fields fieldset {}

.product__basket--fields > fieldset:last-of-type {
	width: 60%;
	text-align: right;
	float: right;
}

.product__basket--fields > fieldset:first-of-type {
	width: 40%;
	float: left;
	padding-top: .25em;
}



.product__basket input[name="Qty"] {
	width: 45px;
	text-align: center;
	font-size: 1.222em;
	margin: 0 .5em 0 .25em;
	vertical-align: middle;
}

.product__basket input[type="submit"] {
	padding-left: 55px;
	background-image: url(../images/shopping-bag.svg);
	background-repeat: no-repeat;
	background-position: left 10px center;
	background-size: 30px 30px;
	font-size:1.125em;
}
.product__basket .emailme input[type="submit"] {
	padding-left: 55px;
	background-image: url(../images/email.svg);
	background-size: 28px 28px;
	background-position: left 12px center;
	
}

#emailme{
	min-width:0;
}

.product__basket label[for="Email"] {padding-right:5em;}
.product__basket input[name="Email"] {
	vertical-align: middle;
}
#EmailDiv {clear:left;}
#EmailDiv fieldset:first-of-type {margin-bottom:1em;}

.product__basket label {
	font-size: 1.222em;
	vertical-align: middle;
}

.product__basket button {
	padding: 1em;
	text-align: center;
	position: relative;
	width: 100%;
	display: block;
	clear: both;
	margin: 1em 0 .5em 0;
}

.StockMsg {
	text-align: left;
	vertical-align: middle;
}

.InStock {
	color: #48972a;
	background: url(/images/tick.svg) no-repeat left center;
	padding: 0 0 0 30px;
	display: block;
	margin-top: 1em
}

.OutStock {
	color: #ce202b;
	background: url(/images/cross.svg) no-repeat left center;
	padding: 0 0 0 30px;
	display: block;
	margin-top: 1em
}

.prod-code {
	font-size: 0.889em;
	color: #d0d0d0;
	display: inline-block;
	padding-top: .5em;
}

.suggested-links ul {
	list-style: none;
	padding: 0;
}

.suggested-links li {
	margin-bottom: .25em;
}

.suggested-links a:hover {
	text-decoration: underline;
}

.suggested-links a {
	display: inline-block;
	padding: .25em 0;
}

.suggested-links a:after {
	background: rgba(0, 0, 0, 0) url("/images/arrow.svg") no-repeat scroll 0 0;
	background-size: cover;
	content: " ";
	display: inline-block;
	height: 14px;
	width: 14px;
	margin: 0 0 -2px 5px;
}

.sku-table,
.table {
	border-collapse: collapse;
	margin: 1em 0 2em 0;
	width: 100%;
}

.table.brd td {
	border: 1px solid #e7e7e7;
}

.table.brd tr:first-of-type td {
	border-top: 0;
}

.sku-table th,
.table th {
	background: #2a5d8c;
	border: 0 none;
	color: #fff;
	padding: 0.65em 0.5em;
	text-align: left;
	font-weight: 400;
}

.sku-table td,
.table td {
	padding: .5em;
}

.sku-table tr:nth-of-type(even) td,
.table tr:nth-of-type(even) td {
	background: #e7e7e7;
}

.track-order th:last-of-type,
.track-order td:last-of-type {
	text-align: center
}

.track-order {
	table-layout: fixed;
}

.sku-table th:nth-of-type(4),
.sku-table td:nth-of-type(4),
.sku-table th:nth-of-type(5),
.sku-table td:nth-of-type(5) {
	text-align: right;
}

.sku-table td:nth-of-type(1) {
	width: 90px;
}

.sku-table td:nth-of-type(2) {
	width: 125px;
}

.sku-table td:nth-of-type(7) {
	width: 135px;
}

.sku-table td:nth-of-type(3) span {
	display: block;
	clear: both;
	font-size: 0.889em;
}

.sku-table td:nth-of-type(3) span:first-of-type {
	color: #b2b2b2;
	display: none
}

.sku-table td:nth-of-type(3) span:nth-of-type(2) {
	color: #46972a;
}

.sku-table td:nth-of-type(4) {
	text-decoration: line-through;
}

.sku-table th:nth-of-type(6),
.sku-table td:nth-of-type(6) {
	text-align: center;
}

.sku-table td:nth-of-type(6) input {
	width: 45px;
	text-align: center;
	vertical-align: top;
	padding: 0.45em 0;
}

.sku-table td:nth-of-type(6) button:first-of-type {
	width: 40px;
	height: 40px;
	background: url(/images/minus.png) center no-repeat;
	padding: 0;
	vertical-align: top;
	background-size: 25px 25px;
}

.sku-table td:nth-of-type(6) button:last-of-type {
	width: 40px;
	height: 40px;
	background: url(/images/plus.png) center no-repeat;
	padding: 0;
	vertical-align: top;
	background-size: 25px 25px;
}

.sku-table td:nth-of-type(6) button span {
	display: none;
}

.sku-table td:nth-of-type(7) button:after {
	content: "";
	width: 22px;
	height: 22px;
	background: url(/images/basket-wt.svg) center no-repeat;
	background-size: cover;
	top: 50%;
	margin-top: -12px;
	right: 15px;
	position: absolute;
	display: inline-block;
}

.sku-table td:nth-of-type(7) button {
	padding: 0.75em 0 0.75em 15px;
	position: relative;
	text-align: left;
	width: 135px;
}

.sku-table .image-container {
	border: 0;
	width: 100%;
	height: auto;
	margin: auto;
	max-width: 90px;
}

/* 
 *  Grid Items 
 */

[class*='grid--'] {
	width: 100%;
}

[class*='grid--'] .grid__item {
	margin-right: 2%;
	margin-bottom: 2%;
	float: left;
}

.grid--1 .grid__item {
	width: 100%;
	margin-right: 0;
}

.grid--2 .grid__item {
	width: 49%;
}

.grid--3 .grid__item {
	width: 32%;
}

.grid--3 .grid__item.no-gutter {
	width: 33.333%;
}

.grid--4 .grid__item {
	width: 23.5%;
}

.grid--4 .grid__item.no-gutter {
	width: 25%;
}

.grid--5 .grid__item {
	width: 18.4%;
}

.grid--8 .grid__item {
	width: 10.75%;
}

.grid--2 .grid__item:nth-of-type(even),
.grid--3 .grid__item:nth-of-type(3n+3),
.grid--4 .grid__item:nth-of-type(4n+4),
.grid--5 .grid__item:nth-of-type(5n+5),
.grid--6 .grid__item:nth-of-type(6n+6),
.grid--7 .grid__item:nth-of-type(7n+7),
.grid--8 .grid__item:nth-of-type(8n+8) {
	margin-right: 0;
}

.grid--2 .grid__item:nth-of-type(2n+3),
.grid--3 .grid__item:nth-of-type(3n+4),
.grid--4 .grid__item:nth-of-type(4n+5),
.grid--5 .grid__item:nth-of-type(5n+6),
.grid--6 .grid__item:nth-of-type(6n+7),
.grid--7 .grid__item:nth-of-type(7n+8),
.grid--8 .grid__item:nth-of-type(8n+9) {
	clear: left;
}

/* 
 *  Grid media queries 
 */

/*base tablet to small desktop styles*/

@media (max-width: 1024px) {
	.grid--8 .grid__item {
		width: 15%;
	}
	.grid--8 .grid__item:nth-of-type(8n+8) {
		margin-right: 2%;
	}
	.grid--8 .grid__item:nth-of-type(6n+6) {
		margin-right: 0;
	}
	.grid--8 .grid__item:nth-of-type(8n+9) {
		clear: none;
	}
	.grid--8 .grid__item:nth-of-type(6n+7) {
		clear: left;
	}
}

/*

@media (min-width: 800px) and (max-width: 849px) {
	
	.listing-controls__pagination {
		width: 25%;
	}
	.listing-controls__pagination.search-results {
		width: 40%;
	}
	.listing-controls>div {
		width: 75%;
	}
}
*/

@media (max-width: 849px) {
	[class*='col--'] {
		width: 100%;
		padding: 0;
	}
	/*
     * Separate grid for the items that wrap across multiple rows and are 
     * all the same size(namely lists of products and categories).
     */
	.grid--2>.grid__item {
		width: 100%;
	}
	/*.grid--3:not(.one-row)>.grid__item {
		width: 49%;
	}*/
	.grid--4:not(.one-row)>.grid__item,
	.grid--3:not(.one-row)>.grid__item {
		width: 32%;
	}
	.grid--8 .grid__item {
		width: 23.5%;
	}
	.grid--3:not(.one-row)>.grid__item:nth-of-type(3n+3),
	.grid--4:not(.one-row)>.grid__item:nth-of-type(4n+4),
	.grid--5:not(.one-row)>.grid__item:nth-of-type(5n+5),
	.grid--6:not(.one-row)>.grid__item:nth-of-type(6n+6),
	.grid--7:not(.one-row)>.grid__item:nth-of-type(7n+7),
	.grid--8:not(.one-row)>.grid__item:nth-of-type(8n+8) {
		margin-right: 2%;
	}
	.grid--2 .grid__item:nth-of-type(even),
	/*.grid--3:not(.one-row)>.grid__item:nth-of-type(even),*/
	.grid--3:not(.one-row)>.grid__item:nth-of-type(3n+3),
	.grid--4:not(.one-row)>.grid__item:nth-of-type(3n+3),
	.grid--8:not(.one-row)>.grid__item:nth-of-type(4n+4),
	.grid--8 .grid__item:nth-of-type(4n+4) {
		margin-right: 0;
	}
	.grid--2 .grid__item:nth-of-type(2n+3),
	.grid--3 .grid__item:nth-of-type(3n+4),
	.grid--4 .grid__item:nth-of-type(4n+5),
	.grid--5 .grid__item:nth-of-type(5n+6),
	.grid--6 .grid__item:nth-of-type(6n+7),
	.grid--7 .grid__item:nth-of-type(7n+8),
	.grid--8 .grid__item:nth-of-type(8n+9) {
		clear: none;
	}
	/*.grid--2 .grid__item:nth-of-type(2n+3),*/
	/*.grid--3 .grid__item:nth-of-type(2n+3),*/
	.grid--3 .grid__item:nth-of-type(3n+4),
	.grid--4:not(.one-row) .grid__item:nth-of-type(3n+4),
	.grid--5 .grid__item:nth-of-type(5n+6),
	.grid--6 .grid__item:nth-of-type(6n+7),
	.grid--7 .grid__item:nth-of-type(7n+8),
	.grid--8 .grid__item:nth-of-type(4n+5) {
		clear: left;
	}
	

	
}

@media (max-width: 749px) {
	/*.grid--4.one-row>.grid__item:nth-of-type(even){
		margin-right: 0 !important;
	}*/
	/*.grid--3.one-row>.grid__item {
		width: 100%;
		margin-right: 0 !important;
	}*/
	.hero-banner,
	.cat-banner {
		display: none
	}
	.hero-banner-mob,
	.cat-banner-mob {
		margin-bottom: 4px;
		display: block;
		width: 100%;
	}
	.cat-banner-mob {
		margin-bottom: 2px;
	}
}

@media (max-width: 575px) {
	.grid--4 .grid__item,
	.grid--4:not(.one-row)>.grid__item,
	.grid--4.one-row .grid__item,
	.grid--3:not(.one-row)>.grid__item {
		width: 49%;
	}
	.grid--4 .grid__item:nth-of-type(3n+3),
	.grid--4:not(.one-row)>.grid__item:nth-of-type(3n+3),
	.grid--4.one-row .grid__item:nth-of-type(3n+3),
	.grid--3:not(.one-row)>.grid__item:nth-of-type(3n+3) {
		margin-right: 2%;
	}
	.grid--4 .grid__item:nth-of-type(2n+2),
	.grid--4:not(.one-row)>.grid__item:nth-of-type(2n+2),
	.grid--4.one-row .grid__item:nth-of-type(2n+2),
	.grid--3:not(.one-row)>.grid__item:nth-of-type(2n+2) {
		margin-right: 0;
	}
	.grid--4:not(.one-row) .grid__item:nth-of-type(3n+4),
	.grid--4 .grid__item:nth-of-type(3n+4),
	.grid--3:not(.one-row)>.grid__item:nth-of-type(3n+4) {
		clear: none;
	}
	.grid--4 .grid__item:nth-of-type(2n+3),
	.grid--4:not(.one-row) .grid__item:nth-of-type(2n+3),
	.grid--4.one-row .grid__item:nth-of-type(2n+3),
	.grid--3:not(.one-row)>.grid__item:nth-of-type(2n+3) {
		clear: left;
	}
}

@media (max-width: 468px) {
	/*
.grid--3:not(.one-row) > .grid__item,
    .grid--4:not(.one-row) > .grid__item,
    .grid--4.one-row > .grid__item {
        width: 100%;
    }
    .grid--2 > .grid__item:nth-of-type(even),
    .grid--3 > .grid__item:nth-of-type(3n+3),
    .grid--4 > .grid__item:nth-of-type(4n+4),
    .one-row > .grid__item {
        margin-right: 0;
    }
    .grid--3 > .grid__item:nth-of-type(even),
    .grid--4 > .grid__item:nth-of-type(3n+3) {
        margin-right: 0;
    }
     */
	.grid--8 .grid__item {
		width: 49%;
	}
	.grid--8 .grid__item:nth-of-type(4n+4) {
		margin-right: 2%;
	}
	.grid--8 .grid__item:nth-of-type(2n+2) {
		margin-right: 0;
	}
	.grid--8 .grid__item:nth-of-type(4n+5) {
		clear: none;
	}
	.grid--8 .grid__item:nth-of-type(2n+3) {
		clear: left;
	}
	.product__data h1 {
		font-size:1.5em;
	}
	.prd-brand {
		float: none;
		display: block;
		margin-top: 0;
		margin-bottom: 5px;
	}
	.product__data .rev-score {margin-top:0;}
	
}

/*[class*='grid--']  {
    font-size: 0;  close white-space 
}
 */

.grid__item h3 {
	overflow: hidden;
	height: 2.6em;
	font-size: 1.25em;
	color: #000;
	margin: 0 0 .25em 0;
}

.grid__item.product-box .item__data {
	padding: .5em 0 0 0;
}

.grid__item a {
	text-decoration: none!important;

}

.grid__item.category-box img,
.grid__item.category-box:hover h3,
.grid__item.prod-box * {
	transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-webkit-transition: all .25s ease-in-out;
}

.grid__item.category-box {
	padding-bottom: 2em;
}

.grid__item.category-box h3 {
	color: #FFF;
	height: auto;
	background: #1B5376;
	padding: .5em;
	margin: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.grid__item.category-box img, .grid__item.prod-box img {
	-webkit-backface-visibility: hidden;}

.grid__item.category-box:hover img {
	opacity: 0.7;
	
}

.grid__item.category-box:hover h3 {
	background: #01aaf8;
}

.grid__item a:hover {
	text-decoration: none;
}

.grid__item .image-container {
	width: 100%;
	margin: auto;
}

.grid__item .image-container img {
	width: 100%;
	height: auto;
}

.price {
	font-size: 1.333em;
	font-weight: 700;
	color: #F1729D;
}

.grid__item .prices span {
	display: block;
}

.grid--8 .grid__item .price {
	font-size: 1em;
}

.rrp {
	font-size: 0.889em;
	font-weight: 700;
	color: #025c87;
}

.rrp:before {
	content: "RRP ";
}

.rev-score {
	padding-top: 2px;
}


.prod-box .slick-slide {
	padding: 0;
}







[class*='prod-carousel-'] {
	padding-bottom: 1em;
}

[class*='prod-carousel-'] .grid__item,
.brands-carousel .slick-slide,
.hero-banner .slick-slider {
	visibility: hidden;
}

[class*='prod-carousel-'].slick-initialized .grid__item,
.brands-carousel.slick-initialized .slick-slide,
.hero-banner .slick-slider.slick-initialized {
	visibility: visible;
}



/*
 * brands slider
 */

.brands-wrapper {
	margin: 55px 0;
	background: #f8f9fb;
}

.brands-carousel {
	padding: 15px 10px;
	display: none;
}

.brands-carousel.slick-initialized {
	display: block;
}

.brands-carousel img {
	filter: grayscale(100%);
}

.brands-carousel img:hover {
	filter: none;
}

.brands-carousel h4 {
	color: #1B5376;
	margin-top: 0;
	text-transform: uppercase;
}

.brands-carousel h4 em {
	font-style: normal;
}

.brands-carousel a {
	color: #1B5376;
}

.brands-carousel h4:after {
	background: rgba(0, 0, 0, 0) url("/images/arrow-bl.svg") no-repeat scroll 0 0;
	background-size: cover;
	content: " ";
	display: inline-block;
	height: 20px;
	width: 20px;
	position: absolute;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
	margin: 2px 0 0 10px;
}

.brands-carousel h4 span {
	float: right;
	text-transform: none;
}

.brands-carousel ul {}

.brands-carousel li {
	display: inline-block;
	margin: 0 10px;
}

.allbrands .grid__item {
	border: 1px solid #e7e7e7
}

.allbrands .grid__item span {
	display: block;
	font-size: 0.750em;
	padding: .5em .25em;
	background: #e7e7e7
}

/*
 * display boxes
 */

.list__item h3 {
	color: #545454;
	font-size: 0.889em;
	height: 2.6em;
	margin: 0 0 .125em 0;
	overflow: hidden;
}

.list__item {
	display: table;
	margin-bottom: 5%;
	width: 100%;
}

.list__item .image-container {
	display: table-cell;
	width: 90px;
	padding: 8px 10px 0 0;
	vertical-align: top;
	border: 1px solid #FFF;
	border-right: 0;
}

.list__item:hover .image-container {
	border: 1px solid #e7e7e7;
	border-right: 0;
}

.list__item h3 a {
	text-decoration: none;
}

.list__item a:hover {
	text-decoration: none;
}

.list__item .image-container img {
	width: 100%;
	height: auto;
}

.list__item .rrp {
	font-size: 0.889em;
}

.list__item .price {
	font-size: 1.111em;
}

/*
 * display boxes
 */

.display-box,
.display-box-2 {
	padding: 20px;
	
}

.to-edge .display-box {
	padding-right: 1em;
	padding-left: 1em;
}

.display-box.filters {
	padding: 0;
}

.section-header+.display-box {
	margin: 0 0 25px 0;
}

.filters h4,
.group h4 {
	font-size: 1.125em;
	background: #4090c3;
	padding: .5em;
	margin: 1em 0;
	color: #FFF;
}

.group h4 {
	margin: 1em 0 0 0;
}

.filterul>li:first-of-type h4 {
	margin: 0 0 .25em 0;
}

.filters li label:hover {
	cursor: pointer;
}

h2.refine-search {
	font-size: 1rem;
	margin-top: 0;
}

.filters>h2 {
	display: none;
	margin: 0;
}

.filters>h2:after {
	background: rgba(0, 0, 0, 0) url("../images/filter.svg") no-repeat scroll 0 0;
	content: " ";
	display: inline-block;
	height: 20px;
	width: 30px;
	vertical-align: middle;
	margin: -2px 0 0 .75em;
}

.group p a {
	text-decoration: underline;
}

/*
 * ##PRICE-SLIDER
 */

form[name="Filters"] .slider-amount {
	border: 0;
	background-color: transparent;
	opacity: 1;
	padding: .5em 0;
}

form[name="Filters"] .slider-amount:hover,
form[name="Filters"] .slider-amount.button.active,
form[name="Filters"] .header-wrapper header .slider-amount.active.header__basket,
.header-wrapper header form[name="Filters"] .slider-amount.active.header__basket,
form[name="Filters"] .tab-box nav a.slider-amount.active,
.tab-box nav form[name="Filters"] a.slider-amount.active {
	border: 0;
}

form[name="Filters"] .slider-range {
	margin-bottom: 10px;
	height: 5px;
}

form[name="Filters"] .slider-range .ui-slider-handle {
	background-color: #CCC;
}

form[name="Filters"] .slider-range .ui-slider-handle:last-of-type {
	margin-left: -16px;
}

form[name="Filters"] .ui-slider-range {
	background-color: #CCC;
}

.slider-range {
	width: 100%;
	height: 3px;
	position: relative;
	background-color: #CCC;
	margin-top: 10px;
}

.slider-amount {
	width: 100%;
}

.ui-slider-handle {
	height: 16px;
	width: 16px;
	background-color: #CCC;
	display: inline-block;
	position: absolute;
	top: -6px;
}

.ui-slider-handle:last-of-type {
	margin-left: -10px;
}

.ui-slider-range {
	background-color: #CCC;
	height: 3px;
	position: absolute;
	top: 0;
	border: 0;
}

.cat-desc-box {
	margin-bottom: 1em
}

/*
 * sorting
 */

.mgr-items {
	height: 42px;
	line-height: 42px;
	margin-bottom: 2%;
}

.mgr-items>nav,
.listing-controls>div {
	display: inline-block;
}

.mgr-items>div {
	float: right;
}

.listing-controls__pagination {
	width: 25%;
}

.listing-controls__pagination.search-results {
	width: 40%;
}

.listing-controls__sorting {
	text-align: right;
}

.listing-controls__pagination a {
	padding: 0 .25em;
	width: 30px;
	height: 30px;
	display: block;
	border: 1px solid #9fa594;
	line-height: 29px;
	text-align: center;
	background: #f8f9fb!important;
	color: #004d72;
	text-decoration: none;
}

.listing-controls__pagination a:hover,
.activePageNo a:hover {
	background: #17baf7;
}

.mgr-items ul {
	display: inline-block;
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.mgr-items li {
	display: inline-block;
	margin: 0 .125em;
}

.mgr-items li:first-of-type {
	margin-left: 0;
}

.mgr-items li[class^="page"] a:hover {
	background: #e7e7e7;
}

.activePageNo a {
	background: #4090c3 !important;
	border: 1px solid #4090c3 !important;
	color: #FFF!important;
	text-decoration:none!important;
}

.nextLink span,
.prevLink span {
	display: none;
}

.nextLinkX:after {
	content: '\276F';
	padding: 0 .25em;
}

.nextLink:after,
.prevLink:after {
	background: rgba(0, 0, 0, 0) url("/images/arrow.svg") no-repeat scroll 0 0 / cover;
	content: " ";
	display: inline-block;
	height: 14px;
	margin: 0 0 -2px 0;
	width: 14px;
}

.prevLink:afterX {
	content: '\276E';
	padding: 0 .25em;
}

.prevLink:after {
	-webkit-transform: scaleX(-1);
	-moz-transform: scaleX(-1);
	-ms-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	transform: scaleX(-1);
}

.listing-controls__layout a {
	color: #345CA7;
}

.mgr-items li.grid:nth-child(2) {
	display: none;
}

#PageBySelect {
	margin-right: .5em;
}

.mgr-items form {
	display: inline-block;
}

.ctr {
	text-align: center;
}

.banner {
	border: 0;
	display: table;
}

.cat-bannerX {
	margin-bottom: 3%;
	position: relative;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 200px;
	resize: vertical;
}

.cat-banner {
	margin-bottom: 3%;
}

.flex-center {
	background: black;
	color: white;
	border: 10px solid white;
	display: flex;
	flex-direction: column;
	justify-content: center;
	resize: vertical;
	overflow: auto;
}

.flex-center p {
	margin: 0;
	padding: 20px;
}

.sub-cat-banner {
	position: relative;
	min-height: 300px
}

.sub-cat-banner h1 {
	color: #FFF;
	margin-top: 0;
	font-size: 3em;
	font-weight: 700;
}



.sub-cat-banner {
	background-size: cover;
	background-repeat: no-repeat;
	height: 340px;
	background-position: center center
}

.sub-cat-banner-txt {
	background: rgba(2, 32, 46, .75);
	font-size: 0.889em;
	color: #FFF;
	max-width: 50%;
	padding: 20px;
}

.sub-cat-banner-txt div {
	position: relative;
	overflow: hidden;
	min-height: 300px
}

.filters ul {
	padding: 0;
	list-style: none;
	margin-top: 0;
}

.filters li span {
	color: #b2b2b2;
}

.filters li {
	margin-bottom: .5em;
}

.filters li:hover,
.filters input[type="checkbox"]:checked~span {
	color: #025c87
}

.filters input[type="checkbox"] {
	margin-right: 7px;
}

.ui-slider-handle {
	border-radius: 0;
	width: 12px;
}

.ui-slider-handle,
.ui-slider-range {
	background-color: #345ca7;
	outline: 0 none;
}

.slider-range>span:last-of-type {
	margin-left: -10px;
}

.ui-slider-handle,
.ui-slider-range {
	background-color: #345ca7;
	outline: 0 none;
	position: absolute;
}

.ui-slider-handle {
	display: inline-block;
	height: 16px;
	top: -6px;
	width: 16px;
}

.filters li.parentCat {
	margin: .5em 0;
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: .25em
}

.product__share {}

.product__share h5 {
	display: none;
}

.share__button {
	display: inline-block;
	width: 2em;
	height: 2em;
	text-align: center;
	line-height: 0;
	border-radius: 50%;
	background-color: #FFF;
	color: #FFF;
	cursor: pointer;
	font-size: 1.5em;
	vertical-align: top;
}

.share__button:hover {
	opacity: .7;
}

.share__button--icon {
	font-family: e2e;
	line-height: 2.05em;
}

.share__button--text {
	display: none;
}

.share__button--facebook {
	background-color: #4e71a8;
}

.share__button--facebook .share__button--icon:before {
	content: '\e81c';
}

.share__button--twitter {
	background-color: #1cb7eb;
}

.share__button--twitter .share__button--icon:before {
	content: "\e81e";
}

.share__button--linkedin {}

.share__button--instagramX .share__button--icon:before {
	content: "\e81c";
}

.share__button--instagram {
	background-color: #444444;
	background-image: url(../images/instagram.svg);
	background-repeat: no-repeat;
	background-size: 25px 25px;
	background-position: center center;
}

.share__button--linkedin .share__button--icon:before {
	content: "\e81c";
}

.share__button--google-plus {
	background-color: #e3411f
}

.share__button--google-plus .share__button--icon:before {
	content: "\e81d";
}

.share__button--pinterest {
	background-color: #cc2028;
}

.share__button--pinterest .share__button--icon:before {
	content: "\e823";
}

.share__button-email {}

.share__button-email .share__button--icon:before {
	content: "\e804";
}

/* ==========================================================================
   reponsive tabs
   ========================================================================== */

.product-description-wrapper {
	border-top: 1px solid #e7e7e7;
	position: relative;
	background-color: #f8f9fb
}

.product-description-wrapper:before {
	content: " ";
	position: absolute;
	background: #FFF;
	height: 3.225rem;
	left: 0;
	right: 0;
	border-bottom: 1px solid #e7e7e7;
	z-index: +1;
}

ul.resp-tabs-list {
	margin: 0 0 -1px 0;
	padding: 0;
	text-align: center;
	font-size: 0;
	z-index: +1;
	position: relative;
}

.resp-tabs-list li {
	color: #004d72;
	cursor: pointer;
	display: inline-block;
	list-style: outside none none;
	margin: 0;
	padding: 0.75em 0;
	border: 1px solid #e7e7e7!important;

	text-align: center;
	font-size: 1rem;
	min-width: 225px;
}

.resp-tabs-list li:not(:first-of-type) {
	margin-left: 1px;
}

.resp-tabs-list li a {
	color: #fff!important;
}

.resp-tabs-list li {
	background: #4090c3!important;
	border: 1px solid #4090c3!important;
	color: #fff!important;
}

.resp-tabs-list li:hover {
	background-color: #17baf7!important;
	border: 1px solid #17baf7!important;
}

.resp-tabs-list li.resp-tab-active,
.resp-tabs-list li a.active {
	background-color: #f8f9fb !important;
	border: 1px solid #e7e7e7!important;
	border-bottom: 1px solid #f8f9fb!important;
	color: #004d72!important;
}

.resp-tabs-container {
	border: 0!important;
	clear: left;
}

h2.resp-accordion {
	cursor: pointer;
	display: none;
	padding: 5px;
}

.resp-tab-content {
	display: none;
	padding: 20px;
}

.resp-tab-content {
	background-color: #f8f9fb;
	display: none;
	border: 1px solid #e7e7e7!important;
}

.ma-content {
	margin-bottom: 2%;
}

.resp-tab-content>*:first-of-type {
	margin-top: 0;
}

.resp-content-active,
.resp-accordion-active {
	display: block;
}

h2.resp-accordion {
	font-size: 1em;
	margin: 0;
	padding: 0.65em 15px;
	cursor: pointer;
	background-color: #4090c3!important;
	color: #FFF;
	background-image: url(../images/plus.svg)!important;
	background-position: right 15px center!important;
	background-repeat: no-repeat!important;
	background-size: 20px 20px!important;
	border: 0!important;
}

h2.resp-accordion:not(:last-of-type) {
	margin-bottom: 1px;
}

h2.resp-tab-active {
	background-image: url(../images/minus.svg)!important;
	margin-bottom: 0!important;
}

h2.resp-tab-activeX {
	position: relative
}

.close {
	position: absolute;
	right: 32px;
	top: 32px;
	width: 32px;
	height: 32px;
	opacity: 0.3;
}

.close:hover {
	opacity: 1;
}

.close:before,
.close:after {
	position: absolute;
	left: 15px;
	content: ' ';
	height: 33px;
	width: 2px;
	background-color: #333;
}

.close:before {
	transform: rotate(45deg);
}

.close:after {
	transform: rotate(-45deg);
}

h2.resp-tab-title:last-child {
	background: blue none repeat scroll 0 0;
}

.resp-vtabs ul.resp-tabs-list {
	float: left;
	width: 30%;
}

.resp-vtabs .resp-tabs-list li {
	cursor: pointer;
	display: block;
	float: none;
	margin: 0 0 4px;
	padding: 15px !important;
}

.resp-vtabs .resp-tabs-container {
	background-color: #fff;
	border: 1px solid #c1c1c1;
	border-radius: 3px;
	clear: none;
	float: left;
	min-height: 250px;
	padding: 0;
	width: 68%;
}

.resp-vtabs .resp-tab-content {
	border: medium none;
	word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active {
	-moz-border-bottom-colors: none !important;
	-moz-border-left-colors: none !important;
	-moz-border-right-colors: none !important;
	-moz-border-top-colors: none !important;
	border-color: #5ab1d0 #fff #5ab1d0 #5ab1d0 !important;
	border-image: none !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 4px !important;
	margin-bottom: 4px !important;
	margin-right: -1px !important;
	padding: 14px 15px 15px 14px !important;
	position: relative;
	z-index: 1;
}

.resp-arrow {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 12px solid #c1c1c1;
	display: none;
	float: right;
	height: 0;
	margin-top: 3px;
	width: 0;
}

h2.resp-tab-active span.resp-arrow {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: -moz-use-text-color transparent #9b9797;
	border-image: none;
	border-style: none solid solid;
	border-width: medium 6px 12px;
}

.resp-easy-accordion h2.resp-accordion {
	display: block;
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1;
}

.resp-jfit {
	margin: 0;
	width: 100%;
}

.resp-tab-content-active {
	display: block;
}

#personal-details-table tr td:first-child {
	font-weight: 700;
}

#personal-details-table td {
	padding: .5em;
}

#personal-details-table tr:nth-last-child(1) td {
	padding-top: 10px;
}

#personal-details-table tr:nth-child(2) td:nth-child(2) {
	table-layout: fixed;
	word-wrap: break-word;
}

@media (max-width: 800px) {
	.cat-banner {
		margin-bottom: 2px;
	}
	.brands-wrapper {
		margin: 30px 0;
	}
	.grid__item.category-box:nth-of-type(odd) {
		padding-left: 0;
	}
	.grid__item.category-box:nth-of-type(even) {
		padding-right: 0;
	}
	ul.resp-tabs-list {
		display: none;
	}
	h2.resp-accordion {
		display: block;
	}
	.resp-vtabs .resp-tab-content {
		border: 1px solid #c1c1c1;
	}
	.resp-vtabs .resp-tabs-container {
		border: medium none;
		clear: none;
		float: none;
		min-height: 100px;
		width: 100%;
	}
	.resp-tabs-container {
		border-top: 0 !important;
	}
	.resp-accordion-closed {
		display: none !important;
	}
	.resp-vtabs .resp-tab-content:last-child {
		border-bottom: 1px solid #c1c1c1 !important;
	}
	.resp-tab-content-active {
		display: block;
		border-bottom: 1px solid #e7e7e7;
		border-left: 1px solid #e7e7e7;
		border-right: 1px solid #e7e7e7;
	}
}

.cookie-alert {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: rgba(255, 255, 255, 0.75);
	padding: 10px;
}

.cookie-alert>div {
	margin: 0 auto;
	max-width: 1340px;
	padding: 15px;
}

.cookie-alert>div>p {
	display: inline-block;
}

#btnacceptcookie {
	float: right;
}

.basket-table {
	margin: 0 0 2%;
	background: #FFF;
}

.basket-table td,
.order-details-table td {
	border-bottom: 1px solid #e3e3e3;
	padding: .5em;
}

.basket-table thead,
.order-details-table thead {
	background-color: #1B5376;
	color: #FFF;
	font-size: 1.25em;
}

.order-details-table thead {display:none;}

.basket-table th,
.order-details-table th {
	padding: .5rem;
	font-weight: 200;
	height: 50px;
	text-align: left;
}

.basket-table th:first-child {
	padding-left: 15px;
}

.basket-table th:last-child {
	padding-right: 15px;
}

.basket-table .image-container, .order-details-table .image-container {
	display: inline-block;
	max-width: 100px;
}


.basket-info-container,
.order-details-table .title {
	display: inline-block;
	padding-left: .75em;
	vertical-align: middle;
	width: 75%;
}

.shippingRow .image-container,
.discountRow .image-container {
	display: none;
}

.shippingRow .title,
.discountRow .title {
	padding-left: 0;
}

.basket-name {
	display: block;
}

.basket-info-container .button {
	font-size: 12px;
	margin: 0 auto 0 4px;
	padding: 0;
	background-color: transparent!important;
}

.basket-info-container .button span {
	display: none;
}

.basket-info-container .button:after {
	content: "";
	width: 18px;
	height: 18px;
	background: url(../images/bkt-remove.svg) center no-repeat;
	background-size: auto auto;
	background-size: cover;
	display: inline-block;
	opacity: .5;
}

.basket-table td:nth-child(2) {
	width: 15%;
	white-space: nowrap;
}

.basket-table td:nth-child(3),
.basket-table td:nth-child(4),
.basket-table th:nth-child(3),
.basket-table th:nth-child(4) {
	width: 10%;
	text-align: right;
}

.basket-table td:nth-child(2) span:nth-child(2) {
	white-space: nowrap;
}

.basket-table td:nth-child(5) {
	width: 12%;
	text-align: center;
}

.basket-shipping {
	vertical-align: top;
}

.basket-shipping a {
	text-decoration: underline;
	font-size: 0.875em;
	color: #38aae1
}

.ship-region {
	margin-bottom: .25em;
}

.discount-code span:first-child {
	line-height: 2em;
	color: #222;
}

#discount-error {
	font-weight: 700;
	color: red;
}

.show-mob {
	display: none;
}

.basket-table input[type="text"],
.basket-table input:not([type="submit"]):not([type="button"]),
.basket-table select {
	vertical-align: middle;
	margin-right: 5px;
}

.basket-product input.button {
	padding: .3em .75em;
	vertical-align: middle;
	background: #ededed;
	color: #545454!important;
	
}
.basket-product input.button,  
.basket-product .button 
{min-width:0}

.basket-product input.button:hover {
	background: #f2f2f2!important;
	color: #545454!important;
}

.discount input.button {
	padding: .3em .75em;
	vertical-align: middle;
	min-width:0;
}

.basket-qty {
	width: 40px;
	text-align: center;
	margin: 0 5px;
}

.basket-product td,
.basket-shipping td {
	border-bottom: 1px solid #e3e3e3;
}

.basket-total,
.basket-total td {
	background-color: #ededed;
}

.basket-total td:not(:first-of-type) span {
	font-size: 1.5em;
}

.basket__shipping-method {
	padding: 5px 0;
}

.ship-list span {
	display: inline-block;
	font-weight: 600;
	padding-bottom: 0.25em;
}

.basket-info-container.moto {
	padding-left: 0;
	width: 100%;
}


.checkout {
	margin-bottom: 2em;
}

.checkout fieldset {
	border-bottom: 1px solid #e7e7e7;
	padding-bottom: 1em;
	margin-bottom: .5em;
}

.checkout fieldset legend
{
	padding: .25em 0;
	font-size: 1.5em;
	color: #f1729d;
	font-size: 20px;
	text-transform: uppercase;
}

.checkout fieldset legend>span {
	background-color: #1B5376;
	color: #fff;
	padding: 0.25em 0.5em;
	margin-right: .25em;
}

.hastoken span {
	display: block;
	padding: 0 0 1em 0;
}

#DeliverToExistingAddress {
	padding: .25em 0;
}

#AddressList {
	margin: .25em 0
}

.error input:not([type="submit"]):not(.button),
.error select,
.error textarea {
	border: 1px solid #ce152a;
}

.error.field>label {
	color: #ce152a
}

.helper, .helper-block {
	font-size: 0.889em;
	padding: .25em 0;
	color: #999999;
	display: block;
}

.helper-block {display:block;clear:both;}

aside.display-box-2 {
	padding-bottom: 5px;
}
	aside.display-box-2 h3 {
		margin: 0 0 .5em 0;
	}


.order-summary tr td {
	padding: .5em 0;
}


.order-summary tr:last-of-type {
	border-top: 1px solid #e7e7e7;
}

.order-summary tr:last-of-type td {
	font-weight: 700;
	padding-top:.7em;
}

.accepted-cards {
	float:none!important;margin:auto!important;
	
}

table {
	margin: 0.75em 0;
	width: 100%;
}

td,
th {
	text-align: left;
}

.field--chk-box {
	margin: 1em 0 1em 250px;/*same width as label*/
}
.field--chk-box a {color: #529ed0;text-decoration: underline;}


.hastoken .field--chk-box:first-of-type {
	margin-top: 0;
}

.hastoken .field--chk-box:last-of-type {
	margin-bottom: .5em;
}

.field--chk-box .form-error {
	margin-left: 0 !important;
}

.field--chk-box>input[type="checkbox"] {
	display: inline-block;
	margin: 0.5em 0;
	width: 5%;
}

.field--chk-box small {
	font-size: 0.889em;
	color: #999999;
}

.form-buttons {
	margin: 0 0 .5em 250px;/*same width as label*/
}
.fixed .form-buttons  {
	margin: 0 0 .0 40%;padding-top:.5em
}

.form-buttons span {
	vertical-align: middle;
}
.form-buttons .button:not(.progress) {padding: 15px 20px 12px 20px;margin-right:.5em}



.refund-protect {background:#2471a4;color:#FFF;padding:20px;margin:1em 0;width: -webkit-calc(250px + 50%);width: -moz-calc(250px + 50%);width: calc(250px + 50%);}

.refund-protect a {text-decoration:underline;color:#FFF;}


.refund-protect ul {
	list-style: none;
	margin:1em 0; 
	padding:0;
}

.refund-protect li { 
	border-radius:3px;
	padding:.5em .5em .5em 30px;
	background: url(/images/bullet.svg) no-repeat left center; 
	background-size:20px 20px;
	margin-bottom:.25em;
}

.refund-protect-radios {
	margin-top:2em;

}

.refund-protect-radios > div {margin-bottom:.5em;}
.refund-protect-radios label {cursor: pointer;display:block;padding:.5em;border-radius:4px;}
.refund-protect-radios label.selected   {background-color: #FFF;
	color:#000;}
.refund-protect-radios input[type="radio"] {margin-right:.5em}

.refund-protect-radios input[type="radio"]:checked+label {

}

.refund-protect-radios .form-error {
    padding:.5em;border-radius:4px;
    background-color: #FFF;
}


.moto-values {
	float: right;
}

.moto-values>div {
	display: inline-block;
	vertical-align: middle;
}

.secure-checkout:before {
	background: rgba(0, 0, 0, 0) url("/images/padlock-blk.svg") no-repeat scroll 0 3px;
	content: " ";
	display: inline-block;
	float: left;
	height: 28px;
	left: 0;
	top: 0;
	width: 25px;
	margin-right: 5px;
}

.checkout-options {
	padding-top: 1em;
}

.single-col-form {
	padding: 1em 0;
}

.co-opts .display-box,
.pymt-opts .display-box,
.contact-form .display-box,
.display-box-2 {
	background-color: rgba(220,224,227,0.43);

}



/*.single-col-form h2, .crt-acc h2, .stacked-form h2, .f-password h2 {
	border-bottom: 3px solid #4090c3;
	font-size: 1.556em;
	position: relative;category-box
	text-align: left;
	padding-bottom: .3em;
	margin-top: 0;
	color:#545454;
}*/

.display-box-2X h2:first-of-type {
	background: #1B5376;
	font-size: 1.5em;
	position: relative;
	text-align: left;
	margin: -21px -21px .75em -21px;
	color: #FFF;
	padding: .25em 19px;
}

.display-box-2.voucher {
	position: relative;

}

.display-box-2.voucher h2:first-of-type {
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
	letter-spacing: 0px;
	color: #f1729d;
	margin-top: 5px;
	text-transform: uppercase;
	padding-right:40px;
	
}

.voucher button {float:right}

.voucher-cancel {position:absolute;right:5px;top:5px;background: transparent;width:35px;height:35px;cursor: pointer;transition: all 0.3s;}
.voucher-cancel:hover {opacity: .5;}
	
.voucher-cancel i {position: relative;top: 50%;transform: translateY(-50%);}
.voucher-table {widt:100%;}
.voucher-table {margin:0 0 2em 0;padding:0;border-collapse: collapse;}
.voucher-table th {color:#FFF;background: #f1729d;padding:.5em;border-left: 1px solid #f1729d;border-right: 1px solid #f1729d;} 
.voucher-table td  {padding:.5em;border: 1px solid #CCC;}
.voucher-table td:last-of-type {width:35px;}

.working span {opacity: .35;}

.working em {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.working em:after {
  content: " ";
  display: block;
  width: 32px;
  height: 32px;
  margin: 1px;
  border-radius: 50%;
  border: 2px solid #fff;
  border-color: #fff transparent #fff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}



.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #fff transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}






.crt-acc .display-box-2 {
	
}

.crt-acc .button,
.contact-form .button {
	float: right;
}

/* REMOVE

.co-opts .display-box {
	min-height: 265px;
}
.co-opt p {
	margin-bottom: 1em;
	min-height: 4.4em;
}
#AmazonPayButton img {
	height: 42px !important
}
.co-opts .display-box:first-of-type {
	padding-bottom: 0;
}
.co-opts .display-box .field:first-of-type {
	margin-top: 0;
}
.co-opts .display-box .field {
	margin-bottom: .75em;
}
.co-opt .field>label {
	width: 125px;
	min-width: 0
}
.co-opt .field>input:not([type="submit"]) {
	width: 30%;
	width: -webkit-calc(100% - 125px);
	width: -moz-calc(100% - 125px);
	width: calc(100% - 125px);
}
.co-opts>div:first-of-type .button {
	margin: .125em 0 .5em 0;
}
.co-opts>div:first-of-type a {
	text-decoration: underline;
	font-size: 0.889em
}
.co-opts>div:first-of-type div:nth-of-type(4) {
	text-align: right;
}
.co-opts {
	padding: 0 0 2em 0;
}

/* REMOVE*/

/*
 * Single Column Forms
 */

.single-col-form {
	text-align: center;
}

.single-col-form>[class*="col--"], .single-col-form>div  {
	float: none;
	text-align: left;
	margin: 0 auto;
}

.single-col-form.fixed>[class*="col--"], .single-col-form.fixed>div  {
	width: 100%;
	max-width: 600px;
}

.single-col-form.stacked-form>div[class*='col--'] {
	width: 100%;
	max-width: 500px;
}

.stacked-form fieldset {
	width: 100%;
	text-align: left;
}
/*delete below?*/
.stacked-form .form-error,
.trk-order .form-error {
	margin-left: 0!important;
}
/*delete above?*/
.stacked-form input:not([type="radio"]):not([type="submit"]),
.trk-order input:not([type="radio"]) {
	margin-bottom: .5em
}

.stacked-form input:not([type="radio"]):not(.button),
.trk-order input:not([type="radio"]) {
	width: 100%;
}

.stacked-form .field-buttons {text-align: center}
.stacked-form input.button {margin:0 auto}

.stacked-form .field>label,
.stacked-form legend,
.trk-order .field>label {
	width: 100%;
	display: block;
	font-weight: 600
}

.radios {
	padding: .125em 0;
}

.radios>div {
	margin: .5em 0;
}

.radios label {
	cursor: pointer;
}

input[type="radio"] {
	margin-right: .25em;
}

.acc-pass a {
	text-decoration: underline;
	font-size: 0.889em;
}

.field-buttons {
	margin: .5em 0;
	clear: both;
	display: table;
	width: 100%;
}

.pymt-opts {
	float: right;
	padding: 0 0 2em 0;
}

.pymt-option {
	padding-bottom: 1.25em;
	display: block;
}

.basket-h1 {
	display: inline-block;
	float: left;
}

.pymt-option.top {
	text-align: right;
	float: right;
	padding-top: 1em;
}

.pymt-opts .display-box {
	text-align: center;
}

.co-opt button,
.co-opt .button {
	width: 100%;
	max-width: 350px;
	text-align: center;
}

.co-logo,
.pp-logo,
.amz-logo {
	background-color: #fff;
	background-image: url("/images/visa.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 110px 35px;
	height: 35px;
	margin: -35px auto 0;
	padding: 0 10px;
	width: 130px;
}

.pp-logo {
	background-image: url("/images/pp.png");
}

.amz-logo {
	background-image: url("/images/amz.png");
}

.checkout-options p {
	margin-top: 0;
	line-height: 2.25em !important
}

.display-box.payment-options {
	padding: 0 !important;
}

.button.checkout {
	min-width: 254px;
	text-align: center;
	width: 100%;
}

.show_hide {
	cursor: pointer;
}

.discount span {
	float: left;
}

.discount span:first-of-type {
	padding-right: 5px;
}

.basket-total td:first-of-type span:first-child {
	line-height: 2em;
}

.basket-total td span em {
	line-height: 2em;
	font-style: normal;
	color: #ce152a;
}

.disc-code {
	padding-right: 5px;
	display: none;
}

#RegionSelectFrm,
#clearfrm {
	display: inline-block;
}

#basket-right {
	display: inline-block;
	float: right;
	width: 40%;
	text-align: right;
}

#basket-left {
	display: inline-block;
	float: left;
	width: 55%;
}

#basket-left .title {
	margin-bottom: 0;
}

#basket-butts {
	text-align: right;
	margin-bottom: 2%;
}

.checkout-button {
	min-width: 250px;
	text-align: center;
	font-size: 1.25em;
	padding-left: 50px;
}

.checkout-button:before {
	font-family: FontAwesome;
	content: "\f09d";
	display: inline-block;
	font-size: 1.75rem;
	position: absolute;
	left: .6em;
	top: .4em;
}

.continue-shopping {
	float: left;
	display: inline-block;
	vertical-align: middle;
	color: #545454 !important;
	min-width: 210px;
	text-align: center;
	font-size: 1em;
	background: #ededed;
}

.continue-shopping:hover {
	background: #f2f2f2!important;
	color: #545454 !important;
}

.button.pp {
	padding: 0;
	background: transparent!important;
}

.icon-wrap {
	color: #fff;
}

.progress-track {
	display: table;
	list-style-type: none;
	margin: 1.5em 0;
	padding: 2em 0 1em;
	table-layout: fixed;
	width: 100%;
}

.progress-track li {
	display: table-cell;
	line-height: 3em;
	position: relative;
	text-align: center;
}

.progress-text {
	display: block;
	line-height: 1.3em;
	padding-top: 2em;
}

.progress-todo .icon-wrap {
	border: 4px solid #DDD;

}

.progress-current {
	border-top: 5px solid #f1729d;
	
}

.progress-done {
	border-top: 5px solid #46972a;
}


.progress-todo {
	border-top: 5px solid #DDD;

}


.icon-wrap {
	border-radius: 50%;
	top: -1.5em;
	display: block;
	height: 2.5em;
	margin: 0 auto -2em;
	left: 0;
	right: 0;
	position: absolute;
	width: 2.5em;
	text-align: center;
	background-color: #FFF;
	border: 4px solid #DDD;
	
}

.progress-done .icon-wrap {
	border: 4px solid #46972a;

}
.progress-done .icon-wrap span {
	width: 30px;
	height: 30px;
	background: url(/images/tick.png) no-repeat;
	display: block;
	position: absolute;
	background-size: cover;	
	top: -5px;
}

.progress-current .icon-wrap {
	border: 4px solid #f1729d;

}

.progress-current .icon-wrap span {
	width: 30px;
	height: 25px;
	background: url(/images/bus-sm.png) no-repeat;
	display: block;
	position: absolute;
	background-size: 25px 21px;	
	top: 2px;
	left: 1px;
	
}


.hidden {
	display: none;
}

/* mobile nav */

.ovrf-hide {
	overflow: hidden;
}

.m-nav-btn-close:before {
	transform: rotate(45deg);
}

.m-nav-btn-close:after {
	transform: rotate(-45deg);
}

.mobile-nav-wrap {
	display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 98;
}

.mobile-nav-wrap .mobile-nav {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	height: 100%;
	overflow-y: scroll;
	background-color: #e7e7e7;
}

.mobile-nav-wrap .mobile-nav .head {
	text-transform: uppercase;
	padding: .4em;
	background: #1B5376;
	color: #FFF;
}

.mobile-nav-wrap .mobile-nav form {
	position: relative;
	padding: .5em;
	background: #b2b2b2;
}

.mobile-nav-wrap .mobile-nav form .input-box input {
	width: 100%;
}

.mobile-nav-wrap .mobile-nav form button {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	background: #46972a url(/images/search.svg) no-repeat 50% 50%;
	background-size: 25px 25px;
	height: 100%;
	width: 35px;
	border: none;
	cursor: pointer;
	float: right;
}

.expanded .mobile-nav-wrap .mobile-nav form button {
	display: block;
}

.mobile-nav-wrap .mobile-nav ul {
	margin: 0;
	padding: 0;
	display: block;
}

.mobile-nav-wrap .mobile-nav ul li {
	display: block;
	padding: 0;
}

.mobile-nav-wrap .mobile-nav ul li a {
	margin: 0;
	display: block;
	width: 100%;
	padding: .25em .5em;
	text-align: left;
	border-bottom: 1px solid #FFF;
	color: #545454;
	position: relative;
}

.mobile-nav-wrap .mobile-nav ul li a .with-child {
	display: block;
	font-size: 15px;
	height: 100%;
	width: 40px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	line-height: 2.75em;
	text-align: center;
}

.mobile-nav-wrap .mobile-nav ul li a .with-child:after {
	content: ">";
}

.mobile-nav-wrap .mobile-nav ul li:first-child span {
	display: block !important;
	visibility: visible;
}

.mobile-nav-wrap .mobile-nav ul li ul {
	display: none;
	padding: 0;
	background-color: #808080;
}

.mobile-nav-wrap .mobile-nav ul li ul li a {
	background-color: #e7e7e7;
	color: #3f3f3f;
	font-size: .9em;
}

.mobile-nav-wrap .mobile-nav ul li ul ul a {
	font-size: .9em;
	background-color: #a53e3b;
	color: #fff;
}

.mobile-nav-wrap .nav--search {
	width: 100%;
	transition: width 0.2s;
}

.mobile-nav-wrap .nav--search .mob-search--close {
	display: block;
	background-color: #3f3f3f;
	color: #fff;
	border: none;
	font-size: 13px;
	padding-right: 15px;
	padding-left: 15px;
}

.m-nav-btn {
	padding: 25px 20px;
	width: 80px;
	height: 75px;
	background: #CCC;
}

.m-nav-btn span {
	display: block;
	width: 40px;
	height: 4px;
	margin-bottom: 8px;
	position: relative;
	background: #FFF;
}

.m-nav-btn.active { background: #222;}

.m-nav-btn.active span {
	opacity: .7
}

.m-nav-btn.active span {
	margin-bottom: 0;
	top: 50%;
	left: 0;
	margin-top: -4px;
}

.m-nav-btn.active span:nth-of-type(2) {
	display: none;
}

.m-nav-btn.active span:first-of-type {
	transform: rotate(45deg);
	margin-top: -2px;
}

.m-nav-btn.active span:last-of-type {
	transform: rotate(-45deg);
}



.hamburger-box {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
}

.hamburger {
    font: inherit;
    cursor: pointer;
    text-transform: none;
    color: inherit;
}

.hamburger .hamburger-inner, .hamburger .hamburger-inner:after, .hamburger .hamburger-inner:before {
    background-color: #fff;
}
.hamburger--squeeze .hamburger-inner {
    transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-duration: 75ms;
}
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {
    position: absolute;
    width: 40px;
    height: 4px;
    transition-timing-function: ease;
    transition-duration: .15s;
    transition-property: transform;
    border-radius: 4px;
    background-color: #000;
}
.hamburger-inner {
    top: 50%;
    display: block;
    margin-top: -2px;
}

.hamburger--squeeze.is-active .hamburger-inner {
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(.215,.61,.355,1);
    transform: rotate(45deg);
}

.hamburger--squeeze.is-active .hamburger-inner:before {
    top: 0;
    transition: top 75ms ease,opacity 75ms ease .12s;
    opacity: 0;
}


.hamburger--squeeze.is-active .hamburger-inner:after {

    bottom: 0;
    transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s;
    transform: rotate(-90deg);

}

/*.horizontal-list.ma-btns {
	padding-left: 0;
}

.horizontal-list.ma-btns li a:first-of-type {
	margin-left: 0;
}

*/
.personal-details .col--6 {
	margin-bottom: 1em;
}
.eql-height {
display: flex;
}
.eql-height div[class*='display-box']  {height:100%;}


.button.checkout#ChangePasswordBtn {
	width: auto !important
}

.btn-row {
	margin: .5em 0;
	clear: both;

}

.change-password .btn-row, .personal-details .btn-row {text-align: center;}
.change-password .input[type="submit"], .personal-details .button {margin:0 auto;}

.orders {background: #FFF;border:1px solid #e3e3e3;}

.my-orders th {
	white-space: nowrap;
}
.my-order-line button {min-width:90px}

.my-orders tr:first-of-type>th:nth-of-type(3),
.my-order-line td:nth-of-type(3),
.my-order-line td:nth-of-type(5) {
	text-align: right;
}
.my-orders tr>td:nth-of-type(5),
.my-order-line td:nth-of-type(5) {
	text-align: right;
	width: 90%;
}
/*.my-order-line>td:nth-of-type(5) {
	padding-right: 0;
}
*/
.my-orders td table {
	margin: 0;
	border-bottom: 3px solid #4090c3;
}

.order-details>td {
	padding: 0;
}

.order-details-table {
	background: #FFF;
}

.my-order-line td, .orders > thead th  {
	padding: .5em;
	border:1px solid #e3e3e3;
}
.order-details-table th {
	padding: .5rem;
}

.my-order-line {
	border-bottom: 1px solid #e7e7e7;
}

.order-details-table td:first-child {
	width: 35%;
}

.order-details-table td:not(:first-child) {
	width: 10%;
}

.order-details-table td:nth-child(3),
.order-details-table td:nth-child(4),
.order-details th:nth-child(3),
.order-details th:nth-child(4) {
	width: 10%;
	text-align: right;
}

.order-details td:nth-child(2),
.order-details th:nth-child(2) {
	text-align: center
}

/*.order-details td:nth-child(2) span:nth-child(2) {
	white-space: nowrap;
}*/

.personal-details .field>label {
	float: none;
	font-weight: bold;
	display: block;
}

.address {
	background: #FFF;
	border: 1px solid #e7e7e7;
	padding: 20px;
	height: 100%;
}

.adr-book span:last-of-type {
	padding-top: 1.5em;
	display: block;
	clear: both;
}

.adr-book .button {
	margin: 0 .25em .5em 0
}

.ui-tooltip {
    white-space: pre-line;
}

.datepicker table td {background-color: #FFF;}

.datepicker-days {background-color: #f1729d;}




.seat-no {width:auto;display: inline-block}


/* ==========================================================================
   Media Queries
   ========================================================================== */

@media screen and (max-width: 1550px) {
	.side-banners-wrapper,
	#BannersL,
	#BannersR {
		display: none;
	}
}


@media screen and (max-width: 1085px) {
	
	
	.booking-calendar {

    position: relative;
    max-width:none;
	width:auto;
	display:inline-block;

}
	
	.booking-calendar .time-dpt {
		width:185px;
	}
	

	
	
	.prev-week {left:5px;} 
	.next-week {right:auto;left:145px;}
	
	
	.prev-weekX:after {content:"Previous Dates";font-size:.8rem}
.next-weekX:after {content:"Later Dates";font-size:.8rem}
	
	
	.prev-week, .next-week {
    color: #FFF !important;
}

	.calendar-wrapper {text-align: center;}
	.calendar-body > div.time-dpt > span:first-child {font-size:0;border:0 none;}
	

	
	
}




@media screen and (max-width: 1049px) {

	.full-width>* {
		padding-left: 15px;
		padding-right: 15px;
	}
	.hero-banner,
	.hero-slides li>div {
		height: auto;
		padding-left: 0 !important;
		padding-right: 0;
	}
	.main-nav>li>a {
		font-size: 0.889em;
		padding: 2.5em .75em;
	}
	.del em:before,
	.rev em:before {
		display: none;
	}
	#BasketItems {}
	#BasketItems em {
		display: none;
	}
	#BasketItems>span:before {
		content: "(";
	}
	#BasketItems>span:after {
		content: ")";
	}
	.header-basket em {
		display: none;
	}
	.nwsltr h3 span {
		display: block;
		clear: left;
	}
	.nwsltr h3 span:before {
		content: "";
	}
	.nwsltr .col--8 {
		width: 55%;
	}
	.nwsltr .col--4 {
		width: 45%;
	}
	
}

@media screen and (max-width: 1025px) {
	.nav-wrapper>span {
		height: 45px;
	}
	.order-line,
	.cont-shopping {
		padding-top: 13px;
	}
	.mobile-nav-wrap .mobile-nav ul:not(.top-level) {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.my-account span,
	.rev,
	#BasketTotal,
	.order-line span{
		display: none!important;
	}
	.header-basket span:first-of-type {
		margin: 0 auto;
		font-size: .75em;
		position: absolute;
		top: 5px;
	}
	.header-basket {
		width: 40px;
		text-align: center;
		margin: 12px 0 0 30px;
	}
	.basket-link:before {
		display: none;
	}
	.header-basket a {
		margin: 0;
		height: 40px;
		width: 40px;
		background-image: url(../images/shopping-bag.svg);
		background-size: 40px 40px;
		background-repeat: no-repeat;
		background-position: center center;
		line-height: normal;
		display: block;
	}

	.search-wrapper {
		width: 50%;
	}
	.promo li:nth-of-type(1) {
		padding-left: 0;
	}
	.promo li:nth-of-type(3) {
		padding-right: 0;
	}
	.promo li
	{}
	
	
	.animated li {animation: promo-item 15s infinite ease-in-out;opacity: 0;height:0;}
	

	.animated li:nth-of-type(2){
    -webkit-animation-delay: 5s;
	animation-delay: 5s;

}
	.animated li:nth-of-type(3){
    -webkit-animation-delay: 10s;
    animation-delay: 10s; 
}
	
	

	
		
	
}
@media only screen and (min-width:1023px){
.promo-bar li {
	display:inline-block;
}
}

@media only screen and (min-width:801px) and (max-width: 1024px) {
	#StockMsg {
		display: block;
		float: none;
	}
	.product__basket {
		text-align: left;
	}
	.product__basket label {
		clear: left;
	}
}


@media screen and (max-width: 940px) {

	.booking-calendar .time-dpt {width:150px;}
	.next-week {left: 110px;}
	
	
}



@media screen and (max-width: 910px) {
	.booking-calendar {font-size:.9em}
	.day li {background-size:35px 35px; height: 90px; }
	.time-dpt li {height:90px;}
	.booking-calendar .day {width: 90px;}
	
	
}



	

	

	

@media screen and (max-width: 849px) {
	.product__price {
		margin: 1em 0;
	}
	.product__data h1 {
		text-align: center;
	}
	.grid__item .overlay {
		bottom: 0;
		height: 55px;
	}
	.grid__item:hover .overlay span {
		display: none;
	}

	.footer-wrapper {
		padding: 0;
	}
	.footer-wrapper footer {
		padding-left: 0!important;
		padding-right: 0!important
	}
	footer h3 {
		display: none;
	}
	footer [class*='col--'] {
		padding: 0;
		text-align: center;
	}
	.footer__list {
		margin-bottom: 0;
		text-align: center;
	}
	.footer-social,
	.footer-payment-icons {
		margin: 0;
		padding: 10px 0;
		border-bottom: 1px solid #004b70
	}
	.footer__list li {
		margin-bottom: 0;
		border-bottom: 1px solid #004b70
	}
	.footer__list li a {
		display: block;
		padding: .5em
	}
	.footer-payment-icons {
		text-align: center;
	}
	.footer-payment-icons img {
		margin: .5em auto 0 auto;
	}
	.suggested-links ul {
		margin-bottom: 0;
	}
	.product__images .image-container {
		margin: 0 auto;
	}
	.product-description-wrapper {
		border-top: 0;
		background-color: transparent
	}
	.product-description-wrapper:before {
		content: none;
	}
	.resp-tabs-container {
		padding: 0;
	}
	.filters>h2 {
		display: inline-block;
		cursor: pointer;
	}
	.filters>h2.open {
		margin-bottom: .5em;
	}

	.adr-book {
		margin-bottom: 1em;
	}
	.pymt-opts {
		padding-bottom: .5em;
	}
	.pymt-opts>div:not(:last-of-type) {
		margin-bottom: 2em;
	}
	.co-opt p {
		height: auto;
		min-height: 0;
	}
	.about-us {
		display: none;
	}
	tr.basket__productX td {
		background: #E2EEF4;
	}
	.basket tr.basket__product td:first-child {
		margin-top: 1em;
		background-color: #CB272F;
	}

	.stacked tbody tr td:first-child {
		background-color: initial;
		color: initial;
	}
	.basket__shipping td:first-child {
		background-color: #919193 !important;
		padding-left: 1em;
		font-weight: bold;
		text-transform: uppercase;
	}

	.order-summary td {
		padding: .5em;
	}

	table.order-summary {
		margin-top: 0
	}


	.crt-acc .field>input:not([type='submit']),
	.contact-form .field>input:not([type='submit']),
	.change-password .field>input:not([type='submit']) {
		max-width: none;
	}
	
	.eql-height	{display:block;}
	.eql-height div[class*='display-box']  {height:auto;margin-bottom:1em;}

	.mgr-items {
		height: auto;
	}
	.listing-controls__pagination {
		display: block;
		order: 1;
		text-align: left;
		width: 100%;
		min-width: 100%;
		flex: 1;
	}
	.listing-controls__view-no {
		display: inline-block;
		order: 2;
		min-width: 50%;
		text-align: left;
		clear: left;
		padding-right: 1em;
	}
	.listing-controls__sorting {
		display: inline-block;
		order: 3;
		min-width: 50%;
		text-align: left;
	}
	.footer-copyright,
	.footer-e2e {
		text-align: center;
	}
	.footer-copyright {
		padding-bottom: .25em;
	}
	.filters h4 {
		font-size: 1em;
		cursor: pointer;
		padding: .5em 1em;
		margin-bottom: 0;
	}
	.filters h4,
	.filterul>li:first-of-type h4 {
		margin: 0 0 1px 0;
		margin-top: 0px;
		cursor: pointer;
	}
	.filters ul {
		margin-top: 0;
	}
	.filterul>li {
		margin: 0;
	}
	.filterul>li:first-of-type {
		border-top: 1px solid #e7e7e7;
	}
	form[name="Filters"] .slider-amount {
		padding: .25em 0;
	}
	form[name="Filters"] .slider-range {
		margin-bottom: 25px;
	}
	.filters ul li ul {
		padding-top: .5em;
	}
	.filters ul li ul li {
		width: 100%;
		display: block;
	}
	
	.step1-img, .step2-img, .step3-img, .step4-img, .step5-img, .step8-img img:not(.btn-img) {display:none;} 
	
	.voucher-img, bootstrap-datepicker {text-align:center;}

	.voucher-img img {margin:0 auto;float:none!important;}
	
	.datepicker {margin:0 auto;}
	.vertical-list {text-align:center;}
	.vertical-list li {display:inline-block;}
	.switch-field label {margin: 0 .5em 1em .5em;}
	

	.calendar-body > div.day:last-of-type {display:none;}
	
}

@media (max-width: 799px) {
	
	.header-wrapper header {min-height:0;}
	
	header .row {height: 65px;}
		

	
	.header__logo {
    padding-bottom: 8.5px;
    padding-top: 8.5px;
	width: 48px;}
	
	
	.header__logo img {
    width: 48px;
	height: auto;}
	
	.content-wrapper, .fixed-header + .content-wrapper {padding-top:60px}


	.cbp-spmenu-push-toright .header-wrapper {
		left: 240px;
	}
	.cbp-spmenu-left.cbp-spmenu-open {
		left: 0px;
	}
	.cbp-spmenu-push-toright {
		left: 240px;
	}
	.header-wrapper headerX {
		height: 75px;

	}
	header {
		position: relative;
		z-index: +1;
	}
	header .row {
		position: relative;
	}
	.header-logoX {
		width: 185px;
		margin-top: 0;
		display: inline-block;
		float: none;
	}

}

@media (max-width: 767px) {
	
	.calendar-body > div.day:nth-last-of-type(7) {display:none;}

	
	.top-bar-wrapper {
		display: none;
	}

	.search-wrapper {
		position: absolute;
		padding: 5px;
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
		bottom: 0;
		width: 100%;
		left: 0;
		right: 0;
		background: #d9d9d9;
		opacity: 0;
		z-index: -1;
		border-radius: 0;
	}
	.search-wrapper.open {
		bottom: -52px;
		opacity: 1;
	}
	.header-search button {
		background: #17baf7 url(../images/search.svg) no-repeat 50% 50%;
		background-size: 30px 30px;
		
	}
	#nav,
	.sub-nav-wrapper,
	.sub-nav-wrapper ul {
		display: none;
	}
	.m-search-btn {
		display: block;
		height: 75px;
		width: 75px;
		float: left;
		cursor: pointer;
		background-image: url(../images/search.svg);
		background-size: 40px 40px;
		background-repeat: no-repeat;
		background-position: center center;
	}
	.m-search-btn:before {
		content: "";
		display: block;
		width: 1px;
		height: 40px;
		float: left;
		background: rgba(255, 255, 255, 0.4);
		margin-top: 17.5px;
	}
	.basket-link {
		display: block;
		height: 100%;
	}
	.header-basket {
		width: 75px;
		height: 75px;
		margin: 0;
	}
	.header-basket a {
		margin: 0;
		height: 75px;
		width: 75px;
		padding: 20px;
	}
	.header-basket span:first-of-type {
		top: 22px;
	}
	.m-nav-btn {
		display: block;
		float: left;
		cursor: pointer;
	}
	#m-search-form {
		display: block;
	}
	.m-acc-btn {
		display: block;
		width: 75px;
		height: 75px;
		background-size: 40px 40px;
		float: right;
		background-image: url(../images/account.svg);
		background-repeat: no-repeat;
		background-position: center center
	}
	.m-acc-btn:before {
		content: "";
		display: block;
		width: 1px;
		height: 40px;
		margin-top: 17.5px;
		float: right;
		background: rgba(255, 255, 255, 0.4);
	}
	.m-acc-btn span {
		display: none;
	}
	.abv-ftr-wrapper {
		padding: 10px 20px 20px 20px;
	}
	.abv-ftr-wrapper h2 {
		margin: 0 0 .75em 0;
		font-size: 1.25em;
	}
	.nwsltr p {
		display: none;
	}
	.nwsltr .input-box input[type="email"] {
		border-radius: 0;
		width: calc(100% - 45px);
	}
	.nwsltr .input-box button {
		border-radius: 0;
		background: #17baf7 url(../images/arrow-wht.svg) no-repeat 50% 50%;
		background-size: 30px 30px;
		width: 45px;
	}
	footer .col--3:nth-of-type(2),
	footer .col--3:nth-of-type(3) {
		display: none;
	}
	.footer-wrapper {
		padding: 0;
	}
	.header-logo img {
		margin-top: 17px;
	}
	.header-links {
		margin: .75em 0 0 0;
	}
	.breadcrumb {
		margin-top: 1em;
	}
	.basket-h1 {
		float: none;
		display: block;
	}
	.basket-h1+p {
		clear: both;
		display: block;
	}
	.my-order-line td:nth-of-type(3) {
		text-align: left;
	}
	.orders {
		margin-top: 0
	}
	.order-details-table thead,
	.orders thead {
		display: none;
	}
	.order-details-table td {
		text-align: left;
		display: block;
		width: 100% !important;
		padding-top: 0;
	}
	.my-order-line td {
		text-align: left;
		display: block;
		width: 100% !important;
		padding: 0 .5em;
		border:0 none;
	}
	.order-details-table td:first-of-type,
	.my-order-line td:first-of-type {
		padding-top: .5em;
	}
	.order-details-table td:last-of-type {
		padding: .5em;
	}
	.my-order-line td:last-of-type {
		padding-bottom: .5em;
		height: 0;
	}
	.shippingRow td:nth-of-type(2),
	.discountRow td:nth-of-type(2),
	.shippingRow td:nth-of-type(4),
	.discountRow td:nth-of-type(4) {
		display: none;
	}
	.order-toggle {
		top: -4rem
	}
	.basket-table td:before,
	.my-order-line td:before,
	.order-details td:before {
		content: attr(data-th);
		font-weight: 700;
		display: inline-block;
		width: 20%;
		min-width: 100px;
		float: left;
		text-align: left;
		white-space: nowrap;
	}
	
	.basket-table td:nth-child(2):before,
	.order-details td:nth-child(2):before {
		padding-top:.25em
		
	}
	
	.order-details td:nth-child(2) {
		text-align: right;
	}
	.basket-product td:not(:last-of-type) {
		border-bottom: 0;
	}
	.basket-table thead {
		display: none;
	}
	.basket-table td {
		display: block;
		padding: .5em;
		width: 100% !important;
		border: 0;
	}
	.basket-table .image-container {
		vertical-align: top;
	}
	.basket-table tr:first-child>td {
		padding-top: inherit;
	}
	.basket-table td:nth-child(5) {
		text-align: left;
	}
	.basket-table td:nth-child(5) .button {
		margin-left: 40%;
	}
	.basket-total td:first-of-type {
		height: 45px;
	}
	.basket-table td:last-child {
		border-bottom: 1px solid #CCC;
		padding-bottom: 3%;
	}
	.basket-table td:nth-child(3),
	.basket-table td:nth-child(4) {
		clear: left;
	}
	.show-mob {
		display: inline-block;
		vertical-align: top;
		width: 40%;
		font-weight: 600;
		float: left;
		text-align: left;
	}
	.basket-table td:nth-child(2),
	.basket-shipping td {
		text-align: right;
	}
	.basket-table .discount-code td span {
		display: block;
	}
	label[for="ShipRegion"] {
		display: inline-block;
		float: left;
		font-weight: 600;
		padding-top: .125em;
	}
	select#ShipRegion {
		width: 56%;
	}
	.basket-table tr.basket-shipping td:nth-child(2),
	.basket-table tr.basket-shipping td:nth-child(3),
	.basket-table tr.basket-total td:nth-child(2) {
		display: none;
	}
	#RegionSelectFrm,
	#clearfrm {
		display: block;
	}
	.basket-table select {
		margin-right: 0;
	}
	.moto input[name="Code"] {
		width: 30%;
	}
	.moto input[name="Name"] {
		width: 65%;
	}
	.moto-values,
	.moto-values>div {
		float: none;
		display: block;
		clear: both;
	}
	.moto-values>div {
		padding: .5em 0 0 0;
	}
	.sku-table thead {
		display: none;
	}
	.sku-table tr td {
		display: inline-block;
	}
	.sku-table tr td:nth-of-type(4) {
		clear: left;
		color: #b2b2b2;
	}
	.sku-table tr td:nth-of-type(4),
	.sku-table tr td:nth-of-type(5) {
		text-align: left;
	}
	.sku-table tr:nth-of-type(2n) {
		background: #e7e7e7;
	}
	.sku-table td:nth-of-type(3) span:first-of-type {
		display: block
	}
	.sku-table td:nth-of-type(3) span:first-of-type:before {
		content: "Code: ";
	}
	.sku-table td:nth-of-type(2) {
		display: none;
	}
	.sku-table td:nth-of-type(3) {
		width: -webkit-calc(100% - 100px);
		width: -moz-calc(100% - 100px);
		width: calc(100% - 100px);
	}
	.sku-table td:nth-of-type(3):after {
		content: attr(data-title);
		font-size: 10px;
	}
	.brands-wrapper {
		margin: 35px 0;
	}
	.single-col-form.stacked-form>div[class*='col--'] {
		width: 100%;
	}
	

	
.seating-plan.mob {margin:0 auto 20px auto;width:auto;max-width:555px}
.seating-plan.mob > div {display:inline-block;position:relative;margin:0 5px;}

.seating-plan.mob #seat1 {	
width: 37.5%;
height: 10.5%;
top: 42%;
right:auto;
left: 2.8%;	
}
.seating-plan.mob #seat2 {
width: 37%;
height: 10.5%;
top: 42%;
right: 2.75%;
left:auto;	

}
.seating-plan.mob #seat3 {
width: 37.5%;
height: 19.5%;
top: 18.65%;
right: auto;
left: 2.8%;		

}
.seating-plan.mob #seat4 {
width: 37%;
height: 19.5%;
top: 18.65%;
right: 2.75%;
left:auto;
}	
	
.seating-plan.mob #seat6 {
width: 37%;
height: 19.5%;
top: 51%;
right: 2.75%;
left:auto;

}
.seating-plan.mob #seat7 {
	
width: 37%;
height: 19.5%;
top: 51%;
right:auto;
left:2.75%;


}

.seating-plan.mob #seat8 {
	
width: 37%;
height: 19.5%;
top: 24.25%;
right: 2.75%;
left:auto;

}
.seating-plan.mob #seat9 {
width: 37%;
height: 19.5%;
top: 24.25%;
right:auto;
left:2.75%;

}
.seating-plan.mob #seat10 {
width: 37%;
height: 12.75%;
top: 5%;
right: 2.75%;
left:auto;


}
.seating-plan.mob #seat11 {
width: 37%;
height: 12.75%;
top: 5%;
right:auto;
left:2.75%;

}
	
.seating-plan.lwb.mob #seat1 {	
width: 37.75%;
height: 18%;
top: 36.2%;
right: auto;
left: 2.5%;}

.seating-plan.lwb.mob #seat2 {
width: 37.25%;
height: 18%;
top: 36.2%;
right: 2.7%;
left: auto;
}
.seating-plan.lwb.mob #seat3 {
width: 37.75%;
height: 18%;
top: 15.25%;
right: auto;
left: 2.5%;

}
.seating-plan.lwb.mob #seat4 {
width: 37.25%;
height: 18%;
top: 15.25%;
right: 2.7%;
left: auto;
}	
	

.seating-plan.lwb.mob #seat6, .seating-plan.chef #seat2 {
width: 37%;
height: 18.1%;
top: 57.6%;
right: 2.5%;
left:auto;

}
.seating-plan.lwb.mob #seat7, .seating-plan.chef #seat1 {
width: 37%;
height: 18.1%;
top: 57.6%;
right: auto;
left: 2.75%;

}

.seating-plan.lwb.mob #seat8, .seating-plan.chef #seat4 {	
width: 37%;
height: 18.1%;
top: 36.5%;
right: 2.5%;
left:auto;

}
.seating-plan.lwb.mob #seat9, .seating-plan.chef #seat3 {
width: 37%;
height: 18.1%;
top: 36.5%;
right: auto;
left: 2.75%;


}
.seating-plan.lwb.mob #seat10, .seating-plan.chef #seat6 {
width: 37%;
height: 18.1%;
top: 15.5%;
right: 2.5%;
left:auto;

}
.seating-plan.lwb.mob #seat11, .seating-plan.chef #seat5 {
width: 37%;
height: 18.1%;
top: 15.5%;
right: auto;
left: 2.75%;

}
	
.seating-plan.lwb.mob #seat12, .seating-plan.chef #seat8 {
width: 37%;
height: 11.7%;
top: 1%;
right: 2.5%;
left:auto;

}	
	
	
.seating-plan.lwb.mob #seat13, .seating-plan.chef #seat7 {
width: 37.5%;
height: 11.7%;
top: 1%;
right: auto;
left: 2.5%;

}





.seating-plan.padd.mob #seat3 {	
width: 37.5%;
height: 19.5%;
top: 33%;
right:auto;
left: 2.8%;	

}
.seating-plan.padd.mob #seat4 {
width: 37%;
height: 19.5%;
top: 33%;
right: 2.75%;
left:auto;	

}
.seating-plan.padd.mob #seat1 {
width: 37.5%;
height: 10.5%;
top: 18.65%;
right: auto;
left: 2.8%;	

}
.seating-plan.padd.mob #seat2 {
width: 37%;
height: 10.5%;
top: 18.65%;
right: 2.75%;
left:auto;

}



	
	
	

}

@media (max-width: 649px) {

	.header-links li:first-of-type {
		display: none;
	}
	.field>label,
	.field:not(.sm-select)>*:not(label):not(select):not(button) {
		width: 100%;
	}
.form-buttons, .fixed .form-buttons
	.crt-acc .field>label,
	.contact-form .field>label,
	.change-password .field>label, 
	.fixed .field > label,
	.fixed .field > label + div,
	.checkout .field > label + div
	
	{
		width: 100%!important;
	}

	.crt-acc .form-error,
	.contact-form .form-error,
	.fixed .form-error{
		margin-left: 0!important;
	}
	
	
	.field>input:not([type='submit']),
	.field>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
	.field>textarea,
	
	/*
Delete below? 
*/
	.fixed .field>input:not([type='submit']),
	.fixed .field>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
		/*
Delete above
*/
	
	.fixed .field+div:not(.form-buttons)>input:not([type='submit']),
	.fixed .field+div>select:not(#title):not(#title_1):not(#sdmm):not(#sdyy):not(#edmm):not(#edmm):not(#edyy):not(.sm),
	
	
	.crt-acc .field>input:not([type='submit']),
	.contact-form .field>input:not([type='submit']),
	.contact-form .field>textarea,
	.change-password .field>input:not([type='submit']) 
	
	
	{
		width: 100%;
		float: none;
		max-width: none;
	}
	
	
	
	.helper {
		float: none;
		padding: .25em 0
	}
	
	.form-buttons,
	.fixed .form-buttons {
		margin-left: 0;
	}
	
	.fixed .form-buttons .button {margin:0 auto}
		
	.field--chk-box {
		margin-left: 0;
	}
	.form-error {
		margin-left: 0;
		margin-bottom: 0;
		line-height: 1;
	}
	#BasketItems>span:before {
		content: ""
	}
	#BasketItems>span:after {
		content: ""
	}
	.header-basket em {
		display: none;
	}
	#BasketItems {
		margin-right: 0;
	}
	.horizontal-list li a.header-basket {
		margin: 0;
	}
	.header-links {
		margin-top: .25em;
	}
	.listing-controls__pagination {
		width: 40%;
	}
	.listing-controls__sorting label {
		display: none;
	}
	.mobile-nav-wrap .mobile-nav ul.more-links {
		display: block;
	}
	.cat-banner {
		height: 200px;
	}
	.sub-cat-banner {
		height: auto;
		min-height: 200px;
	}
	.sub-cat-banner-txt {
		max-width: none;
	}
	.sub-cat-banner-txt div {
		min-height: 0;
	}
	.breadcrumb a:after {
		width: 12px;
		height: 12px;
	}
	
	
/*.alcohol-table {text-align: left;margin:2em auto;padding:0;border-collapse: collapse;table-layout: fixed;}
.alcohol-table label {font-weight:normal;}
.alcohol-table input[type="radio"] {margin-left:.5em}
.alcohol-table td {padding:.5em}
.alcohol-table td:nth-child(1) {}
.alcohol-table td:nth-child(2) {}
.alcohol-table td:nth-child(3) {}
.alcohol-table td:nth-child(4) {}
.alcohol-table td:nth-child(5) {}
.alcohol-table td:not(:nth-child(1)) {text-align:center;}
.alcohol-table tr:first-of-type td:nth-child(1) {  

}

.alcohol-table tr:first-of-type td{  
  	font-size:18px;
	color: #FFF;
	background: #f1729d;
	text-transform: uppercase;
}
	
	
	.alcohol-table tr:not(:first-of-type) td:first-of-type {

	display: block;
	width: 100% !important;
}	
	
	.alcohol-table tr:not(:first-of-type) td:nth-child(1) {  


	
}
.alcohol-table tr:not(:first-of-type) td:first-of-type {background: #BAC2C7;color: #FFF;font-weight:bold; width:100%;}


.alcohol-table td:nth-child(1) { 
	}


.alcohol-table tr:not(:first-of-type) td {display:block;width:100%;}

.alcohol-table tr:nth-of-type(2) td:not(:first-of-type) {}
	
.alcohol-table tr:not(:first-of-type):not(:last-of-type) td {border-bottom:1px solid #CCC;}	

	
	*/
	

	.alcohol-table tr:not(.mob-tr):not(.mob-thead) td:first-of-type {display:none;}	
	
	.alcohol-tableX tr:before {
    content: attr(data-th);
    font-weight: 700;
    display: block;
    width: 100%;
	background: #000;
	color: #FFF;}
	
	
	.mob-tr, .mob-thead {display:table-row;}	
	
	.alcohol-table {table-layout: auto;}


.calendar-body > div.day:nth-last-of-type(2) {display:none;}
	
	.refund-protect {margin-bottom:0;}
	
	
	

	
}

@media (max-width: 599px) {
	
	.seating-plan.mob > div {display: block;width:262px;margin:0 auto}
	.seating-plan.mob > div:last-of-type {margin-top:2em;}
	
}




@media (max-width: 549px) {
	.menu-listings li .button:nth-of-type(3) {
		clear: left;
	}
	.promo li:first-of-type {
		display: none;
	}
	.pymt-opts {
		float: none;
		width: 100%;
		text-align: center;
		padding-bottom: 0;
	}
	.pymt-opts .button {
		max-width: none;
	}
	.pymt-opts img {
		margin: 0 auto;
	}
	.pymt-option.top {
		text-align: center;
	}
	.button.continue-shopping,
	.button.checkout-button,
	.button.pp {
		width: 100%;
	}
	.cont-shopping>span {
		display: none;
	}
	
	
	.calendar-body > div.day:nth-last-of-type(6) {display:none;}
	
	header h1 {font-size:24px;}
}

@media (max-width: 524px) {
	/*
 * Hide Mobile
*/
	.featured-brands,
	.featured-categories,
	.product__share,
	.prod-code{
		display: none;
	}
	.mob-name,
	.mob-name .prod-code {
		display: block;
		text-align: center;
	}
	.mob-name>span:first-of-type {
		font-size: 1.25em;
		line-height: 1;
	}
	.mob-name .prod-code {
		padding-bottom: .5em;
		padding-top: 0;
	}
	.main.row .content {
		padding: 0;
	}
	.product-details {
		padding-top: 1.25em
	}
	#StockMsg {
		display: block;
		float: none;
		padding-top: 0;
	}
	.product__basket {
		text-align: left;
	}
	.product__basket label {
		clear: left;
	}
	.mgr-items>nav,
	.mgr-items>div {
		display: block;
		float: none;
	}
	.mgr-items {
		height: auto;
	}
	.listing-controls__sorting {
		text-align: left;
	}
	.listing-controls__pagination {
		width: 90%;
	}
	.listing-controls__pagination.search-results {
		width: 90%;
	}
	.freedelspan {
		display: block;
		padding: 0;
	}
	.header-wrapper header {
		height: 50px;
	}
	/*.content-wrapper {
		padding-top: 50px;
	}*/
	
	.promo-bar, .content-wrapper.no-promo {
		margin-top: 50px;
	}
	
	.header-logo {
		width: 125px;
	}
	.header-logo img {
		margin-top: 11px;
	}
	.header-basket {
		width: 50px;
		height: 50px;
	}
	.header-basket a {
		width: 50px;
		height: 50px;
		padding: 10px;
		background-size: 30px 30px;
	}
	.m-search-btn {
		width: 50px;
		height: 50px;
		background-size: 30px 30px;
	}
	.m-search-btn:before {
		height: 30px;
		margin-top: 10px;
	}
	.m-acc-btn {
		width: 50px;
		height: 50px;
		background-size: 30px 30px;
	}
	.m-acc-btn:before {
		height: 30px;
		margin-top: 10px;
	}
	.m-acc-btn span {
		display: none;
	}
	#BasketItems {
		display: none;
	}
	.m-nav-btn {
		width: 54px;
		height: 50px;
		padding: 15px 12px;
	}
	.m-nav-btn span {
		width: 30px;
		height: 3px;
		margin-bottom: 6px;
	}
	.m-nav-btn.active span:first-of-type {
		margin-top: -1px;
	}
	.m-nav-btn.active span:last-of-type {
		margin-top: -3px;
	}
	.product__price {
		display: inline-block;
		float: left;
	}
	.product__mod--size {
		width: 100%;
	}
	.qty {
		padding-top: 2.65rem;
		margin-right: 0;
		float: right;
		width: -webkit-calc(100% - 190px);
		width: -moz-calc(100% - 190px);
		width: calc(100% - 190px);
	}
	.product__price .price--rrp,
	.product__price .price--dif {
		font-size: 0.889em;
	}
	.product__price .price {
		font-size: 2.5em
	}

	.switch-field:not(.sm) .vertical-list li {width:100%;display:block}
	
	.switch-field:not(.sm) label {width:100%;margin:0 0 1em 0}
	
	.booking-system-footer {display:flex;flex-direction: column-reverse;}
	
	.seat-no {width:100%;display:block;text-align: center;}
	
	
	td.booking-total:first-of-type {text-align: left;}
	
	.form-buttons .button {width:100%;margin-bottom:.5em;}
	.form-buttons, .fixed .form-buttons {text-align: center;}
	
	.progress-track {margin:1em 0;}
    
    .allergy-guarantee {display:block;}
    
    .allergy-guarantee > label {
    padding: 0 0 1em 0;
    border-right: 0;
    margin: 0 0 1em 0;
    border-bottom: 1px solid #dce0e3;

}
    .allergy-guarantee > label,  .allergy-guarantee > div {width:100%;display: block;}
    .allergy-guarantee > div {text-align: center;}
 
    
    
    
	
}

@media (max-width: 460px) {

		.calendar-body > div.day:nth-last-of-type(3) {display:none;}
}

@media (max-width: 430px) {
	.product-box.slick-slide {
		border-right: 0;
	}
	
}



@media (max-width: 425px) {
	.product__basket--fields > fieldset:last-of-type {
		float: none;
		clear: both;
		display: block;
		padding-top: .75em;
		width: 100%;
		text-align: left;
	}

	.product__basket input[type="submit"] {
		width:100%;
		padding--left:1.5em;
	}
	
	.product__basket input[name="Email"] {
		width:100%;
		margin-top:.5em;
	}
	#EmailDiv fieldset:first-of-type {
		margin-bottom: .75em;
}	
	
	
	
}

@media (max-width: 375px) {
	.orders tr>td:nth-of-type(5),
	.my-order-line td:nth-of-type(5) {
		text-align: left;
	}
	.my-order-line td:last-of-type {
		height: auto;
		text-align: left;
		padding: .5em;
	}
	.order-toggle {
		top: auto;
	}
	.resp-tab-content,
	.ma-section {
		padding: 15px;
	}

	.featured-brands {
		display: none;
	}
	.header-logo {
		width: 100px
	}
	.header-logo img {
		margin-top: 15px;
	}
	.m-search-btn {
		width: 40px;
		height: 50px;
		background-size: 25px 25px;
	}
	.m-search-btn:before {
		height: 25px;
		margin-top: 12.5px;
	}
	.m-acc-btn {
		width: 40px;
		height: 50px;
		background-size: 25px 25px;
	}
	.m-acc-btn:before {
		height: 25px;
		margin-top: 12.5px;
	}
	.m-acc-btn span {
		display: none;
	}
	#BasketItems {
		display: none;
	}
	.m-nav-btn {
		width: 48px;
	}
	.m-nav-btn span {
		width: 25px;
		height: 3px;
		margin-bottom: 5px;
	}
	.header-basket {
		width: 40px;
	}
	.header-basket a {
		width: 40px;
		height: 50px;
		padding: 10px;
		background-size: 25px 25px;
	}
	.header-basket span:first-of-type {
		top: 18px;
	}
	
	
}

@media (max-width: 374px) {
	.calendar-body > div.day:nth-last-of-type(5) {display:none;}}

/* RESPONSIVE EXAMPLE */

.stacktable.large-only {
	display: table;
}

.stacktable.small-only {
	display: none;
}

@media (max-width: 800px) {
	.stacktable.large-only {
		display: none;
	}
	.stacktable.small-only {
		display: table;
	}
}

/*
     * ##POP-UPS.CSS
*/

.pop-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2147483647;
	background: rgba(0, 0, 0, 0.4);
	box-sizing: border-box;
	/*overflow-y: scroll;*/
}

.pop-wrapper .popup {
	width: 95%;
	max-width: 600px;
	margin: 0 auto;
	position: relative;
	top: 75px;
	background-color: #fff;
	padding: 20px;
}

.pop-wrapper .popup .popup__close {
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: pointer;
	padding: 0.5em;
	text-align: center;
	background-color: #757575;
	color: #fff;
	line-height: 1em;
	z-index: 10;
}

.pop-wrapper .popup .popup__close:before {
	content: "\e80c";
	font-family: e2e;
}

.pop-wrapper .popup .pop__container {
	display: table;
	width: 100% !important;
}

.pop-wrapper .popup .pop__container>* {
	width: 100% !important;
}

.pop-wrapper.pop-wrapper-basket .popup {
	width: 440px;
	max-width: 90%;
	margin: 0 auto;
	top: 100px;
	position: relative;
	background-color: #FFF;
	padding: 20px;
	text-align: center;
}

.pop-wrapper-basket .popup .button {
	width: 190px;
	min-width:0;
	margin: 0 .25em;
	white-space: nowrap;
}

.pop-wrapper-basket .popup .button:first-of-type {
	float: right;

	margin-right: 0;
}

.pop-wrapper-basket .popup .button:last-of-type {
	background: #e5e5e5;
	color: #333333 !important;
	float: left;
	margin-left: 0;
}

@media (max-width: 625px) {
	


	
	
	.pop-wrapper-basket .popup .button:first-of-type {
		float: none;
		margin: 0 auto .5em auto;
		display: block;
	}
	.pop-wrapper-basket .popup .button:last-of-type {
		float: none;
		margin: 0 auto;
		display: block;
	}
	.pop-wrapper.pop-wrapper-basket .popup {
		width: 230px;
	}
	.add2bsk-prod h3 {
		color: #545454;
		font-size: 0.889em;
		margin: 0 0 .125em 0;
	}
	.add2bsk-prod {
		display: table;
		margin-bottom: 10px;
		width: 100%;
	}
	.add2bsk-prod .image-container {
		display: table-cell;
		width: 150px;
		padding: 0 15px 0 0;
		vertical-align: top;
	}
	.add2bsk-prod .item__data {
		padding: 0 1.5em 0 0;
		border: 0;
		display: table-cell;
		vertical-align: top;
	}
	.add2bsk-prod p {
		margin: 0;
		font-weight: bold;
	}
	.list__item .image-container img {
		width: 100%;
		height: auto;
	}
	.add2bsk-prod .price {
		font-size: 1em;
	}
	.add2bsk-prod {
		border-bottom: 1px solid #e7e7e7;
		padding-bottom: 15px;
	}
	.add2bsk-total {
		text-align: right;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.add2bsk-total:before {
		background: rgba(0, 0, 0, 0) url("/images/popup-basket.svg") no-repeat scroll 0 0;
		content: " ";
		display: inline-block;
		height: 24px;
		left: 0;
		top: 0;
		width: 30px;
		margin: 0 0 -5px 0;
	}
	.stage-buttons .button {
		width: 100%;
		text-align: center;
	}
	.stage-buttons .button.regress {
		color: #545454 !important;
		background: #ededed;
	}
	.stage-buttons .button.regress:hover {
		background: #f1f1f1;
	}
	.grid__item.sm h3,
	.grid__item.sm .price,
	.grid__item.sm .rrp {
		font-size: 0.889em;
	}
}

@media screen and (max-width: 600px) {
	.full-width>* {
		padding-left: 10px;
		padding-right: 10px;
	}
	.pop-wrapper .popup,
	.pop-wrapper.pop-wrapper-basket .popup {
		position: relative;
		top: 50px;
		right: 0;
		bottom: 0;
		left: 0;
	}
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

