/*
* 1.Settings
* =========================
* Import the settings, these define colours, typography and global variables
* for use across the partials.
*/

/*
* At the moment this just contains some variables but can easily expand to
* include a modular scale etc.
*/

@font-face {
	font-family: "ArcherProSemiBold";
	src: url("../fonts/ArcherProSemiBold.otf") format("opentype");
}

@font-face {
	font-family: "ArcherProMedium";
	src: url("../fonts/ArcherProMedium.otf") format("opentype");
}

@font-face {
	font-family: "OpenSansSemibold";
	src: url("../fonts/OpenSansSemibold.ttf") format("truetype");
}

@font-face {
	font-family: 'AzoSansMedium';
	src: url("../fonts/AzoSans-Medium.woff2") format("woff2"), url("../fonts/AzoSans-Medium.woff") format("woff"), url("../fonts/AzoSans-Medium.ttf") format("truetype"), url("../fonts/AzoSans-Medium.otf") format("opentype");
}

@font-face {
	font-family: 'AzoSansRegular';
	src: url("../fonts/AzoSans-Regular.woff2") format("woff2"), url("../fonts/AzoSans-Regular.woff") format("woff"), url("../fonts/AzoSans-Regular.otf") format("opentype");
}

@font-face {
	font-family: 'AzoSansBold';
	src: url("../fonts/AzoSans-Bold.woff2") format("woff2"), url("../fonts/AzoSans-Bold.woff") format("woff"), url("../fonts/AzoSans-Bold.otf") format("opentype");
}

@font-face {
	font-family: 'recoleta';
	src: url("../fonts/Recoleta-Medium.woff") format("woff"), url("../fonts/Recoleta-Medium.ttf") format("truetype"), url("../fonts/Recoleta-Medium.otf") format("opentype");
}

/*
* 2.Tools
* =========================
* This defines helpful mixins and tools for use across partials.
*/

/*
* 3.Generic
* =========================
* This defines styles for elements on a low level. Good for normalize, resets etc.
*/

/** normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
	font-family: sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
	margin: 0;
}

/* HTML5 display definitions
	 ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
details,
footer,
header,
menu,
section {
	display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */


video {
	display: inline-block; /* 1 */
	vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden] {
	display: none;
}

/* Links
	 ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

a:active,
a:hover {
	outline: 0;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b {
	font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

/* Embedded content
	 ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
	border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
	overflow: hidden;
}

/* Grouping content
	 ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

/**
 * Address differences between Firefox and other browsers.
 */

hr {
	box-sizing: content-box;
	height: 0;
}

/**
 * Contain overflow in all browsers.
 */

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Forms
	 ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
select {
	color: inherit; /* 1 */
	font: inherit; /* 2 */
	margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
	overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
	text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button; /* 2 */
	cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */

button[disabled],
html input[disabled] {
	cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
	line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

input[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	box-sizing: content-box; /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

/* Tables
	 ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul,
form,
hr {
	margin: 0;
	padding: 0;
}

ul,
ol {
	padding: 0;
	margin: 0;
	list-style-type: none;
}

select,
input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	border-radius: 0;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: border-box;
}

/*
* 4.Base
* =========================
* Use this to specify how elements should look more specifically
* things such as how links, lists and headings should look.
*/

html,
body {
	height: 100%;
	width: 100%;
	font-size: 15px;
	line-height: 1.3;
	overflow-x: hidden;
}

body {
	font-family: "AzoSansRegular", sans-serif;
	color: #000000;
	height: auto;
	padding-top: 95px;
}

img,
iframe {
	max-width: 100%;
}

img {
	width: 100%;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

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

h1,
.h1,
.h1 p {
	font-size: 48px;
	font-size: 3.2rem;
	line-height: 3.2rem;
	font-family: "ArcherProSemiBold", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}

h1.massive-h1,
.h1.massive-h1,
.h1 p.massive-h1 {
	font-size: 80px;
	font-size: 5.33333rem;
	line-height: 5.33333rem;
}

h2,
.h2,
.h2 p {
	font-size: 36px;
	font-size: 2.4rem;
	line-height: 2.4rem;
	font-family: "ArcherProSemiBold", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}

h3,
.h3,
.h3 p {
	font-size: 24px;
	font-size: 1.6rem;
	line-height: 1.86667rem;
	font-family: "AzoSansRegular", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}

h4,
.h4,
.h4 p {
	font-size: 14px;
	font-size: 0.93333rem;
	line-height: 0.93333rem;
	font-family: "AzoSansMedium", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
}

.comp-header {
	color: #ffc700;
	background: rgba(0, 0, 0, 0.5);
	padding: 10px 50px;
	font-size: 65px;
	line-height: 60px;
}

.comp-sub-header {
	color: #ffc700;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	width: 80%;
	margin: 20px auto;
}

.archer-sb {
	font-family: "ArcherProSemiBold", sans-serif;
}

.recoleta {
	font-family: "Recoleta", sans-serif;
}

/*
* 5.Objects
* =========================
* Drilling down a bit now, define big parts of our UI.
* Things like layout / grid obects. Wrapper / container objects.
* These Objects shouldn't contain any paint / aesthetics.
*/

.w-2\/12 {
	flex: 0 0 16.666667%;
	max-width: 16.666667%;
}

.w-1\/5 {
	flex: 0 0 20%;
	max-width: 20%;
}

.w-3\/12,
.w-1\/4 {
	flex: 0 0 25%;
	max-width: 25%;
}

.w-4\/12,
.w-1\/3 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}

.w-5\/12 {
	flex: 0 0 41.666667%;
	max-width: 41.666667%;
}


.w-1\/2 {
	flex: 0 0 50%;
	max-width: 50%;
}

.w-7\/12 {
	flex: 0 0 58.333333%;
	max-width: 58.333333%;
}

.w-8\/12,
.w-2\/3 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.w-9\/12,
.w-3\/4 {
	flex: 0 0 75%;
	max-width: 75%;
}

.w-10\/12 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}


.w-full {
	flex: 0 0 100%;
	max-width: 100%;
}

.container {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1400px;
}

.media-wrap {
	padding-bottom: 56.25%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
}

.bg-square {
	height: 0;
	padding-bottom: 100%;
	width: 100%;
}

.vh-40 {
	height: 40vh;
	min-height: 400px;
}

.vh-45 {
	height: 45vh;
	min-height: 450px;
}

.vh-50 {
	height: 50vh;
	min-height: 500px;
}

.vh-55 {
	height: 55vh;
	min-height: 550px;
}

.vh-60 {
	height: 60vh;
	min-height: 600px;
}

.vh-65 {
	height: 65vh;
	min-height: 650px;
}

.vh-70 {
	height: 70vh;
	min-height: 700px;
}

.vh-75 {
	height: 75vh;
	min-height: 750px;
}

.vh-80 {
	height: 80vh;
	min-height: 800px;
}

.vh-85 {
	height: 85vh;
	min-height: 850px;
}

.vh-90 {
	height: 90vh;
	min-height: 900px;
}

.vh-95 {
	height: 95vh;
	min-height: 950px;
}

.vh-100 {
	height: 100vh;
	min-height: 1000px;
}

.none {
	display: none;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.block {
	display: block;
}

.flex {
	display: flex;
}

.svg-fill\:white {
	fill: #ffffff;
}

.svg-fill\:black {
	fill: #000000;
}

.svg-fill\:charcoal {
	fill: #1d1d1b;
}

.svg-fill\:yellow {
	fill: #ffc700;
}

.z-2 {
	z-index: 2;
}

.z-3 {
	z-index: 3;
}

.clear {
	clear: both;
}


.form-wrap .dob:before,
.form-wrap .dob:after {
	content: " ";
	display: table;
}


.form-wrap .dob:after {
	clear: both;
}

.float-left {
	float: left;
}

.relative {
	position: relative;
}

.absolute {
	position: absolute;
}

.fixed {
	position: fixed;
}

.hidden {
	overflow: hidden;
}

/**
* handles padding & margin
*/

.m-auto {
	margin: 0 auto;
}

.left-0 {
	left: 0px;
}

.left-10 {
	left: 10px;
}

.left-20 {
	left: 20px;
}

.left-50 {
	left: 50px;
}

.per-left-50 {
	left: 50%;
}

.right-0 {
	right: 0px;
}

.bottom-0 {
	bottom: 0px;
}

.bottom-5 {
	bottom: 5px;
}

.bottom-20 {
	bottom: 20px;
}

.neg-bottom-20 {
	bottom: -20px;
}

.bottom-40 {
	bottom: 40px;
}

.top-0 {
	top: 0px;
}

.top-10 {
	top: 10px;
}

.neg-top-10 {
	top: -10px;
}

.top-20 {
	top: 20px;
}

.top-50 {
	top: 50px;
}

.neg-top-50 {
	top: -50px;
}

.top-100 {
	top: 100px;
}

.py-15 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.py-30 {
	padding-top: 30px;
	padding-bottom: 30px;
}

.py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.py-50 {
	padding-top: 50px;
	padding-bottom: 50px;
}

.py-60 {
	padding-top: 60px;
	padding-bottom: 60px;
}

.py-100 {
	padding-top: 100px;
	padding-bottom: 100px;
}

.py-150 {
	padding-top: 150px;
	padding-bottom: 150px;
}

.py-180 {
	padding-top: 180px;
	padding-bottom: 180px;
}

.py-250 {
	padding-top: 250px;
	padding-bottom: 250px;
}

.px-10 {
	padding-right: 10px;
	padding-left: 10px;
}

.px-20 {
	padding-right: 20px;
	padding-left: 20px;
}

.px-30 {
	padding-right: 30px;
	padding-left: 30px;
}

.px-40 {
	padding-right: 40px;
	padding-left: 40px;
}

.px-80 {
	padding-right: 80px;
	padding-left: 80px;
}

.px-100 {
	padding-right: 100px;
	padding-left: 100px;
}

.pb-0 {
	padding-bottom: 0px;
}

.pt-0 {
	padding-top: 0px;
}

.pb-5 {
	padding-bottom: 5px;
}

.pt-5 {
	padding-top: 5px;
}

.pl-10 {
	padding-left: 10px;
}

.pr-10 {
	padding-right: 10px;
}

.pb-10 {
	padding-bottom: 10px;
}

.pt-10 {
	padding-top: 10px;
}

.p-10 {
	padding: 10px;
}

.pb-15 {
	padding-bottom: 15px;
}

.pt-15 {
	padding-top: 15px;
}

.pl-20 {
	padding-left: 20px;
}

.pr-20 {
	padding-right: 20px;
}

.pb-20 {
	padding-bottom: 20px;
}

.pt-20 {
	padding-top: 20px;
}

.p-20 {
	padding: 20px;
}

.pl-30 {
	padding-left: 30px;
}

.pr-30 {
	padding-right: 30px;
}

.pb-30 {
	padding-bottom: 30px;
}

.pt-30 {
	padding-top: 30px;
}

.pb-40 {
	padding-bottom: 40px;
}

.pt-40 {
	padding-top: 40px;
}

.p-40 {
	padding: 40px;
}

.pr-50 {
	padding-right: 50px;
}

.pb-50 {
	padding-bottom: 50px;
}

.pt-50 {
	padding-top: 50px;
}

.pb-55 {
	padding-bottom: 55;
}

.pt-55 {
	padding-top: 55;
}

.pb-60 {
	padding-bottom: 60px;
}

.pt-60 {
	padding-top: 60px;
}

.p-60 {
	padding: 60px;
}

.pb-70 {
	padding-bottom: 70px;
}

.pt-70 {
	padding-top: 70px;
}

.pb-80 {
	padding-bottom: 80px;
}

.pt-80 {
	padding-top: 80px;
}

.pb-90 {
	padding-bottom: 90px;
}

.pt-90 {
	padding-top: 90px;
}

.pr-100 {
	padding-right: 100px;
}

.pb-100 {
	padding-bottom: 100px;
}

.pt-100 {
	padding-top: 100px;
}

.pb-110 {
	padding-bottom: 110px;
}

.pt-110 {
	padding-top: 110px;
}

.pb-120 {
	padding-bottom: 120px;
}

.pt-120 {
	padding-top: 120px;
}

.pb-130 {
	padding-bottom: 130px;
}

.pt-130 {
	padding-top: 130px;
}

.pb-140 {
	padding-bottom: 140px;
}

.pt-140 {
	padding-top: 140px;
}

.pb-150 {
	padding-bottom: 150px;
}

.pt-150 {
	padding-top: 150px;
}

.pb-155 {
	padding-bottom: 155px;
}

.pt-155 {
	padding-top: 155px;
}

.pb-160 {
	padding-bottom: 160px;
}

.pt-160 {
	padding-top: 160px;
}

.pb-170 {
	padding-bottom: 170px;
}

.pt-170 {
	padding-top: 170px;
}

.pb-175 {
	padding-bottom: 175px;
}

.pt-175 {
	padding-top: 175px;
}

.pb-180 {
	padding-bottom: 180px;
}

.pt-180 {
	padding-top: 180px;
}

.pb-190 {
	padding-bottom: 190px;
}

.pt-190 {
	padding-top: 190px;
}

.pb-200 {
	padding-bottom: 200px;
}

.pt-200 {
	padding-top: 200px;
}

.pb-250 {
	padding-bottom: 250px;
}

.pt-250 {
	padding-top: 250px;
}

.my-10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.my-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.my-40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.my-60 {
	margin-top: 60px;
	margin-bottom: 60px;
}

.mx-auto {
	margin-left: auto;
	margin-right: auto;
}

.mx-10 {
	margin-right: 10px;
	margin-left: 10px;
}

.mx-20 {
	margin-right: 20px;
	margin-left: 20px;
}

.ml-0 {
	margin-left: 0px;
}

.mr-0 {
	margin-right: 0px;
}

.mb-0 {
	margin-bottom: 0px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-5 {
	margin-bottom: 5px;
}

.mb-auto {
	margin-bottom: auto;
}

.ml-10 {
	margin-left: 10px;
}

.mr-10 {
	margin-right: 10px;
}

.mb-10 {
	margin-bottom: 10px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-10 {
	margin-top: 10px;
}

.mb-15 {
	margin-bottom: 15px;
}

.mb-auto {
	margin-bottom: auto;
}

.ml-20 {
	margin-left: 20px;
}

.mr-20 {
	margin-right: 20px;
}

.mb-20 {
	margin-bottom: 20px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-20 {
	margin-top: 20px;
}

.m-20 {
	margin: 20px;
}

.mb-30 {
	margin-bottom: 30px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-30 {
	margin-top: 30px;
}

.ml-40 {
	margin-left: 40px;
}

.mb-40 {
	margin-bottom: 40px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-40 {
	margin-top: 40px;
}

.mb-50 {
	margin-bottom: 50px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-50 {
	margin-top: 50px;
}

.mb-55 {
	margin-bottom: 55;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-60 {
	margin-top: 60px;
}

.mb-70 {
	margin-bottom: 70px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-80 {
	margin-bottom: 80px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-90 {
	margin-bottom: 90px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-100 {
	margin-bottom: 100px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-100 {
	margin-top: 100px;
}

.mb-110 {
	margin-bottom: 110px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-120 {
	margin-bottom: 120px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-130 {
	margin-bottom: 130px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-140 {
	margin-bottom: 140px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-150 {
	margin-bottom: 150px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-155 {
	margin-bottom: 155px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-160 {
	margin-bottom: 160px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-170 {
	margin-bottom: 170px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-175 {
	margin-bottom: 175px;
}

.mb-auto {
	margin-bottom: auto;
}

.mt-175 {
	margin-top: 175px;
}

.mb-180 {
	margin-bottom: 180px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-190 {
	margin-bottom: 190px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-200 {
	margin-bottom: 200px;
}

.mb-auto {
	margin-bottom: auto;
}

.mb-250 {
	margin-bottom: 250px;
}

.mb-auto {
	margin-bottom: auto;
}

.align-hack-20 {
	width: calc(100% + 20px);
	margin-left: -10px;
}

.align-hack-30 {
	width: calc(100% + 30px);
	margin-left: -15px;
}

.bg-white {
	background-color: #ffffff;
}

.bg-black {
	background-color: #000000;
}

.bg-grey {
	background-color: #f9f9f9;
}

.bg-charcoal {
	background-color: #1d1d1b;
}

.bg-colour-primary {
	background-color: #1d1d1b;
}

.bg-colour-background {
	background-color: #ffffff;
}

.bg-colour-inner-background {
	background-color: #ffffff;
}

.bg-yellow {
	background-color: #ffc700;
}

.bg-light-grey {
	background-color: #f5f5f5;
}

.bg-trans-black {
	background: rgba(0, 0, 0, 0.2);
}

.bg-trans-black.isBowser {
	background: rgba(135, 196, 173, 0.7);
}

.bg-dark-trans-black {
	background: rgba(0, 0, 0, 0.7);
}

.bg-dark-trans-black.isBowser {
	background: rgba(135, 196, 173, 0.7);
}

.bg-texture-yellow {
	background: url("../img/yellow-texture.jpg") repeat;
}

.bg-texture-orange {
	background: url("../img/orange-texture.jpg") repeat;
}

.bg-texture-purple {
	background: url("../img/purple-texture.jpg") repeat;
}

.bg-texture-decaf {
	background: url("../img/decaf-texture.jpg") repeat;
}

.bg-texture-leaf {
	background: url("../img/leaf-texture.jpg") repeat;
}

.bg-texture-navy {
	background: url("../img/navy-texture.jpg") repeat;
}

.ripple-loader {
	background: url("../img/ripple.gif") no-repeat 50%;
	min-height: 100px;
}

.variation-ripple {
	background-repeat: no-repeat;
	background-position: 50%;
	background-image: url("../img/ripple-white.gif");
}

.variation-ripple.isActive {
	background-image: none;
}

.ticket-stub {
	position: relative;
}

.ticket-stub:before {
	content: " ";
	background: url("../img/ticket-stub.png") no-repeat;
	display: block;
	width: calc(100% + 5px);
	height: 85px;
	position: absolute;
	top: 0px;
	left: -5px;
	z-index: 0;
}

.circle {
	border-radius: 50%;
}

.border-none {
	border: none;
}

.h-50 {
	height: 50%;
}

.h-100 {
	height: 100%;
}

.w-100 {
	width: 100%;
}

.order-1 {
	order: 1;
}

.order-2 {
	order: 2;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-column {
	flex-direction: column;
}

.align-start {
	align-items: flex-start;
}

.align-center {
	align-items: center;
}

.align-baseline {
	align-items: baseline;
}

.align-stretch {
	align-items: stretch;
}

.justify-start {
	justify-content: flex-start;
}

.justify-center {
	justify-content: center;
}

.justify-between {
	justify-content: space-between;
}

.align-self-center {
	align-self: center;
}

.align-self-stretch {
	align-self: stretch;
}

.divider {
	width: 100%;
}

.divider::after {
	content: '';
	border-top: solid 3px;
	width: 25px;
	margin: 25px 0;
	display: inline-flex;
}

.divider.white::after {
	border-color: #ffffff;
}

.divider.black::after {
	border-color: #000000;
}

.divider.w-full::after {
	width: 100%;
}

.divider.bigger::after {
	width: 100px;
}

.indent-line {
	width: 100%;
	display: block;
	margin-left: -40px;
}

.indent-line::after {
	content: '';
	border-top: solid 3px;
	width: 100px;
	margin: 20px 0;
	display: inline-flex;
	border-color: #ffc700;
}

.indent-line.tighter {
	margin-left: -20px;
}

.indent-line.wider {
	margin-left: -60px;
}

.indent-line.no-indent {
	margin-left: 0px;
}

.indent-line.less-spacing::after {
	margin: 10px 0;
}

.indent-line.white::after {
	border-color: #ffffff;
}

.img-default {
	width: auto;
	height: auto;
}

.play-icon {
	background: url("../img/play.png") no-repeat 50%/cover;
	display: inline-block;
	width: 160px;
	height: 111px;
	cursor: pointer;
	-webkit-transform: scale(0.9, 0.9);
	transform: scale(0.9, 0.9);
	transition: all 0.3s ease;
}

.play-icon:hover {
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}

.conker-spirit svg {
	height: 40px;
	max-width: 100%;
}

.wreath svg {
	height: 70px;
	width: 100px;
}

.circle-icon {
	border-radius: 100%;
	width: 80px;
	height: 80px;
	margin: 0px auto 20px auto;
}

.circle-icon svg {
	width: 100%;
	height: 45px;
}

.circle-icon.small-icon {
	width: 60px;
	height: 60px;
}

.circle-icon.small-icon svg {
	width: 30px;
	height: 30px;
	position: relative;
	bottom: 5px;
	right: 5px;
}

.circle-icon.big-icon {
	width: 80px;
	height: 80px;
}

.circle-icon.big-icon svg {
	width: 70px;
	height: 70px;
	position: relative;
	bottom: 5px;
	right: 5px;
}

.circle-icon.journey-icon {
	margin: 0px auto -30px auto;
	z-index: 2;
	position: relative;
}

.circle-icon.journey-icon p {
	position: relative;
	bottom: 8px;
	right: 15px;
	width: 50px;
	text-align: center;
}

/*
* 6.Components
* =========================
* Drilling down a bit now, These add a layer of paint to our Objects.
*/

input,
select {
	border: 1px solid #000000;
	height: inherit;
	background-color: transparent;
	margin-bottom: 20px;
}

select,
input {
	height: 50px;
}

label {
	padding-bottom: 10px;
	display: block;
}

.gform_button.button {
	font-weight: normal;
	color: #ffffff;
	background: #1d1d1b;
	border-color: #1d1d1b;
	text-transform: uppercase;
	transition: all 0.3s ease;
}

.gform_button.button:hover {
	background-color: #1d1d1b;
	border-color: #1d1d1b;
}

.gform_button.button:hover#gform_submit_button_1 {
	background-color: #ffc700;
	border-color: #ffc700;
}

.gfield {
	position: relative;
}

.gfield_error input {
	border: 1px solid red;
}

select.disabled {
	opacity: 0.3;
}

.login-email,
.login-pass,
.forgotten-email {
	margin-bottom: 20px !important;
}

.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap input[type="tel"],
.form-wrap input[type="password"],
.form-wrap input[type="number"],
.form-wrap select,
.form-wrap textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 5px 10px !important;
	width: 100%;
	outline: none;
	transition: all 0.2s ease;
	border: 0px;
	border-bottom: 2px solid;
	margin-bottom: 0px;
}

.form-wrap input[type="text"]:focus,
.form-wrap input[type="email"]:focus,
.form-wrap input[type="tel"]:focus,
.form-wrap input[type="password"]:focus,
.form-wrap input[type="number"]:focus,
.form-wrap select:focus,
.form-wrap textarea:focus {
	border-left: #1d1d1b solid 5px;
}

.form-wrap li {
	list-style: none !important;
	margin-bottom: 10px;
}

.form-wrap .gfield.gfield_error input {
	border: 2px solid red;
}

.form-wrap .gfield.gfield_error label {
	text-decoration: underline;
	color: red;
}

.form-wrap textarea {
	background: #f9f9f9;
}

.form-wrap .gform_body {
	margin-bottom: 40px;
}

.form-wrap .gfield_label {
	display: none;
}

.form-wrap .woo-login-popup-sc-modal input[type='checkbox'] {
	-moz-appearance: checkbox;
	appearance: checkbox;
	-webkit-appearance: checkbox;
	width: auto;
	height: auto;
	margin-right: 10px;
}

.form-wrap .input-half {
	width: 49%;
	display: inline-block;
}

.form-wrap .input-half:nth-child(odd) {
	padding-right: 10px;
}

.form-wrap .input-half:nth-child(even) {
	padding-left: 10px;
}

.form-wrap .input-half .ginput_container {
	background: #f9f9f9;
}

.form-wrap .space-right {
	margin-right: 1.5%;
}

.form-wrap .gform_button {
	float: right;
}

.form-wrap .gform_validation_container {
	display: none;
}

.form-wrap .ginput_container_checkbox li,
.form-wrap .ginput_container_consent li {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	margin-bottom: 10px;
}

.form-wrap .ginput_container_checkbox label,
.form-wrap .ginput_container_consent label {
	display: inline-block;
	width: 90%;
	padding: 0px;
	margin: 0px;
}

.form-wrap .ginput_container_checkbox input,
.form-wrap .ginput_container_consent input {
	display: inline-block;
	width: 8%;
	max-width: 20px;
	padding: 0px;
	margin: 0px;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	margin-right: 20px;
}

.form-wrap .ginput_container_checkbox .gfield_required,
.form-wrap .ginput_container_consent .gfield_required {
	position: absolute;
	left: 0px;
	top: 0px;
}

.form-wrap .gform_footer {
	width: 100%;
	text-align: center;
	display: inline-block;
}

.form-wrap .gform_footer input {
	float: none;
	margin-bottom: 0px;
}

.form-wrap .dob label {
	display: inline-block;
	float: left;
	width: 22.5%;
	margin-top: 10px;
	font-weight: bold;
}

.form-wrap .gfield_date_dropdown_day,
.form-wrap .gfield_date_dropdown_month {
	width: 20%;
	float: left;
	display: inline-block;
	margin-left: 2.5%;
}

.form-wrap .gfield_date_dropdown_year {
	width: 30%;
	float: left;
	display: inline-block;
	margin-left: 2.5%;
}

.form-wrap .ui-datepicker-trigger {
	width: 17px;
	height: auto;
	display: none;
}

#gform_wrapper_3 .gform_footer {
	text-align: left;
}

.embedded-form li {
	margin-bottom: 10px;
}

.gform_ajax_spinner {
	max-width: 30px;
}

.ui-datepicker {
	margin: 0;
	padding: 0;
	border: none;
	border-spacing: 0;
}

.ui-datepicker {
	background: #ffffff;
	display: none;
	cursor: default;
	position: absolute;
	padding-bottom: 10px;
	text-transform: uppercase;
	z-index: 91000 !important;
}

.ui-datepicker-prev,
.ui-datepicker-next {
	position: absolute;
	top: 5px;
	padding: 5px;
	cursor: pointer;
	z-index: 1001;
}

.ui-datepicker-prev {
	left: 10px;
	padding-left: 0;
}

.ui-datepicker-next {
	right: 10px;
	padding-right: 0;
}

.ui-datepicker-prev span,
.ui-datepicker-next span {
	display: block;
	width: auto;
	color: #fff !important;
	text-indent: 0;
}

.ui-datepicker-header {
	border-radius: 3px 3px 0 0;
	color: #fff;
	background: #1d1d1b;
	display: block;
	margin-top: 0;
	padding: 10px;
	text-transform: uppercase;
	font-weight: 400;
	text-align: center;
}

.ui-datepicker-prev span {
	background-position: 0px 0px;
}

.ui-datepicker-next span {
	background-position: -5px 0px;
}

.ui-datepicker-prev-hover span {
	background-position: 0px -10px;
}

.ui-datepicker-next-hover span {
	background-position: -5px -10px;
}

.ui-datepicker-calendar .ui-state-default {
	display: block;
	width: 40px;
	line-height: 40px;
	outline: none;
	color: #1d1d1b;
	text-decoration: none;
	border: 1px solid transparent;
}

.ui-datepicker-calendar .ui-state-hover {
	background: tint(#1d1d1b, 70);
}

.ui-datepicker-title select {
	height: auto;
	border: 0px;
	padding: 0px;
	margin: 0px;
	-webkit-appearance: menulist-button;
	-moz-appearance: menulist-button;
	appearance: menulist-button;
}

.ui-datepicker-calendar .ui-state-active {
	color: #1d1d1b;
	background: #ffc700;
}

.ui-datepicker-other-month .ui-state-default {
	color: #1d1d1b;
}

#gform_wrapper_2 {
	display: block !important;
}

.button {
	text-transform: uppercase;
	border-width: 2px;
	color: #ffffff;
	background: #1d1d1b;
	padding: 12px 35px;
	display: inline-block;
	transition: all 0.3s ease;
	font-size: 14px;
	font-family: "AzoSansMedium", sans-serif;
	width: 232px;
	text-align: center;
	cursor: pointer;
	transition: all 0.3s ease;
	max-width: 280px;
}

.button:hover,
.button.isActive {
	background: #ffc700;
	color: #ffffff;
	border-color: #ffc700;
}

.button.auto {
	width: auto;
}

.button.white-button {
	background: #ffffff;
	color: #1d1d1b;
}

.button.white-button:hover,
.button.white-button.isActive {
	background: #ffc700;
	color: #ffffff;
	border-color: #ffc700;
}

.button.yellow-button {
	background: #ffc700;
	color: #1d1d1b;
	border-color: #ffc700;
}

.button.yellow-button:hover {
	background: #cc9f00;
	color: #000000;
	border-color: #cc9f00;
}

.white {
	color: #ffffff;
}

.black {
	color: #000000;
}

.footer-grey {
	color: #999999;
}

.yellow {
	color: #ffc700;
}

.gold {
	color: #ca9e00;
}

.hov\:white {
	transition: color 0.3s ease;
}

.hov\:white:hover {
	color: #ffffff;
}

.hov\:black {
	transition: color 0.3s ease;
}

.hov\:black:hover {
	color: #000000;
}

.bold {
	font-weight: bold;
	font-family: "AzoSansBold", sans-serif;
}

.italic {
	font-style: italic;
}

.small {
	font-size: 12px;
}

.uppercase {
	text-transform: uppercase;
}

.underline {
	text-decoration: underline;
}

.text-left {
	text-align: left;
}

.text-right {
	text-align: right;
}

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

.spaced-letters {
	letter-spacing: 1px;
}

.video-wrap {
	padding-bottom: 56.25%;
	position: relative;
	text-align: center;
}

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

.disc {
	list-style-type: disc;
}

.ui-inline-list {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-size: 0;
}

.ui-inline-list li {
	list-style: none;
	display: inline-block;
	vertical-align: middle;
	font-size: 15px;
}

.social-list {
	position: absolute;
	top: 50%;
	bottom: auto;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
	text-align: center;
}

.social-list a {
	display: inline-block;
	margin-right: 20px;
	transition: all 0.3s ease;
}

.social-list a:last-of-type {
	margin-right: 0;
}

.social-list a .icon-background {
	width: 60px;
	height: 60px;
	position: relative;
	background: #ffffff;
	transition: all 0.3s ease;
	border-radius: 100%;
	transition: all 0.3s ease;
}

.social-list a .icon-background:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	border-radius: 100%;
}

.social-list a .icon-background .circle-inner {
	border: 2px solid #000000;
	background: #ffffff;
	width: 90%;
	height: 90%;
	border-radius: 100%;
	top: 6%;
	left: 5%;
	position: relative;
	transition: all 0.3s ease;
}

.social-list a .icon-background .circle-inner svg {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 25%;
	left: 25%;
	background: #ffffff;
	transition: all 0.3s ease;
}

.social-list a:hover .icon-background {
	background: #ffc700;
}

.social-list a:hover .icon-background .circle-inner {
	border-color: #ffffff;
}

.social-list a:hover .icon-background .circle-inner svg {
	fill: #ffc700;
}

.inline-social-list a {
	display: inline-block;
}

.inline-social-list a svg {
	width: 50px;
	height: 50px;
}

.wysiwyg {
	font-weight: 300;
}

.wysiwyg .form-wrap .gform_footer {
	text-align: left;
}

.wysiwyg p {
	padding-bottom: 20px;
}

.wysiwyg p:last-of-type {
	padding-bottom: 0px;
}

.wysiwyg p a {
	color: #1d1d1b;
	word-wrap: break-word;
}

.wysiwyg p a.white {
	color: #ffffff;
}

.wysiwyg img {
	width: auto;
	display: block;
}

.wysiwyg img.aligncenter {
	margin: 0px auto;
}

.wysiwyg ul {
	margin: 10px 0 20px 0;
}

.wysiwyg ul li {
	list-style: disc;
	list-style-position: inside;
}

.wysiwyg ol {
	margin: 10px 0 20px 0;
}

.wysiwyg ol li {
	list-style: decimal;
	list-style-position: inside;
}

.text-block p {
	padding-bottom: 10px;
}

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	background-color: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
	visibility: hidden;
	opacity: 0;
	transition: opacity 0.3s ease;
	z-index: 0;
	margin-top: -100%;
}

.modal-overlay.isActive {
	visibility: visible;
	opacity: 1;
	z-index: 998;
	margin-top: 0px;
}

.modal {
	top: 50%;
	left: 50%;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #ffffff;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s;
	z-index: 15;
	overflow: hidden;
}

.modal.isActive {
	opacity: 1;
	visibility: visible;
	z-index: 999;
}

.modal.video-overlay-modal {
	width: 95%;
	height: 85%;
}

.modal.bundle-overlay-modal {
	width: 60%;
	height: 60%;
}

.modal-inner {
	height: 100%;
	width: 100%;
	padding: 40px;
	overflow: hidden;
}

.close-btn {
	position: absolute;
	right: 0px;
	top: 0px;
}

.close-icon {
	fill: #1d1d1b;
	stroke: #1d1d1b;
	height: 40px;
	width: 40px;
	padding: 2px;
	transition: all 0.3s ease;
}

.close-icon:hover {
	background: rgba(0, 0, 0, 0.15);
	cursor: pointer;
}

.modal-video {
	width: 100%;
	height: 100%;
	display: block;
	margin: 0px auto;
}

.modal-video video {
	width: 100%;
	height: 100%;
}

/*
* 7.Theme
* =========================
* Use this for pretty specific styles.
*/

.header {
	position: fixed;
	top: 0px;
	z-index: 6;
	width: 100%;
	transition: all 0.5s ease;
}

.admin-bar .header {
	top: 32px;
}

.logo {
	height: 80px;
	width: 140px;
}

.mobile-menu {
	font-family: "ArcherProMedium", sans-serif;
	height: 100%;
	position: absolute;
	right: 0;
}

.mobile-menu .menu-text {
	position: relative;
	top: -2px;
}

.mobile-menu .mobile-toggle {
	align-items: center;
	height: 100%;
	position: relative;
	z-index: 3;
}

.mobile-menu .hamburger-wrap {
	width: 20px;
	height: 25px;
	display: inline-block;
	position: relative;
}

.mobile-menu .hamburger-wrap span {
	display: block;
	height: 2px;
	position: absolute;
	width: 25px;
	background: #000000;
	opacity: 1;
	transition: all 0.3s ease;
}

.mobile-menu .hamburger-wrap span.top {
	top: 0;
}

.mobile-menu .hamburger-wrap span.middle {
	top: 8px;
}

.mobile-menu .hamburger-wrap span.middle-second {
	top: 8px;
}

.mobile-menu .hamburger-wrap span.bottom {
	top: 16px;
}

.mobile-menu .hamburger-wrap.open .top {
	top: 8px;
	opacity: 0;
}

.mobile-menu .hamburger-wrap.open .middle {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.mobile-menu .hamburger-wrap.open .middle-second {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.mobile-menu .hamburger-wrap.open .bottom {
	top: 8px;
	opacity: 0;
}

.mobile-nav {
	height: 100vh;
	width: 100%;
	position: absolute;
	background: #ffffff;
	z-index: 1;
	left: 0;
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	transition: all 0.3s ease;
}

.mobile-nav.isActive {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}

.mobile-nav li {
	text-transform: uppercase;
}

.mobile-nav .mobile-nav-inner {
	height: 100%;
	overflow-y: scroll;
}

.desktop-nav {
	display: flex;
	height: 180px;
	align-items: center;
	transition: all 0.3s ease;
}

.desktop-nav li {
	margin: 0px 2em;
	display: flex;
	align-items: center;
	font-family: "AzoSansMedium", sans-serif;
	height: 100%;
	transition: all 0.3s ease;
}

.desktop-nav li a {
	position: relative;
	color: #000000;
	transition: all 0.3s ease;
}

.desktop-nav li a.isActive {
	color: #1d1d1b;
}

.desktop-nav li a:hover {
	color: #1d1d1b;
}

.desktop-nav li a svg {
	height: 140px;
	width: 120px;
	transition: all 0.3s ease;
}

.header .desktop-nav {
	height: 60px;
}

.header .desktop-nav li {
	overflow: hidden;
}

.header .desktop-nav li a svg {
	-webkit-transform: translateY(-58px);
	transform: translateY(-58px);
}

.isCheckout .first-section {
	margin-top: 95px;
}

.top-head {
	font-family: "OpenSansSemibold", sans-serif;
	font-size: 12px;
	height: 35px;
}

.top-menu li {
	display: inline-block;
}

.top-menu li a {
	padding: 10px 10px;
	transition: all 0.3s ease;
}

.top-menu li a:hover {
	background: #ffffff;
	color: #000000;
}

.top-menu li a.isActive {
	background: #ffffff;
	color: #000000;
}

.cart-wrap {
	background: #000000;
	position: absolute;
	top: 0px;
	right: 0px;
	width: 45px;
	height: 35px;
	cursor: pointer;
	transition: all 0.3s ease;
	z-index: 3;
}

.cart-wrap svg {
	width: 60%;
	height: 70%;
	position: absolute;
	top: 15%;
	left: 20%;
}

.cart-wrap .basket-count {
	position: absolute;
	top: 1px;
	right: 5px;
	color: #ffffff;
	transition: all 0.3s ease;
}

.cart-wrap:hover,
.cart-wrap.isActive {
	background: #ffc700;
}

.cart-wrap:hover svg use,
.cart-wrap.isActive svg use {
	fill: #000000;
}

.cart-wrap:hover .basket-count,
.cart-wrap.isActive .basket-count {
	color: #000000;
}

.mega-menu {
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	transition: all 0.3s;
	-webkit-transform: translateY(-20px);
	transform: translateY(-20px);
	background: #ffffff;
	pointer-events: none;
}

.mega-menu.isActive {
	overflow: scroll;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
	pointer-events: auto;
}

.mega-menu .menu-product-shot {
	width: 85px;
	display: inline-block;
	margin: 0px auto;
	position: absolute;
	bottom: -25px;
}

.mega-menu .button {
	width: auto;
}

.mega-menu a {
	transition: all 0.3s ease;
	padding-bottom: 0px;
}

.mega-menu a .menu-product-shot {
	-webkit-transform: scale(1);
	transform: scale(1);
	transition: all 0.3s ease;
}

.mega-menu a .black {
	transition: all 0.3s ease;
}

.mega-menu a:hover {
	background-position: 50% 50%;
}

.mega-menu a:hover .black {
	color: #ffffff;
}

.mega-menu a:hover .menu-product-shot {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.mobile-logo {
	width: 100%;
	text-align: center;
	position: relative;
	z-index: 3;
}

.mobile-logo svg {
	display: inline-block;
	height: 25px;
}

.takeover-active {
	margin-top: 82px;
}

.takeover-active .header {
	top: 82px;
}

.sub-footer {
	font-size: 12px;
}

.takeover-bar {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 20px;
	z-index: 6;
	background: #ffc700;
	text-align: left;
}

.takeover-bar .button:hover {
	background: #E16F34;
}

.takeover-bar p {
	width: 70%;
}

.takeover-active .basket-items-wrap {
	top: 82px;
}

#field_1_2,
#field_8_2 {
	width: 100%;
	padding: 0px 5px;
}

.first-section {
	margin-top: 215px;
}

.hero .slide .fixed-container {
	position: relative;
	z-index: 3;
}

.hero .slide .video-wrap {
	position: absolute;
	left: 0px;
	top: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.hero .slide .video-wrap video {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.mid-body-hero-video video {
	width: 150%;
	margin-left: 0%;
}

.hero-products a > div {
	transition: all 0.3s ease;
}

.hero-products a .product-corner-listing,
.hero-products a .product-label {
	transition: all 0.3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
	max-width: 250px;
}

.hero-products a .black {
	transition: all 0.3s ease;
}

.hero-products a:hover .product-corner-listing,
.hero-products a:hover .product-label {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.hero-products a:hover .black {
	color: #ffffff;
}

.timeline-tweet a {
	text-decoration: underline;
}

.product-corner-listing {
	position: absolute;
	bottom: -8%;
	right: 8%;
	width: 28%;
}

.product-label {
	max-width: 320px;
	height: auto;
	margin-top: -20%;
}

.signed-promise {
	position: relative;
	width: 195px;
	height: 200px;
	float: right;
	display: inline-block;
}

.signed-promise svg {
	position: absolute;
	z-index: 2;
	top: 0px;
	right: 0px;
}

.signed-promise img {
	position: absolute;
	z-index: 1;
	top: 50%;
	left: -38%;
}

.instagram-feed a {
	position: relative;
}

.instagram-feed a .insta-description {
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0px;
	z-index: 1;
	visibility: hidden;
	opacity: 0;
	cursor: pointer;
	color: #ffffff;
	font-family: "AzoSansRegular", sans-serif;
	text-align: center;
	font-size: 16px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}

.instagram-feed a .insta-description p {
	padding: 20px;
}

.instagram-feed a svg {
	width: 40px;
	height: 40px;
	margin-bottom: 20px;
	z-index: 2;
	bottom: 0px;
	transition: all 0.3s ease;
}

.instagram-feed a:hover .insta-description {
	opacity: 1;
	visibility: visible;
}

.instagram-feed a:hover svg {
	fill: red;
}

.instagram-feed a:nth-of-type(5) {
	display: none;
}

.instagram-feed a:nth-of-type(6) {
	display: none;
}

.header-overlay {
	position: fixed;
	top: 95px;
	left: 0px;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: -1;
	transition: opacity 0.25s;
	opacity: 0;
	background: rgba(0, 0, 0, 0.7);
}

.header-overlay.isActive {
	opacity: 1;
	z-index: 5;
}

.contained-overlay {
	position: absolute;
	top: 50%;
	width: 100%;
	padding: 20px;
}

.contained-overlay .big-text {
	font-size: 60px;
	line-height: 100%;
}

.contained-overlay .button {
	position: absolute;
	top: auto;
	bottom: -50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.contained-overlay.dark-overlay {
	background: rgba(0, 0, 0, 0.7);
	color: #ffffff;
}

.contained-overlay.dark-overlay.isBowser {
	background: #87c4ad;
}

.contained-overlay.light-overlay {
	background: rgba(255, 255, 255, 0.7);
	color: #000000;
}

.mix-listing .mix-pod {
	transition: all 1.3s ease;
	cursor: pointer;
	overflow: hidden;
}

.mix-listing .mix-pod .contained-overlay {
	transition: all 0.3s ease;
	top: auto;
	bottom: 0px;
	overflow: hidden;
}

.mix-listing .mix-pod .contained-overlay .mix-intro {
	transition: all 0.3s ease;
	opacity: 0;
	width: 100%;
	padding: 0px 20px;
	-webkit-transform: scale(0);
	transform: scale(0);
	height: auto;
	max-height: 0px;
	-webkit-animation: fade-out ease 1.4s forwards;
	animation: fade-out ease 1.4s forwards;
}

.mix-listing .mix-pod:hover .contained-overlay .mix-intro,
.mix-listing .mix-pod.isActive .contained-overlay .mix-intro {
	max-height: 500px;
	opacity: 1;
	-webkit-animation: fade-in ease 1.4s forwards;
	animation: fade-in ease 1.4s forwards;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.featured-overlay {
	position: absolute;
	bottom: 30px;
	left: 30px;
	width: calc(100% - 60px);
	background: #ffffff;
	color: #000000;
	z-index: 1;
}

.basket-notification {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(0, 0, 0, 0.8);
	text-align: center;
	padding: 10px 15px;
	z-index: 30;
	transition: all 0.3s;
	-webkit-transform: translate(0%, 100%);
	transform: translate(0%, 100%);
}

.basket-notification .message {
	color: #fff;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

.basket-notification.active {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.variations-wrap .variation-ripple {
	transition: all 0.3s ease;
	height: 100%;
	pointer-events: none;
}

.variations-wrap .variation-ripple * {
	opacity: 0;
	transition: all 0.3s ease;
}

.variations-wrap .variation-ripple > div {
	opacity: 0;
	transition: all 0.3s ease;
}

.variations-wrap .variation-ripple .product-variations {
	min-height: 80px;
	transition: all 0.3s ease;
}

.variations-wrap .variation-ripple.isActive {
	pointer-events: auto;
}

.variations-wrap .variation-ripple.isActive * {
	opacity: 1;
}

.variations-wrap .variation-ripple.isActive > div {
	opacity: 1;
}

.basket-items-wrap {
	width: 50%;
	background-color: #1d1d1b;
	color: #ffffff;
	height: 100%;
	position: fixed;
	top: 0px;
	right: -50%;
	z-index: 3;
	text-align: left;
	transition: all 0.3s ease;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 40px;
}

.basket-items-wrap .basket-items {
	background: #1d1d1b;
	opacity: 0;
	transition: all 0.3s ease;
}

.basket-items-wrap .basket-items.isActive {
	-webkit-animation: from-right 1s;
	animation: from-right 1s;
	opacity: 1;
	height: 100%;
	min-height: 100px;
}

.basket-items-wrap.isActive {
	min-width: 336px;
	right: 0px;
	opacity: 1;
}

.basket-items-wrap .product {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin: 0;
	position: relative;
	border-bottom: 1px solid #ffffff;
}

.basket-items-wrap .product svg {
	width: 40px;
	height: 40px;
}

.basket-items-wrap .product .remove-from-basket {
	width: 100%;
	text-align: center;
	font-size: 12px;
	margin-bottom: 5px;
}

.basket-items-wrap .product .quantity-label .update {
	opacity: 1;
	display: block;
	height: auto;
	max-height: 50px;
	transition: opacity 0.3s ease;
}

.basket-items-wrap .product .quantity-label .update.isHidden {
	max-height: 0px;
	opacity: 0;
}

.basket-items-wrap .product .line-total {
	display: inline-block;
	margin-left: 10px;
}

.basket-items-wrap .basket-total {
	width: 100%;
	display: block;
	margin: 20px 0px;
	font-size: 20px;
}

.basket-items-wrap .basket-total span {
	font-weight: bold;
}

.basket-items-wrap .basket-total span.small {
	font-size: 14px;
}

.basket-items-wrap .checkout-wrap {
	width: 100%;
}

.basket-items-wrap .button {
	cursor: pointer;
	margin: 0 auto;
	color: #000000;
	background: #ffc700;
	padding: 20px 40px;
}

.basket-items-wrap .button:hover {
	background-color: #ffffff;
	color: #000000;
}

.basket-items-wrap .message p {
	color: #fff;
}

.basket-items-wrap.active {
	opacity: 1;
	height: auto;
	padding: 20px 0;
}

.basket-items-wrap.active * {
	display: block;
}

.basket-items-wrap.active > a p {
	color: white;
}

.basket-items-wrap .close-basket {
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 999999999999999999;
	display: block;
}

.basket-items-wrap .close-basket svg {
	width: 55px;
	height: 55px;
}

.product-list-item {
	display: flex;
	margin-bottom: 20px;
	transition: all 0.3s ease;
	align-self: stretch;
}

.product-list-item img,
.product-list-item .product-description,
.product-list-item svg,
.product-list-item .media-wrap {
	transition: all 0.3s ease;
	margin-top: 20px;
}

.product-list-item .product-description {
	border: 1px solid #d6d6d6;
}

.product-list-item:hover {
	box-shadow: 0px 0 15px 5px #c7c7c7;
}

.product-list-item:hover .product-description {
	border-color: transparent;
}

.product-list-item:hover .product-variations .variation .size {
	border-right: 2px solid #ffffff;
}

.product-list-item:hover .product-variations .variation .price svg {
	fill: #ffffff;
}

.product-variations.pb-0 {
	padding-bottom: 0px;
}

.product-variations .divider:after {
	margin: 0px;
}

.product-variations .variation {
	margin-top: -4px;
	position: relative;
}

.product-variations .variation.no-border-right {
	border-right: none !important;
}

.product-variations .variation.no-border-bottom {
	border-bottom: none !important;
}

.product-variations .variation .size {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
}

.product-variations .variation .price span {
	padding-left: 20px;
}

.product-variations .variation .price.no-border-right {
	border-right: none !important;
}

.product-variations .variation span {
	padding: 15px 0px;
	display: block;
}

.product-variations .variation svg {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 80px;
	height: 100%;
}

.hand-crafted-block > .h-100 {
	height: calc(100% - 20px);
}

.hand-crafted-block .hand-crafted {
	width: 100%;
	height: 200px;
}

.product-variations {
	padding: 0px 20px 20px 20px;
}

.product-variations .variation .price {
	border-bottom: 2px solid #000000;
	border-right: 2px solid #000000;
}

.product-variations .variation .price span {
	padding-left: 0px;
}

.product-variations .variation .add-buttons {
	width: 150px;
	position: relative;
	border-bottom: 2px solid #000000;
}

.product-variations .variation .add-buttons span {
	padding-left: 0px;
	display: inline-block;
}

.product-variations .variation .add-buttons span.minus,
.product-variations .variation .add-buttons span.plus {
	background: #f5f5f5;
	border-radius: 100%;
	width: 36px;
	height: 36px;
	display: block;
	position: absolute;
	top: 8px;
	left: 5%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.product-variations .variation .add-buttons span.minus svg,
.product-variations .variation .add-buttons span.plus svg {
	width: 15px;
	height: 36px;
	left: 30%;
}

.product-variations .variation .add-buttons span.minus:hover,
.product-variations .variation .add-buttons span.plus:hover {
	background: #1d1d1b;
}

.product-variations .variation .add-buttons span.minus:hover svg,
.product-variations .variation .add-buttons span.plus:hover svg {
	fill: #ffffff;
}

.product-variations .variation .add-buttons span.minus {
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
}

.product-variations .variation .add-buttons span.minus.isActive {
	opacity: 1;
	visibility: visible;
}

.product-variations .variation .add-buttons span.plus {
	left: auto;
	right: 5%;
}

.product-variations .variation:last-of-type {
	border-bottom: 4px solid #000000;
}

.arrow-block {
	text-transform: uppercase;
	font-family: "AzoSansMedium", sans-serif;
	transition: all 0.3s ease;
}

.arrow-block svg {
	width: 80px;
	height: 20px;
	display: inline-block;
	transition: all 0.3s ease;
	position: relative;
}

.arrow-block.left-arrow-block svg {
	left: auto;
	right: 0px;
}

.arrow-block.right-arrow-block svg {
	left: 0px;
	right: auto;
}

.arrow-block span {
	transition: all 0.3s ease;
	display: inline-block;
	position: relative;
	bottom: 5px;
	left: 10px;
}

.arrow-block span:before {
	content: "";
	transition: 0.5s all ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: 3px;
	width: 0;
	bottom: -5px;
	left: -5%;
	background: #000000;
}

.arrow-block.white span:before {
	background: #ffffff;
}

.arrow-block:hover.left-arrow-block svg {
	right: 10px;
}

.arrow-block:hover.right-arrow-block svg {
	left: 10px;
}

.arrow-block:hover span:before {
	width: 110%;
}

.content-slider .content-prev,
.content-slider .content-next {
	transition: all 0.3s ease;
	cursor: pointer;
}

.content-slider .content-prev:hover,
.content-slider .content-next:hover {
	background: #000000;
}

.content-slider .arrow-block {
	width: 100%;
}

.content-slider .arrow-block.right-arrow-block span {
	left: -5px;
}

.film-slider .film-prev,
.film-slider .film-next {
	transition: all 0.3s ease;
	cursor: pointer;
}

.film-slider .film-prev:hover,
.film-slider .film-next:hover {
	background: #000000;
}

.film-slider .arrow-block {
	width: 100%;
}

.film-slider .arrow-block.right-arrow-block span {
	left: -5px;
}

.ingredients-slider .ingredients-prev,
.ingredients-slider .ingredients-next {
	transition: all 0.3s ease;
	cursor: pointer;
}

.ingredients-slider .ingredients-prev:hover,
.ingredients-slider .ingredients-next:hover {
	background: #000000;
}

.ingredients-slider .arrow-block {
	width: 100%;
}

.ingredients-slider .arrow-block.right-arrow-block span {
	left: -5px;
}

.quote-icon {
	font-family: "ArcherProSemiBold", sans-serif;
	height: 60px;
	font-size: 120px;
	position: absolute;
	top: -25px;
	left: 50%;
	bottom: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.hover-line:before {
	content: "";
	transition: 0.5s all ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: 3px;
	width: 0;
	bottom: -5px;
	left: -5%;
	background: #000000;
}

.hover-line:hover:before {
	width: 110%;
}

.hover-line.isActive:before {
	width: 110%;
}

.hover-line.white:before {
	background: #ffffff;
}

.trans-overlay {
	background: rgba(0, 0, 0, 0.7);
	height: 100%;
	width: 100%;
	z-index: 2;
}

.trans-overlay .overlay-content {
	z-index: 3;
}

.absolute-center {
	position: absolute;
	top: 50%;
	left: 50%;
	bottom: auto;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.absolute-center.bottom-0 {
	top: auto;
	bottom: 0px;
}

.award-image {
	position: absolute;
	right: 20px;
	top: 20px;
}

.award-image.second-award {
	right: 150px;
}

.conkerer-block {
	position: absolute;
	bottom: 0px;
	color: #ffffff;
	text-align: center;
	width: 100%;
	background-image: linear-gradient(transparent, black);
}

.fat-top-border {
	border-top: 10px solid #f5f5f5;
}

.ingredients-bigtext {
	top: 25%;
	width: 100%;
}

.help-icons .button {
	width: 80%;
}

.help-icons .help-icon svg {
	width: 80px;
	height: 60px;
	transition: all 0.3s ease;
}

.help-icons .help-icon .package svg {
	height: 80px;
	margin-top: -20px;
}

.help-icons .help-icon:hover {
	cursor: pointer;
}

.help-icons .help-icon:hover svg {
	fill: #ffc700;
}

.help-icons .help-icon:hover .button {
	color: #1d1d1b;
	background: #ffc700 !important;
}

.card-details {
	background: #ffffff;
	position: relative;
	color: #000000;
	transition: all 0.3s ease;
}

.card-details:hover .arrow-block svg {
	left: 10px;
}

.anchors .anchor {
	transition: all 0.3s ease;
	border-bottom: 1px solid #000000;
	position: relative;
	cursor: pointer;
}

.anchors .anchor:before {
	content: "";
	transition: 0.5s all ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: 3px;
	width: 0;
	bottom: -1px;
	left: 0%;
	background: #000000;
}

.anchors .anchor:hover:before {
	width: 100%;
}

.anchors .anchor-button {
	display: inline-block;
	right: 20px;
	position: absolute;
	margin-top: -5px;
}

.underline-alt {
	position: relative;
	display: inline-block;
}

.underline-alt:before {
	content: " ";
	width: 120%;
	height: 2px;
	background: #000000;
	position: absolute;
	bottom: -5px;
}

.big-line-height {
	line-height: 60px;
}

.product-anchors .product-anchor {
	transition: all 0.3s ease;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.product-anchors .product-anchor:hover {
	cursor: pointer;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.competition-entry {
	opacity: 0;
	max-height: 0px;
	height: auto;
	transition: all 0.3s ease;
}

.competition-entry.isOpen {
	opacity: 1;
	max-height: 999px;
}

.comp-video-placeholder {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 2;
}

.comp-video-trigger {
	background: white;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	bottom: 20px;
	top: auto;
	position: absolute;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	left: 50%;
	cursor: pointer;
	transition: all 0.3s ease;
}

.comp-video-trigger:hover {
	width: 110px;
	height: 110px;
}

.comp-video-trigger .play {
	box-sizing: border-box;
	height: auto;
	border-color: transparent transparent transparent #fdde63;
	transition: 100ms all ease;
	will-change: border-width;
	cursor: pointer;
	border-style: solid;
	border-width: 27px 20px 27px 40px;
	display: block;
	width: auto;
	position: absolute;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	top: 50%;
	left: 65%;
	bottom: auto;
}

.comp-pullout {
	width: 300px;
	height: 270px;
	background: rgba(0, 0, 0, 0.8);
	padding: 20px;
	position: fixed;
	left: -300px;
	top: 30%;
	color: #ffc700;
	z-index: 3;
	text-align: center;
	transition: all 0.3s ease;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}

.comp-pullout.isActive {
	left: 0px;
}

.close-pullout {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30px;
	height: 30px;
	z-index: 5;
}

.close-pullout svg {
	width: 30px;
	height: 30px;
}

.important-bits ul {
	font-size: 20px;
}

.mix-listing {
	margin: 7.5px;
	width: calc(100% - 15px);
}

.mix-listing .filter-pod {
	width: 25%;
	padding: 15px;
}

.cold-brew-images img {
	width: 20%;
	margin-bottom: 20px;
}

.gform_confirmation_message {
	text-align: center;
}

.sub,
sup {
	text-transform: lowercase;
}

.js-add-to-basket.isDisabled {
	pointer-events: none;
	background: #999999;
}

.pointer {
	cursor: pointer;
}

.js-plus.isDisabled {
	pointer-events: none;
	opacity: 0.6 !important;
}

.buying-options {
	width: auto;
	background: #e4e4e4;
	padding: 30px;
}

.buying-options .buying-selectors {
	margin-bottom: 10px;
}

.buying-options .buying-selectors,
.buying-options .buying-button {
	display: inline-block;
	width: 100%;
}

.buying-options select {
	border-right: 0px solid transparent;
	margin-right: 20px;
	-webkit-appearance: menulist;
	-moz-appearance: menulist;
	appearance: menulist;
	padding: 0px 10px;
}

.buying-options .js-buy-button .dots {
	display: none;
}

.buying-options .js-buy-button.isLoading {
	pointer-events: none;
}

.buying-options .js-buy-button.isLoading .dots {
	display: inline;
}

.buying-options .js-buy-button.isDisabled {
	pointer-events: none;
	background: #00B400;
}

.upsell-items {
	display: flex;
	flex-wrap: wrap;
}

.bundles-wrap .bundle {
	text-align: center;
}

.bundles-wrap .products {
	display: flex;
	flex-wrap: wrap;
}

.bundles-wrap .products .bundle-product {
	flex: 0 0 33%;
}

.icon {
	width: auto;
	height: 80px;
}

.sidebar-menu li a {
	transition: all 0.3s ease;
}

.sidebar-menu li a:hover {
	font-weight: bold;
	font-family: "AzoSansBold", sans-serif;
	text-decoration: underline;
}

.quantity-label {
	display: inline-flex;
	border: 1px solid #333;
	border-radius: 12px;
	opacity: .9;
	align-items: center;
	justify-content: center;
	padding: 0px 10px;
}

.quantity-label span {
	padding: 0px 5px;
	display: flex;
	transition: all 0.3s ease;
	cursor: pointer;
}

.quantity-label span:hover {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.quantity-label svg {
	height: 20px !important;
	width: 20px !important;
	margin: 5px !important;
}

.product-slider-wrap .content-prev,
.product-slider-wrap .content-next {
	position: absolute;
	top: 50%;
	left: 0px;
	-webkit-transform: translate(50%, 50%);
	transform: translate(50%, 50%);
	width: 50px;
}

.product-slider-wrap .content-prev svg,
.product-slider-wrap .content-next svg {
	width: 100%;
	height: 40px;
}

.product-slider-wrap .content-next {
	left: auto;
	right: 20px;
}

.product-slider-wrap .product-list-item:hover {
	box-shadow: none;
}

.product-slider-wrap .product-list-item:hover .button {
	background: #ffc700;
}

.product-slider-wrap .product-list-item .product-description {
	border: none !important;
}

.icons-wrapper img {
	max-height: 60px;
}

.icons-wrapper .w-auto {
	display: inline-grid;
	flex: auto;
}

.icons-wrapper .button {
	margin: 0px auto;
}

.floating-categories-wrap {
	position: relative;
	opacity: 1;
	pointer-events: auto;
	transition: all 0.3s ease;
}

.floating-categories-wrap.isFixed .floating-categories {
	top: 65px;
	position: fixed;
	z-index: 3;
}

.floating-categories-wrap.isHidden {
	opacity: 0;
	pointer-events: none;
}

.collection-price {
	height: auto;
	transition: all 0.3s ease;
	pointer-events: none;
	max-height: 0px;
}

.collection-price .regular-price {
	text-decoration: line-through;
	color: red;
}

.collection-price.isActive {
	max-height: 100px;
	pointer-events: auto;
}

.single-product-hero select {
	-webkit-appearance: auto;
	-moz-appearance: auto;
	appearance: auto;
}

.bowser-usp {
	position: absolute;
	left: 20px;
	width: 200px;
	top: 5%;
	z-index: 2;
}

.bowser-usp-two {
	top: auto;
	bottom: 30%;
}

.bowser-add-to-cart {
	z-index: 9999;
	position: absolute;
	top: 32%;
	right: 0px;
}

.bowser-add-to-cart .buying-options {
	padding-top: 20px;
	width: 335px;
	padding: 5px;
	background: none !important;
}

.bowser-add-to-cart .product-variations {
	padding: 0px;
	display: inline-block;
	width: 300px;
}

.bowser-add-to-cart .product-variations .variation {
	border-bottom: none !important;
}

.bowser-anchors li {
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
}

.bowser-anchors li:before {
	content: "";
	transition: 0.5s all ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: 3px;
	width: 0;
	bottom: -5px;
	left: -5%;
	background: #000000;
}

.bowser-anchors li:hover:before,
.bowser-anchors li.isActive:before {
	width: 110%;
}

.bowser-bg {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 0;
	opacity: 0.2;
	pointer-events: none;
}

.bowser-slider .slide img {
	display: inline-block;
	width: 220px;
	z-index: 3;
	position: relative;
	transition: all 0.3s ease;
}

.bowser-slider .slide img.left-bottle,
.bowser-slider .slide img.right-bottle {
	width: 180px;
	opacity: 0.7;
	cursor: pointer;
	z-index: 2;
	top: 20px;
}

.bowser-slider .slide img.left-bottle:hover,
.bowser-slider .slide img.right-bottle:hover {
	opacity: 1;
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

.bowser-slider .slide img.left-bottle {
	left: 20px;
}

.bowser-slider .slide img.right-bottle {
	right: 20px;
}

.js-lifestyle-slider {
	position: relative;
}

.js-lifestyle-slider .slick-dots {
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 20px;
}

.bowser-cart {
	top: 20px;
	right: 20px;
	background: #F7F7F7 !important;
}

.woocommerce.add_to_cart_inline {
	margin-top: 10px;
	border: 2px solid #000000 !important;
}

.woocommerce.add_to_cart_inline .woocommerce-Price-amount {
	padding-right: 20px;
}

.woocommerce.add_to_cart_inline .woocommerce-Price-amount bdi {
	font-size: 2.4rem;
	line-height: 2.4rem;
	font-family: archerprosemibold,sans-serif;
	font-weight: 300;
	letter-spacing: .05em;
}

.woocommerce.add_to_cart_inline a {
	text-transform: uppercase;
	border-width: 2px;
	color: #fff;
	background: #1d1d1b;
	padding: 12px 35px;
	display: inline-block;
	transition: all .3s ease;
	font-size: 14px;
	font-family: azosansmedium,sans-serif;
	width: 232px;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease;
	max-width: 280px;
}

.timeline-content {
	padding: 0px 150px;
}

.timeline-content .wysiwyg img {
	display: inline-block;
}

.timeline-content .wysiwyg .wp-video {
	margin-bottom: 20px;
	width: 100% !important;
}

.timeline-content .wysiwyg blockquote {
	font-size: 26px;
}

.timeline-content .timeline-block {
	position: relative;
}

.timeline-content .timeline-block.first-block {
	padding-top: 0px;
}

.timeline-content .timeline-block .additional-image {
	position: absolute;
	left: -45%;
	height: 100%;
	top: 50%;
	bottom: auto;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.timeline-content .timeline-block .additional-image img {
	height: 100%;
	width: auto;
}

.timeline-content .timeline-block .timeline-text-wrap div {
	padding: 0px 10px;
}

.timeline-content .timeline-block .timeline-text-wrap div.video-wrap {
	padding-bottom: 56.25%;
}

.timeline-content .timeline-block .timeline-text-wrap .wp-video {
	margin: 0px auto;
}

.timeline-content .first-half {
	border-right: 1px solid #f5f5f5;
}

.timeline-content .first-half .timeline-block {
	text-align: right;
}

.timeline-content .first-half .timeline-block .indent-line {
	margin-left: 20px;
}

.timeline-content .second-half {
	border-left: 1px solid #f5f5f5;
}

.timeline-content .second-half .timeline-block .additional-image {
	left: 100%;
	width: 30%;
	height: auto;
	position: absolute;
	top: 50%;
	bottom: auto;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.timeline-content .second-half .timeline-block .additional-image img {
	height: auto;
	width: auto;
}

.woocommerce-info {
	margin-bottom: 0px;
}

.returning-customer-wrap {
	border-top: 3px solid #000000;
	background-color: #f7f6f7;
}

.returning-customer-wrap .woocommerce-info {
	border-top: 0px;
}

.woocommerce-form-coupon-toggle {
	border-top: 3px solid #000000;
	background-color: #f7f6f7;
	margin-top: 10px;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
	border-top: 0px;
}

.woocommerce-form__input.woocommerce-form__input-checkbox {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
}

.conker-woocom-wrap {
	margin-bottom: 40px;
}

.conker-woocom-wrap #ship-to-different-address-checkbox {
	height: 18px;
}

.conker-woocom-wrap .woocommerce-billing-fields h3 {
	margin-bottom: 26px;
}

.conker-woocom-order-details .woocommerce-order-details__title {
	margin-bottom: 20px;
}

.conker-woocom-order-details .woocommerce-notice {
	font-size: 2.57143rem;
	line-height: 2.57143rem;
	font-family: "ArcherProSemiBold", sans-serif;
	font-weight: 300;
	letter-spacing: 0.05em;
	margin-bottom: 20px;
}

.woocommerce-Button.button {
	margin-top: 20px !important;
}

.woo-login-popup-sc-modal.woo-login-popup-sc-modal-off {
	z-index: 2 !important;
}

.woocommerce-MyAccount-content .wc-social-login-profile {
	border-top: 0px !important;
}

.woocommerce-MyAccount-content a {
	text-decoration: underline;
	font-weight: bold;
}

.woocommerce {
	padding-top: 50px;
	margin-top: 100px;
}

.woocommerce.first-section {
	margin-top: 215px;
}

.woocommerce button.button.alt {
	background: #000000;
}

.woocommerce .button {
	padding: 12px 35px !important;
	font-size: 14px !important;
	min-width: 232px !important;
	width: auto !important;
}

.woocommerce #order_review_heading {
	margin-bottom: 20px;
}

.woocommerce .woocommerce-shipping-destination,
.woocommerce .woocommerce-shipping-calculator {
	display: none !important;
}

.woocommerce .woocommerce-MyAccount-navigation {
	margin-bottom: 20px;
	text-align: center;
}

.woocommerce .woocommerce-MyAccount-navigation li {
	display: inline-block;
	margin: 5px 20px;
	position: relative;
}

.woocommerce .woocommerce-MyAccount-navigation li:before {
	content: "";
	transition: 0.5s all ease;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: absolute;
	height: 3px;
	width: 0;
	bottom: -5px;
	left: -5%;
	background: #000000;
}

.woocommerce .woocommerce-MyAccount-navigation li.is-active:before,
.woocommerce .woocommerce-MyAccount-navigation li:hover:before {
	width: 110%;
}

.woocommerce .woocommerce-MyAccount-content {
	width: 80%;
	margin: 0px auto;
}

.woocommerce .woocommerce-MyAccount-content > p {
	font-size: 16px;
	margin-bottom: 20px;
}

.woocommerce .woocommerce-MyAccount-content .woocommerce-order-details__title {
	margin-bottom: 20px;
}

.woocommerce #stripe-payment-data input[type="radio"] {
	-webkit-appearance: radio;
	-moz-appearance: radio;
	appearance: radio;
}

.woocommerce .woocommerce-privacy-policy-text {
	margin-bottom: 20px;
}

.woocommerce #add_payment_method #payment ul.payment_methods li input,
.woocommerce .woocommerce-cart #payment ul.payment_methods li input,
.woocommerce .woocommerce-checkout #payment ul.payment_methods li input {
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	appearance: checkbox;
	height: auto;
}

.woocommerce #add_payment_method #payment ul.payment_methods li img,
.woocommerce .woocommerce-cart #payment ul.payment_methods li img,
.woocommerce .woocommerce-checkout #payment ul.payment_methods li img {
	max-width: 30px;
}

.woocommerce #add_payment_method #payment ul.payment_methods li label,
.woocommerce .woocommerce-cart #payment ul.payment_methods li label,
.woocommerce .woocommerce-checkout #payment ul.payment_methods li label {
	display: inline-block;
}

.woocommerce #payment #place_order {
	float: left;
}

.woocommerce .woocommerce-cart-form .product-thumbnail img {
	max-height: 120px !important;
	width: auto;
	height: auto;
}

.woocommerce .woocommerce-cart-form #coupon_code {
	min-width: 250px;
}

.woocommerce .cart-collaterals .cart_totals {
	width: 100%;
}

.woocommerce .cart-collaterals .cart_totals h2 {
	margin-bottom: 20px;
}

.woocommerce .checkout-button {
	background-color: #ffc700 !important;
	color: #000000 !important;
}

.woocommerce .checkout-button:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
}

.gift-message {
	display: none;
}

.gift-message.isActive {
	display: block;
}

.gift-message-required {
	display: block;
}

.cart-page .woocommerce {
	margin-top: 0px;
	padding-top: 0px;
}

.collection-select {
	padding-left: 10px;
}

/* MailPoet Subscribe Fixes */

.mailpoet-subscription-section {
	padding-top: 50px;
}

.mailpoet-subscription-section h3:before {
	content: '\E0E1';
}

#place_order:hover {
	background: #ffc700;
	color: #1d1d1b;
}

/* 2 column layout */

/* Rounded corners on the WooCommerce "alert" messages */

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
	border-radius: 3px;
}

/* Style form fields to look like Divi */

input.text,
input.title,
input[type=email],
input[type=password],
input[type=tel],
input[type=text],
select,
textarea {
	border: none;
	background-color: #eee;
}

.select2-container .select2-selection--single {
	height: 49px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 49px;
	color: #4e4e4e;
	font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
	margin-top: 8px;
}

.select2-container--default .select2-selection--single {
	background-color: #eee;
	border: none;
}

/* some tweaks to simplify the payment method area */

.woocommerce-checkout #payment {
	background: none !important;
}

.woocommerce-checkout #payment ul.payment_methods {
	border: none;
}

* {
	box-sizing: border-box;
}

.video-background {
	position: absolute;
	z-index: 0;
	top: 0px;
	left: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.video-foreground,
.video-background iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
}

.age-checker {
	height: 100vh;
	width: 100vw;
	min-height: 750px;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	transition: all 0.3s ease;
	background: #000000;
	font-family: "ArcherProSemiBold", sans-serif;
}

.age-checker .input-group select {
	font-family: "AzoSansRegular", sans-serif;
	background-color: #ffffff;
	padding: 10px 40px 10px 20px;
	font-weight: bold;
	background-image: url("../img/arrow-down-sign-to-navigate.svg");
	background-repeat: no-repeat;
	background-position: calc(100% - 10px) 50%;
	background-size: 14px;
	margin-bottom: 0px;
}

.age-checker .input-group select::-ms-expand {
	display: none;
}

.age-checker.isActive {
	opacity: 1;
	visibility: visible;
}

.age-checker .consent-btn {
	cursor: pointer;
	transition: all 0.35s ease-in-out;
}

.age-checker .consent-btn:hover {
	background: #ca9e00;
}

.age-checker .consent-btn.disabled {
	opacity: 0.3;
	pointer-events: none;
}

.age-checker .badger-logo-consent {
	width: 140px;
}

.tours-pods .h-100 {
	min-height: 280px;
}

.tours-pods .tour-pod {
	position: relative;
	transition: all 0.3s ease;
	padding: 40px 20px;
	border: 2px solid #999999;
	overflow: hidden;
	height: 260px;
}

.tours-pods .tour-pod .add-ticket {
	opacity: 0;
	top: 70px;
	position: relative;
	transition: all 0.3s ease;
}

.tours-pods .tour-pod .add-ticket.hasQty {
	opacity: 1;
	top: 0px;
}

.tours-pods .tour-pod:hover {
	background: #ececec;
}

.tours-pods .tour-pod.isActive {
	background: #f8eeee;
}

.tours-pods .tour-pod.isActive .ticket-bubble {
	opacity: 1;
	bottom: 20px;
}

.add-tour-gift {
	transition: all 0.3s ease;
}

.add-tour-gift.giftAdded {
	pointer-events: none;
	opacity: 0.8;
}

.ticket-bubble {
	opacity: 0;
	position: absolute;
	bottom: -140px;
	left: 0px;
	z-index: 2;
	background: #f8eeee;
	width: 100%;
	transition: all 0.3s ease;
}

.ticket-bubble .ticket-qty {
	max-width: 220px;
	margin: 20px 0px;
}

#field_6_6 {
	display: none;
}

.instruction {
	display: none;
}

#field_6_7,
#field_6_8 {
	width: 49%;
	display: inline-block;
}

#field_6_7 label,
#field_6_8 label {
	display: inline-block;
	width: 50%;
}

#field_6_7 .ginput_container,
#field_6_8 .ginput_container {
	display: inline-block;
	width: 50%;
}

#field_6_7 input,
#field_6_8 input {
	border: 0px;
}

#field_6_7 {
	float: left;
	border-bottom: 2px solid;
}

#field_6_8 {
	float: right;
	font-weight: bold;
	padding-top: 15px;
}

#field_6_8 label {
	width: auto;
	margin-right: 10px;
}

.tour-form .gform_footer {
	margin-top: 20px;
}

/*
* 8.Trumps
* =========================
* Use this to trump everything, similiar to our normal shame.css.
* Here we put important rules and super specific utility functions.
*/

.b-lazy {
	transition: opacity 500ms ease-in-out;
	max-width: 100%;
	opacity: 0;
}

.b-loaded {
	opacity: 1;
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.slick-list:focus {
	outline: none;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	height: 100%;
}

.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-track:after {
	clear: both;
}

.slick-loading .slick-track {
	visibility: hidden;
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	outline: none;
}

[dir='rtl'] .slick-slide {
	float: right;
}

.slick-slide img {
	display: block;
}

.slick-slide.slick-loading img {
	display: none;
}

.slick-loading .slick-slide {
	visibility: hidden;
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}

.tab-arrow {
	bottom: 15px;
	top: auto;
	-webkit-transform: none;
	transform: none;
}

.tab-arrow svg {
	height: 25px;
	width: 25px;
}

.tab-slider .slick-dots {
	bottom: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.tab-slider .slick-dots li button::before {
	color: lightgrey;
}

.tab-slider .slick-dots li.slick-active button::before {
	color: #000000;
}

.slick-arrow.slick-hidden {
	display: none;
}

.slick-disabled {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.65s ease;
}

.slick-dots {
	position: absolute;
	bottom: -40px;
	display: block;
	padding: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none;
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1;
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 36px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: 1;
	color: #f9f9f9;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: grey;
}

@media screen and (orientation: landscape) and (max-device-width: 480px) {

body {
	background-color: #ffffff;
	background-image: url("/wp-content/themes/conker/assets/img/rotate-logo.svg");
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 200px;
	height: 100vh;
	width: 100vh;
	overflow: hidden;
}

.header,
.footer,
.section {
	display: none !important;
}

}

@media screen and (max-width: 1500px) {

.timeline-content {
	padding: 0px 0px;
}

.timeline-content .additional-image {
	display: none !important;
}

}

@media screen and (max-width: 1400px) {

.container {
	padding-left: 15px;
	padding-right: 15px;
}

.xl\:vh-40 {
	height: 40vh;
	min-height: 400px;
}

.xl\:vh-45 {
	height: 45vh;
	min-height: 450px;
}

.xl\:vh-50 {
	height: 50vh;
	min-height: 500px;
}

.xl\:vh-55 {
	height: 55vh;
	min-height: 550px;
}

.xl\:vh-60 {
	height: 60vh;
	min-height: 600px;
}

.xl\:vh-65 {
	height: 65vh;
	min-height: 650px;
}

.xl\:vh-70 {
	height: 70vh;
	min-height: 700px;
}

.xl\:vh-75 {
	height: 75vh;
	min-height: 750px;
}

.xl\:vh-80 {
	height: 80vh;
	min-height: 800px;
}

.xl\:vh-85 {
	height: 85vh;
	min-height: 850px;
}

.xl\:vh-90 {
	height: 90vh;
	min-height: 900px;
}

.xl\:vh-95 {
	height: 95vh;
	min-height: 950px;
}

.xl\:vh-100 {
	height: 100vh;
	min-height: 1000px;
}

.xl\:pb-0 {
	padding-bottom: 0px;
}

.xl\:pt-0 {
	padding-top: 0px;
}

.xl\:pb-5 {
	padding-bottom: 5px;
}

.xl\:pt-5 {
	padding-top: 5px;
}

.xl\:pb-10 {
	padding-bottom: 10px;
}

.xl\:pt-10 {
	padding-top: 10px;
}

.xl\:pb-15 {
	padding-bottom: 15px;
}

.xl\:pt-15 {
	padding-top: 15px;
}

.xl\:pb-20 {
	padding-bottom: 20px;
}

.xl\:pt-20 {
	padding-top: 20px;
}

.xl\:pb-30 {
	padding-bottom: 30px;
}

.xl\:pt-30 {
	padding-top: 30px;
}

.xl\:pb-40 {
	padding-bottom: 40px;
}

.xl\:pt-40 {
	padding-top: 40px;
}

.xl\:pb-50 {
	padding-bottom: 50px;
}

.xl\:pt-50 {
	padding-top: 50px;
}

.xl\:pb-55 {
	padding-bottom: 55;
}

.xl\:pt-55 {
	padding-top: 55;
}

.xl\:pb-60 {
	padding-bottom: 60px;
}

.xl\:pt-60 {
	padding-top: 60px;
}

.xl\:pb-70 {
	padding-bottom: 70px;
}

.xl\:pt-70 {
	padding-top: 70px;
}

.xl\:pb-80 {
	padding-bottom: 80px;
}

.xl\:pt-80 {
	padding-top: 80px;
}

.xl\:pb-90 {
	padding-bottom: 90px;
}

.xl\:pt-90 {
	padding-top: 90px;
}

.xl\:pb-100 {
	padding-bottom: 100px;
}

.xl\:pt-100 {
	padding-top: 100px;
}

.xl\:pb-110 {
	padding-bottom: 110px;
}

.xl\:pt-110 {
	padding-top: 110px;
}

.xl\:pb-120 {
	padding-bottom: 120px;
}

.xl\:pt-120 {
	padding-top: 120px;
}

.xl\:pb-130 {
	padding-bottom: 130px;
}

.xl\:pt-130 {
	padding-top: 130px;
}

.xl\:pb-140 {
	padding-bottom: 140px;
}

.xl\:pt-140 {
	padding-top: 140px;
}

.xl\:pb-150 {
	padding-bottom: 150px;
}

.xl\:pt-150 {
	padding-top: 150px;
}

.xl\:pb-155 {
	padding-bottom: 155px;
}

.xl\:pt-155 {
	padding-top: 155px;
}

.xl\:pb-160 {
	padding-bottom: 160px;
}

.xl\:pt-160 {
	padding-top: 160px;
}

.xl\:pb-170 {
	padding-bottom: 170px;
}

.xl\:pt-170 {
	padding-top: 170px;
}

.xl\:pb-175 {
	padding-bottom: 175px;
}

.xl\:pt-175 {
	padding-top: 175px;
}

.xl\:pb-180 {
	padding-bottom: 180px;
}

.xl\:pt-180 {
	padding-top: 180px;
}

.xl\:pb-190 {
	padding-bottom: 190px;
}

.xl\:pt-190 {
	padding-top: 190px;
}

.xl\:pb-200 {
	padding-bottom: 200px;
}

.xl\:pt-200 {
	padding-top: 200px;
}

.xl\:pb-250 {
	padding-bottom: 250px;
}

.xl\:pt-250 {
	padding-top: 250px;
}

.xl\:mb-0 {
	margin-bottom: 0px;
}

.xl\:mb-5 {
	margin-bottom: 5px;
}

.xl\:mb-10 {
	margin-bottom: 10px;
}

.xl\:mb-15 {
	margin-bottom: 15px;
}

.xl\:mb-20 {
	margin-bottom: 20px;
}

.xl\:mb-30 {
	margin-bottom: 30px;
}

.xl\:mb-40 {
	margin-bottom: 40px;
}

.xl\:mb-50 {
	margin-bottom: 50px;
}

.xl\:mb-55 {
	margin-bottom: 55;
}

.xl\:mb-60 {
	margin-bottom: 60px;
}

.xl\:mb-70 {
	margin-bottom: 70px;
}

.xl\:mb-80 {
	margin-bottom: 80px;
}

.xl\:mb-90 {
	margin-bottom: 90px;
}

.xl\:mb-100 {
	margin-bottom: 100px;
}

.xl\:mb-110 {
	margin-bottom: 110px;
}

.xl\:mb-120 {
	margin-bottom: 120px;
}

.xl\:mb-130 {
	margin-bottom: 130px;
}

.xl\:mb-140 {
	margin-bottom: 140px;
}

.xl\:mb-150 {
	margin-bottom: 150px;
}

.xl\:mb-155 {
	margin-bottom: 155px;
}

.xl\:mb-160 {
	margin-bottom: 160px;
}

.xl\:mb-170 {
	margin-bottom: 170px;
}

.xl\:mb-175 {
	margin-bottom: 175px;
}

.xl\:mb-180 {
	margin-bottom: 180px;
}

.xl\:mb-190 {
	margin-bottom: 190px;
}

.xl\:mb-200 {
	margin-bottom: 200px;
}

.xl\:mb-250 {
	margin-bottom: 250px;
}

}

@media screen and (max-width: 1350px) {


.lg\:w-1\/2 {
	flex: 0 0 50%;
	max-width: 50%;
}

.lg\:w-8\/12 {
	flex: 0 0 66.666667%;
	max-width: 66.666667%;
}

.lg\:w-10\/12 {
	flex: 0 0 83.333333%;
	max-width: 83.333333%;
}


.lg\:w-full {
	flex: 0 0 100%;
	max-width: 100%;
}

.lg\:vh-40 {
	height: 40vh;
	min-height: 400px;
}

.lg\:vh-45 {
	height: 45vh;
	min-height: 450px;
}

.lg\:vh-50 {
	height: 50vh;
	min-height: 500px;
}

.lg\:vh-55 {
	height: 55vh;
	min-height: 550px;
}

.lg\:vh-60 {
	height: 60vh;
	min-height: 600px;
}

.lg\:vh-65 {
	height: 65vh;
	min-height: 650px;
}

.lg\:vh-70 {
	height: 70vh;
	min-height: 700px;
}

.lg\:vh-75 {
	height: 75vh;
	min-height: 750px;
}

.lg\:vh-80 {
	height: 80vh;
	min-height: 800px;
}

.lg\:vh-85 {
	height: 85vh;
	min-height: 850px;
}

.lg\:vh-90 {
	height: 90vh;
	min-height: 900px;
}

.lg\:vh-95 {
	height: 95vh;
	min-height: 950px;
}

.lg\:vh-100 {
	height: 100vh;
	min-height: 1000px;
}

.lg\:none {
	display: none;
}

.lg\:block {
	display: block;
}

.lg\:left-20 {
	left: 20px;
}

.lg\:py-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.lg\:px-20 {
	padding-right: 20px;
	padding-left: 20px;
}

.lg\:pb-0 {
	padding-bottom: 0px;
}

.lg\:pt-0 {
	padding-top: 0px;
}

.lg\:pb-5 {
	padding-bottom: 5px;
}

.lg\:pt-5 {
	padding-top: 5px;
}

.lg\:pb-10 {
	padding-bottom: 10px;
}

.lg\:pt-10 {
	padding-top: 10px;
}

.lg\:pb-15 {
	padding-bottom: 15px;
}

.lg\:pt-15 {
	padding-top: 15px;
}

.lg\:pb-20 {
	padding-bottom: 20px;
}

.lg\:pt-20 {
	padding-top: 20px;
}

.lg\:pb-30 {
	padding-bottom: 30px;
}

.lg\:pt-30 {
	padding-top: 30px;
}

.lg\:pb-40 {
	padding-bottom: 40px;
}

.lg\:pt-40 {
	padding-top: 40px;
}

.lg\:pb-50 {
	padding-bottom: 50px;
}

.lg\:pt-50 {
	padding-top: 50px;
}

.lg\:pb-55 {
	padding-bottom: 55;
}

.lg\:pt-55 {
	padding-top: 55;
}

.lg\:pb-60 {
	padding-bottom: 60px;
}

.lg\:pt-60 {
	padding-top: 60px;
}

.lg\:pb-70 {
	padding-bottom: 70px;
}

.lg\:pt-70 {
	padding-top: 70px;
}

.lg\:pb-80 {
	padding-bottom: 80px;
}

.lg\:pt-80 {
	padding-top: 80px;
}

.lg\:pb-90 {
	padding-bottom: 90px;
}

.lg\:pt-90 {
	padding-top: 90px;
}

.lg\:pb-100 {
	padding-bottom: 100px;
}

.lg\:pt-100 {
	padding-top: 100px;
}

.lg\:pb-110 {
	padding-bottom: 110px;
}

.lg\:pt-110 {
	padding-top: 110px;
}

.lg\:pb-120 {
	padding-bottom: 120px;
}

.lg\:pt-120 {
	padding-top: 120px;
}

.lg\:pb-130 {
	padding-bottom: 130px;
}

.lg\:pt-130 {
	padding-top: 130px;
}

.lg\:pb-140 {
	padding-bottom: 140px;
}

.lg\:pt-140 {
	padding-top: 140px;
}

.lg\:pb-150 {
	padding-bottom: 150px;
}

.lg\:pt-150 {
	padding-top: 150px;
}

.lg\:pb-155 {
	padding-bottom: 155px;
}

.lg\:pt-155 {
	padding-top: 155px;
}

.lg\:pb-160 {
	padding-bottom: 160px;
}

.lg\:pt-160 {
	padding-top: 160px;
}

.lg\:pb-170 {
	padding-bottom: 170px;
}

.lg\:pt-170 {
	padding-top: 170px;
}

.lg\:pb-175 {
	padding-bottom: 175px;
}

.lg\:pt-175 {
	padding-top: 175px;
}

.lg\:pb-180 {
	padding-bottom: 180px;
}

.lg\:pt-180 {
	padding-top: 180px;
}

.lg\:pb-190 {
	padding-bottom: 190px;
}

.lg\:pt-190 {
	padding-top: 190px;
}

.lg\:pb-200 {
	padding-bottom: 200px;
}

.lg\:pt-200 {
	padding-top: 200px;
}

.lg\:pb-250 {
	padding-bottom: 250px;
}

.lg\:pt-250 {
	padding-top: 250px;
}

.lg\:mb-0 {
	margin-bottom: 0px;
}

.lg\:mb-5 {
	margin-bottom: 5px;
}

.lg\:mb-10 {
	margin-bottom: 10px;
}

.lg\:mb-15 {
	margin-bottom: 15px;
}

.lg\:mb-20 {
	margin-bottom: 20px;
}

.lg\:mb-30 {
	margin-bottom: 30px;
}

.lg\:mb-40 {
	margin-bottom: 40px;
}

.lg\:mb-50 {
	margin-bottom: 50px;
}

.lg\:mb-55 {
	margin-bottom: 55;
}

.lg\:mb-60 {
	margin-bottom: 60px;
}

.lg\:mb-70 {
	margin-bottom: 70px;
}

.lg\:mb-80 {
	margin-bottom: 80px;
}

.lg\:mb-90 {
	margin-bottom: 90px;
}

.lg\:mb-100 {
	margin-bottom: 100px;
}

.lg\:mb-110 {
	margin-bottom: 110px;
}

.lg\:mb-120 {
	margin-bottom: 120px;
}

.lg\:mb-130 {
	margin-bottom: 130px;
}

.lg\:mb-140 {
	margin-bottom: 140px;
}

.lg\:mb-150 {
	margin-bottom: 150px;
}

.lg\:mb-155 {
	margin-bottom: 155px;
}

.lg\:mb-160 {
	margin-bottom: 160px;
}

.lg\:mb-170 {
	margin-bottom: 170px;
}

.lg\:mb-175 {
	margin-bottom: 175px;
}

.lg\:mb-180 {
	margin-bottom: 180px;
}

.lg\:mb-190 {
	margin-bottom: 190px;
}

.lg\:mb-200 {
	margin-bottom: 200px;
}

.lg\:mb-250 {
	margin-bottom: 250px;
}

.lg\:order-1 {
	order: 1;
}

.lg\:order-2 {
	order: 2;
}

.cold-brew-images img {
	width: 33%;
	margin-bottom: 20px;
}

.award-image {
	width: 100px !important;
	top: 10px;
	right: 10px;
}

.mix-listing .filter-pod {
	width: 33.333%;
}

}

@media screen and (max-width: 1050px) {

.contained-overlay {
	top: 40%;
}

}

@media screen and (max-width: 768px) {

h1,
.h1 {
	font-size: 26px;
	font-size: 1.73333rem;
	line-height: 2rem;
}

h1.massive-h1,
.h1.massive-h1 {
	font-size: 40px;
	font-size: 2.66667rem;
	line-height: 2.66667rem;
}

h2,
.h2 {
	font-size: 26px;
}


.md\:w-1\/3 {
	flex: 0 0 33.333333%;
	max-width: 33.333333%;
}


.md\:w-1\/2 {
	flex: 0 0 50%;
	max-width: 50%;
}


.md\:w-full {
	flex: 0 0 100%;
	max-width: 100%;
}

.md\:media-wrap {
	padding-bottom: 56.25%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50%;
	width: 100%;
}

.md\:vh-40 {
	height: 40vh;
	min-height: 400px;
}

.md\:vh-45 {
	height: 45vh;
	min-height: 450px;
}

.md\:vh-50 {
	height: 50vh;
	min-height: 500px;
}

.md\:vh-55 {
	height: 55vh;
	min-height: 550px;
}

.md\:vh-60 {
	height: 60vh;
	min-height: 600px;
}

.md\:vh-65 {
	height: 65vh;
	min-height: 650px;
}

.md\:vh-70 {
	height: 70vh;
	min-height: 700px;
}

.md\:vh-75 {
	height: 75vh;
	min-height: 750px;
}

.md\:vh-80 {
	height: 80vh;
	min-height: 800px;
}

.md\:vh-85 {
	height: 85vh;
	min-height: 850px;
}

.md\:vh-90 {
	height: 90vh;
	min-height: 900px;
}

.md\:vh-95 {
	height: 95vh;
	min-height: 950px;
}

.md\:vh-100 {
	height: 100vh;
	min-height: 1000px;
}

.md\:h-auto {
	height: auto;
	min-height: auto;
}

.md\:none {
	display: none;
}

.md\:inline-block {
	display: inline-block;
}

.md\:block {
	display: block;
}

.md\:flex {
	display: flex;
}

.md\:float-left {
	float: left;
}

.md\:float-none {
	float: none;
}

.md\:relative {
	position: relative;
}

.md\:left-0 {
	left: 0px;
}

.md\:bottom-0 {
	bottom: 0px;
}

.md\:py-0 {
	padding-top: 0px;
	padding-bottom: 0px;
}

.md\:py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.md\:py-40 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.md\:px-0 {
	padding-right: 0px;
	padding-left: 0px;
}

.md\:px-10 {
	padding-right: 10px;
	padding-left: 10px;
}

.md\:px-20 {
	padding-right: 20px;
	padding-left: 20px;
}

.md\:pl-0 {
	padding-left: 0px;
}

.md\:pr-0 {
	padding-right: 0px;
}

.md\:pb-0 {
	padding-bottom: 0px;
}

.md\:pt-0 {
	padding-top: 0px;
}

.md\:p-0 {
	padding: 0px;
}

.md\:pb-5 {
	padding-bottom: 5px;
}

.md\:pt-5 {
	padding-top: 5px;
}

.md\:pr-10 {
	padding-right: 10px;
}

.md\:pb-10 {
	padding-bottom: 10px;
}

.md\:pt-10 {
	padding-top: 10px;
}

.md\:p-10 {
	padding: 10px;
}

.md\:pb-15 {
	padding-bottom: 15px;
}

.md\:pt-15 {
	padding-top: 15px;
}

.md\:pr-20 {
	padding-right: 20px;
}

.md\:pb-20 {
	padding-bottom: 20px;
}

.md\:pt-20 {
	padding-top: 20px;
}

.md\:p-20 {
	padding: 20px;
}

.md\:pb-30 {
	padding-bottom: 30px;
}

.md\:pt-30 {
	padding-top: 30px;
}

.md\:pb-40 {
	padding-bottom: 40px;
}

.md\:pt-40 {
	padding-top: 40px;
}

.md\:pb-50 {
	padding-bottom: 50px;
}

.md\:pt-50 {
	padding-top: 50px;
}

.md\:pb-55 {
	padding-bottom: 55;
}

.md\:pt-55 {
	padding-top: 55;
}

.md\:pb-60 {
	padding-bottom: 60px;
}

.md\:pt-60 {
	padding-top: 60px;
}

.md\:pb-70 {
	padding-bottom: 70px;
}

.md\:pt-70 {
	padding-top: 70px;
}

.md\:pb-80 {
	padding-bottom: 80px;
}

.md\:pt-80 {
	padding-top: 80px;
}

.md\:pb-90 {
	padding-bottom: 90px;
}

.md\:pt-90 {
	padding-top: 90px;
}

.md\:pb-100 {
	padding-bottom: 100px;
}

.md\:pt-100 {
	padding-top: 100px;
}

.md\:pb-110 {
	padding-bottom: 110px;
}

.md\:pt-110 {
	padding-top: 110px;
}

.md\:pb-120 {
	padding-bottom: 120px;
}

.md\:pt-120 {
	padding-top: 120px;
}

.md\:pb-130 {
	padding-bottom: 130px;
}

.md\:pt-130 {
	padding-top: 130px;
}

.md\:pb-140 {
	padding-bottom: 140px;
}

.md\:pt-140 {
	padding-top: 140px;
}

.md\:pb-150 {
	padding-bottom: 150px;
}

.md\:pt-150 {
	padding-top: 150px;
}

.md\:pb-155 {
	padding-bottom: 155px;
}

.md\:pt-155 {
	padding-top: 155px;
}

.md\:pb-160 {
	padding-bottom: 160px;
}

.md\:pt-160 {
	padding-top: 160px;
}

.md\:pb-170 {
	padding-bottom: 170px;
}

.md\:pt-170 {
	padding-top: 170px;
}

.md\:pb-175 {
	padding-bottom: 175px;
}

.md\:pt-175 {
	padding-top: 175px;
}

.md\:pb-180 {
	padding-bottom: 180px;
}

.md\:pt-180 {
	padding-top: 180px;
}

.md\:pb-190 {
	padding-bottom: 190px;
}

.md\:pt-190 {
	padding-top: 190px;
}

.md\:pb-200 {
	padding-bottom: 200px;
}

.md\:pt-200 {
	padding-top: 200px;
}

.md\:pb-250 {
	padding-bottom: 250px;
}

.md\:pt-250 {
	padding-top: 250px;
}

.md\:my-20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.md\:mx-20 {
	margin-right: 20px;
	margin-left: 20px;
}

.md\:mr-0 {
	margin-right: 0px;
}

.md\:mb-0 {
	margin-bottom: 0px;
}

.md\:mt-0 {
	margin-top: 0px;
}

.md\:mb-5 {
	margin-bottom: 5px;
}

.md\:mb-10 {
	margin-bottom: 10px;
}

.md\:mb-15 {
	margin-bottom: 15px;
}

.md\:ml-20 {
	margin-left: 20px;
}

.md\:mb-20 {
	margin-bottom: 20px;
}

.md\:mt-20 {
	margin-top: 20px;
}

.md\:mb-30 {
	margin-bottom: 30px;
}

.md\:mt-30 {
	margin-top: 30px;
}

.md\:mb-40 {
	margin-bottom: 40px;
}

.md\:mb-50 {
	margin-bottom: 50px;
}

.md\:mt-50 {
	margin-top: 50px;
}

.md\:mb-55 {
	margin-bottom: 55;
}

.md\:mb-60 {
	margin-bottom: 60px;
}

.md\:mb-70 {
	margin-bottom: 70px;
}

.md\:mb-80 {
	margin-bottom: 80px;
}

.md\:mb-90 {
	margin-bottom: 90px;
}

.md\:mb-100 {
	margin-bottom: 100px;
}

.md\:mb-110 {
	margin-bottom: 110px;
}

.md\:mb-120 {
	margin-bottom: 120px;
}

.md\:mb-130 {
	margin-bottom: 130px;
}

.md\:mb-140 {
	margin-bottom: 140px;
}

.md\:mb-150 {
	margin-bottom: 150px;
}

.md\:mb-155 {
	margin-bottom: 155px;
}

.md\:mb-160 {
	margin-bottom: 160px;
}

.md\:mb-170 {
	margin-bottom: 170px;
}

.md\:mb-175 {
	margin-bottom: 175px;
}

.md\:mb-180 {
	margin-bottom: 180px;
}

.md\:mb-190 {
	margin-bottom: 190px;
}

.md\:mb-200 {
	margin-bottom: 200px;
}

.md\:mb-250 {
	margin-bottom: 250px;
}

.md\:mx-auto {
	margin-right: auto;
	margin-left: auto;
}

.md\:order-1 {
	order: 1;
}

.md\:order-2 {
	order: 2;
}

.md\:order-3 {
	order: 3;
}

.md\:flex-wrap {
	flex-wrap: wrap;
}

.form-wrap .input-half {
	width: 100%;
	padding: 0px !important;
}

.md\:text-center {
	text-align: center;
}

.wysiwyg img {
	padding: 20px 0;
}

.wysiwyg p {
	padding-bottom: 20px;
}

.modal-overlay .modal-inner {
	padding: 0px;
}

.modal-overlay .close-btn {
	position: absolute;
	left: 50%;
	right: auto;
	top: 5px;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

.admin-bar .header {
	top: 46px;
}

.top-head {
	height: 60px;
}

.cart-wrap {
	right: 0px;
	top: 0px;
	height: 60px;
	width: 60px;
	background: #1d1d1b;
}

.cart-wrap:hover {
	background: #1d1d1b;
}

.cart-wrap:hover svg use {
	fill: #ffffff;
}

.cart-wrap:hover.isActive {
	background: #ffc700;
}

.cart-wrap:hover.isActive svg use {
	fill: #000000;
}

.mobile-menu {
	left: 15px;
	top: -28px;
}

.mobile-menu .hamburger-wrap span {
	background: #ffffff;
}

.takeover-bar p {
	width: 100%;
}

.takeover-active {
	margin-top: 140px;
}

.takeover-active .header {
	top: 140px;
}

.takeover-active .first-section {
	margin-top: 60px;
}

.takeover-active .basket-items-wrap {
	top: 140px;
}

.product-slider-wrap .content-prev,
.product-slider-wrap .content-next {
	top: auto;
	bottom: -50px;
	left: calc(50% - 50px);
	right: auto;
}

.product-slider-wrap .content-prev {
	left: calc(50% - 100px);
}

.product-slider-wrap .content-next {
	left: 50%;
}

.buying-options {
	margin-bottom: 30px;
}

.home-hero-wrap {
	background: rgba(0, 0, 0, 0.7);
}

.home-hero-wrap h3 {
	font-size: 16px;
	line-height: 24px;
}

.home-hero-wrap .fixed-container {
	align-items: center !important;
}

.cold-brew-images img {
	width: 50%;
	margin-bottom: 20px;
}

.mix-listing .filter-pod {
	width: 50%;
}

.first-section {
	margin-top: 60px;
}

.award-image {
	position: absolute;
	left: 20px;
	right: auto;
}

.mix-listing .mix-pod {
	padding-top: 150px;
}

.mix-listing .mix-pod .contained-overlay .mix-intro {
	max-height: 500px;
	opacity: 1;
	-webkit-animation: fade-in ease 1.4s forwards;
	animation: fade-in ease 1.4s forwards;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.product-label {
	max-width: 80%;
	margin-top: -8%;
}

.contained-overlay .button {
	position: relative;
	top: auto;
	bottom: 0px;
	left: 0px;
	-webkit-transform: none;
	transform: none;
}

.help-icons .button {
	width: 95%;
}

.help-icons .help-icon br {
	display: none;
}

.basket-items-wrap {
	padding: 20px;
}

.basket-items-wrap .h1 {
	width: 100%;
	display: inline-block;
}

.basket-items-wrap.isActive {
	min-width: 100%;
}

.age-checker .age-wrap {
	overflow-y: auto;
	padding: 20px 0px;
}

.age-checker .age-wrap svg {
	width: 100px;
}

.slick-arrow {
	position: absolute;
	bottom: 0px;
	height: auto;
	top: auto;
}

.tab-arrow {
	display: inline-block !important;
}

.home-hero-section {
	background-position: 50% 80% !important;
	background-image: url("https://assets.conkerspirit.co.uk/wp-content/uploads/2020/08/10153115/image00001-1.jpeg") !important;
}

.home-hero-section .container {
	padding-left: 0px;
	padding-right: 0px;
}

.home-hero-section .fixed-container {
	align-items: start;
}

.home-hero-section .fixed-container .hero-banner-content {
	text-align: center !important;
	margin-right: 0px;
	padding: 10px;
	color: #ffffff;
	width: 100%;
}

.home-hero-section .fixed-container .hero-banner-content .button-wrap {
	position: absolute;
	bottom: 0px;
	width: 100%;
}

.home-hero-section .fixed-container .hero-banner-content .button-wrap .button {
	background: #ffc700;
}

}

@media screen and (max-width: 595px) {

.takeover-active {
	margin-top: 140px;
}

.takeover-active .header {
	top: 139px;
}

.takeover-active .first-section {
	margin-top: 59px;
}

.takeover-active .basket-items-wrap {
	top: 160px;
}

}

@media screen and (max-width: 576px) {


.sm\:w-full {
	flex: 0 0 100%;
	max-width: 100%;
}

.sm\:vh-40 {
	height: 40vh;
	min-height: 400px;
}

.sm\:vh-45 {
	height: 45vh;
	min-height: 450px;
}

.sm\:vh-50 {
	height: 50vh;
	min-height: 500px;
}

.sm\:vh-55 {
	height: 55vh;
	min-height: 550px;
}

.sm\:vh-60 {
	height: 60vh;
	min-height: 600px;
}

.sm\:vh-65 {
	height: 65vh;
	min-height: 650px;
}

.sm\:vh-70 {
	height: 70vh;
	min-height: 700px;
}

.sm\:vh-75 {
	height: 75vh;
	min-height: 750px;
}

.sm\:vh-80 {
	height: 80vh;
	min-height: 800px;
}

.sm\:vh-85 {
	height: 85vh;
	min-height: 850px;
}

.sm\:vh-90 {
	height: 90vh;
	min-height: 900px;
}

.sm\:vh-95 {
	height: 95vh;
	min-height: 950px;
}

.sm\:vh-100 {
	height: 100vh;
	min-height: 1000px;
}

.sm\:py-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.sm\:px-20 {
	padding-right: 20px;
	padding-left: 20px;
}

.sm\:pb-0 {
	padding-bottom: 0px;
}

.sm\:pt-0 {
	padding-top: 0px;
}

.sm\:pb-5 {
	padding-bottom: 5px;
}

.sm\:pt-5 {
	padding-top: 5px;
}

.sm\:pb-10 {
	padding-bottom: 10px;
}

.sm\:pt-10 {
	padding-top: 10px;
}

.sm\:pb-15 {
	padding-bottom: 15px;
}

.sm\:pt-15 {
	padding-top: 15px;
}

.sm\:pb-20 {
	padding-bottom: 20px;
}

.sm\:pt-20 {
	padding-top: 20px;
}

.sm\:pb-30 {
	padding-bottom: 30px;
}

.sm\:pt-30 {
	padding-top: 30px;
}

.sm\:pb-40 {
	padding-bottom: 40px;
}

.sm\:pt-40 {
	padding-top: 40px;
}

.sm\:pb-50 {
	padding-bottom: 50px;
}

.sm\:pt-50 {
	padding-top: 50px;
}

.sm\:pb-55 {
	padding-bottom: 55;
}

.sm\:pt-55 {
	padding-top: 55;
}

.sm\:pb-60 {
	padding-bottom: 60px;
}

.sm\:pt-60 {
	padding-top: 60px;
}

.sm\:pb-70 {
	padding-bottom: 70px;
}

.sm\:pt-70 {
	padding-top: 70px;
}

.sm\:pb-80 {
	padding-bottom: 80px;
}

.sm\:pt-80 {
	padding-top: 80px;
}

.sm\:pb-90 {
	padding-bottom: 90px;
}

.sm\:pt-90 {
	padding-top: 90px;
}

.sm\:pb-100 {
	padding-bottom: 100px;
}

.sm\:pt-100 {
	padding-top: 100px;
}

.sm\:pb-110 {
	padding-bottom: 110px;
}

.sm\:pt-110 {
	padding-top: 110px;
}

.sm\:pb-120 {
	padding-bottom: 120px;
}

.sm\:pt-120 {
	padding-top: 120px;
}

.sm\:pb-130 {
	padding-bottom: 130px;
}

.sm\:pt-130 {
	padding-top: 130px;
}

.sm\:pb-140 {
	padding-bottom: 140px;
}

.sm\:pt-140 {
	padding-top: 140px;
}

.sm\:pb-150 {
	padding-bottom: 150px;
}

.sm\:pt-150 {
	padding-top: 150px;
}

.sm\:pb-155 {
	padding-bottom: 155px;
}

.sm\:pt-155 {
	padding-top: 155px;
}

.sm\:pb-160 {
	padding-bottom: 160px;
}

.sm\:pt-160 {
	padding-top: 160px;
}

.sm\:pb-170 {
	padding-bottom: 170px;
}

.sm\:pt-170 {
	padding-top: 170px;
}

.sm\:pb-175 {
	padding-bottom: 175px;
}

.sm\:pt-175 {
	padding-top: 175px;
}

.sm\:pb-180 {
	padding-bottom: 180px;
}

.sm\:pt-180 {
	padding-top: 180px;
}

.sm\:pb-190 {
	padding-bottom: 190px;
}

.sm\:pt-190 {
	padding-top: 190px;
}

.sm\:pb-200 {
	padding-bottom: 200px;
}

.sm\:pt-200 {
	padding-top: 200px;
}

.sm\:pb-250 {
	padding-bottom: 250px;
}

.sm\:pt-250 {
	padding-top: 250px;
}

.sm\:mb-0 {
	margin-bottom: 0px;
}

.sm\:mb-5 {
	margin-bottom: 5px;
}

.sm\:mb-10 {
	margin-bottom: 10px;
}

.sm\:mb-15 {
	margin-bottom: 15px;
}

.sm\:mb-20 {
	margin-bottom: 20px;
}

.sm\:mb-30 {
	margin-bottom: 30px;
}

.sm\:mb-40 {
	margin-bottom: 40px;
}

.sm\:mb-50 {
	margin-bottom: 50px;
}

.sm\:mb-55 {
	margin-bottom: 55;
}

.sm\:mb-60 {
	margin-bottom: 60px;
}

.sm\:mb-70 {
	margin-bottom: 70px;
}

.sm\:mb-80 {
	margin-bottom: 80px;
}

.sm\:mb-90 {
	margin-bottom: 90px;
}

.sm\:mb-100 {
	margin-bottom: 100px;
}

.sm\:mb-110 {
	margin-bottom: 110px;
}

.sm\:mb-120 {
	margin-bottom: 120px;
}

.sm\:mb-130 {
	margin-bottom: 130px;
}

.sm\:mb-140 {
	margin-bottom: 140px;
}

.sm\:mb-150 {
	margin-bottom: 150px;
}

.sm\:mb-155 {
	margin-bottom: 155px;
}

.sm\:mb-160 {
	margin-bottom: 160px;
}

.sm\:mb-170 {
	margin-bottom: 170px;
}

.sm\:mb-175 {
	margin-bottom: 175px;
}

.sm\:mb-180 {
	margin-bottom: 180px;
}

.sm\:mb-190 {
	margin-bottom: 190px;
}

.sm\:mb-200 {
	margin-bottom: 200px;
}

.sm\:mb-250 {
	margin-bottom: 250px;
}

body {
	padding-top: 60px;
}

.quote-icon {
	font-size: 70px;
	top: -15px;
}

.cold-brew-images img {
	width: 100%;
	margin-bottom: 20px;
}

.mix-listing .filter-pod {
	width: 100%;
}

.product-label {
	max-width: 80%;
	margin-top: -20%;
}

.basket-items-wrap {
	min-height: 100%;
}

.basket-items-wrap .product {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 3px solid #ffffff;
}

.bowser-usp {
	position: static;
	display: inline-block;
	margin-top: 20px;
}

.bowser-usp.bowser-usp-one {
	margin-bottom: 20px;
}

.bowser-add-to-cart {
	position: static;
}

.bowser-add-to-cart .buying-options {
	position: static;
	display: inline-block;
	margin-bottom: 0px !important;
}

.bowser-variation .award-image {
	display: none !important;
}

.bowser-slider .slide img {
	width: 45%;
}

.bowser-slider .slide img.left-bottle,
.bowser-slider .slide img.right-bottle {
	width: 20%;
}

.back-to-conker {
	padding: 0px 5px;
}

.back-to-conker span {
	font-size: 10px;
}

.bowser-menu .js-mega-menu-reset {
	margin: 0px;
}

.bowser-menu img {
	width: 180px !important;
}

.bowser-menu p {
	font-size: 11px !important;
}

}

@media print {

.hide-from-printer {
	display: none !important;
}

}

@keyframes logo {

0% {
	-webkit-transform: translateY(0px);
	transform: translateY(0px);
}

100% {
	-webkit-transform: translateY(-58px);
	transform: translateY(-58px);
}

}

@-webkit-keyframes fade-in {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@keyframes fade-in {

from {
	opacity: 0;
}

to {
	opacity: 1;
}

}

@-webkit-keyframes fade-out {

from {
	opacity: 1;
}

to {
	opacity: 0;
}

}

@keyframes fade-out {

from {
	opacity: 1;
}

to {
	opacity: 0;
}

}

@-webkit-keyframes grow-left {

from {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

}

@keyframes grow-left {

from {
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
}

to {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

}