/* Minification failed. Returning unminified contents.
(560,10): run-time error CSS1030: Expected identifier, found '>'
(560,20): run-time error CSS1031: Expected selector, found ')'
(560,20): run-time error CSS1025: Expected comma or open brace, found ')'
(571,19): run-time error CSS1030: Expected identifier, found '.'
(571,46): run-time error CSS1031: Expected selector, found ')'
(571,46): run-time error CSS1025: Expected comma or open brace, found ')'
(588,25): run-time error CSS1030: Expected identifier, found ':'
(588,33): run-time error CSS1031: Expected selector, found ')'
(588,33): run-time error CSS1025: Expected comma or open brace, found ')'
(593,10): run-time error CSS1030: Expected identifier, found '.'
(593,29): run-time error CSS1031: Expected selector, found ')'
(593,29): run-time error CSS1025: Expected comma or open brace, found ')'
(637,14): run-time error CSS1030: Expected identifier, found '.'
(637,33): run-time error CSS1031: Expected selector, found ')'
(637,33): run-time error CSS1025: Expected comma or open brace, found ')'
(639,18): run-time error CSS1030: Expected identifier, found '.'
(639,36): run-time error CSS1031: Expected selector, found ')'
(639,36): run-time error CSS1025: Expected comma or open brace, found ')'
(1332,112): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1332,131): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1332,151): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(1332,198): run-time error CSS1039: Token not allowed after unary operator: '-stroke-pos'
(1332,220): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,253): run-time error CSS1039: Token not allowed after unary operator: '-stroke-neg'
(1332,273): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,308): run-time error CSS1039: Token not allowed after unary operator: '-stroke-pos'
(1332,328): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,363): run-time error CSS1039: Token not allowed after unary operator: '-stroke-neg'
(1332,383): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,416): run-time error CSS1039: Token not allowed after unary operator: '-stroke-pos'
(1332,434): run-time error CSS1039: Token not allowed after unary operator: '-stroke-pos'
(1332,454): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,487): run-time error CSS1039: Token not allowed after unary operator: '-stroke-pos'
(1332,505): run-time error CSS1039: Token not allowed after unary operator: '-stroke-neg'
(1332,525): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,558): run-time error CSS1039: Token not allowed after unary operator: '-stroke-neg'
(1332,576): run-time error CSS1039: Token not allowed after unary operator: '-stroke-pos'
(1332,596): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
(1332,629): run-time error CSS1039: Token not allowed after unary operator: '-stroke-neg'
(1332,647): run-time error CSS1039: Token not allowed after unary operator: '-stroke-neg'
(1332,667): run-time error CSS1039: Token not allowed after unary operator: '-stroke-color'
 */
/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper  img{
	display:block;
}


/** THEME
===================================*/

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;;
    right: 0%;
    z-index: 999;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	width:100%;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}


.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	display: block;
	width: 16px;
	height: 16px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	border-radius: 100%;
    text-indent:-30000px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #79cbc9 !important;
}

.bx-wrapper .bx-next {
	right: 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.homeslide .bx-wrapper .bx-controls-direction a { display:none; }

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
    -ms-transform:translate(0,-50%);
    -o-transform:translate(0,-50%);
    -moz-transform:translate(0,-50%);
    -webkit-transform:translate(0,-50%);
    transform:translate(0,-50%);
	outline: 0;
	width: 30px;
	height: 40px;
    line-height:40px;
	z-index: 9999;
    font-size:2.5em;
    color: #59341a;
    font-weight:700;
    text-align:center;
}

.bx-wrapper .bx-controls-direction a.fa-angle-left {
    left:-30px;
}

.bx-wrapper .bx-controls-direction a.fa-angle-right {
    right:-30px;
}

.rightslider .bx-wrapper .bx-controls-direction a { 
    top:50%;
    color:#fff;
    font-size:4em;
}


.bx-wrapper .bx-controls-direction a.fa-chevron-left { left:0px; }
.bx-wrapper .bx-controls-direction a.fa-chevron-right { right:0px; text-align:right; }

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
*,*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container {margin-right:auto;margin-left:auto;}
.container:before,.container:after,.section:before,.section:after{ display: table; content: " "; }
.container:after,.section:after { clear: both; }
.clear { clear:both; display:block;}

.rad-5 { border-radius: 5px; }
.no-overflow { overflow: hidden; }
.lh-0 { line-height: 0; }

.brown-txt { color: #492f22; }
.lblue-txt { color: #79cbc9; }
.center-txt { text-align: center; }
.d-block { display: block; }

.fs-08 { font-size: 0.8rem; }
.fs-10 {font-size:1rem;}
.fs-15 {font-size:1.5rem;}

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

/*GAP*/
.gap-5 { grid-gap: 5px; }
.gap-10 { grid-gap: 10px; }
.gap-15 { grid-gap: 15px; }
.gap-30 { grid-gap: 30px; }
.gap-45 { grid-gap: 45px; }
.gap-60 { grid-gap: 60px; }
.gap-75 { grid-gap: 75px; }

/*FLEXBOX*/
.flx { display: flex; }
.flx-col { flex-direction: column; }
.flx-row { flex-direction: row; }
.flx-col-rev { flex-direction: column-reverse; }
.flx-row-rev { flex-direction: row-reverse; }
.flx-grow { flex-grow: 1; }
.flx-no-shrink { flex-shrink: 0; }
.flx-wrap { flex-wrap: wrap; }
.flx-self-start { align-self: flex-start; }
.flx-self-end { align-self: flex-end; }
.flx-self-center { align-self: center; }

.flx-al-start { align-items: center; }
.flx-al-center { align-items: center; }
.flx-al-end { align-items: flex-end; }

.flx-ju-start { justify-content: flex-start; }
.flx-ju-center { justify-content: center; }
.flx-ju-end { justify-content: end; }
.flx-ju-evenly { justify-content: space-evenly; }
.flx-ju-around { justify-content: space-around; }
.flx-ju-between { justify-content: space-between; }


.dw-xs-1,.dw-sm-1,.dw-md-1,.dw-lg-1,
.dw-xs-2,.dw-sm-2,.dw-md-2,.dw-lg-2,
.dw-xs-3,.dw-sm-3,.dw-md-3,.dw-lg-3,
.dw-xs-4,.dw-sm-4,.dw-md-4,.dw-lg-4,
.dw-xs-5,.dw-sm-5,.dw-md-5,.dw-lg-5,
.dw-xs-6,.dw-sm-6,.dw-md-6,.dw-lg-6,
.dw-xs-7,.dw-sm-7,.dw-md-7,.dw-lg-7,
.dw-xs-8,.dw-sm-8,.dw-md-8,.dw-lg-8,
.dw-xs-9,.dw-sm-9,.dw-md-9,.dw-lg-9,
.dw-xs-10,.dw-sm-10,.dw-md-10,.dw-lg-10,
.dw-xs-11,.dw-sm-11,.dw-md-11,.dw-lg-11,
.dw-xs-12,.dw-sm-12,.dw-md-12,.dw-lg-12 {position: relative; min-height: 1px; display:block;}

@media (min-width:768px) {
.dw-xs-1,.dw-sm-1,.dw-md-1,.dw-lg-1,
.dw-xs-2,.dw-sm-2,.dw-md-2,.dw-lg-2,
.dw-xs-3,.dw-sm-3,.dw-md-3,.dw-lg-3,
.dw-xs-4,.dw-sm-4,.dw-md-4,.dw-lg-4,
.dw-xs-5,.dw-sm-5,.dw-md-5,.dw-lg-5,
.dw-xs-6,.dw-sm-6,.dw-md-6,.dw-lg-6,
.dw-xs-7,.dw-sm-7,.dw-md-7,.dw-lg-7,
.dw-xs-8,.dw-sm-8,.dw-md-8,.dw-lg-8,
.dw-xs-9,.dw-sm-9,.dw-md-9,.dw-lg-9,
.dw-xs-10,.dw-sm-10,.dw-md-10,.dw-lg-10,
.dw-xs-11,.dw-sm-11,.dw-md-11,.dw-lg-11,
.dw-xs-12,.dw-sm-12,.dw-md-12,.dw-lg-12,
.container {padding:0 15px;}
.section { margin-right: -15px; margin-left: -15px; }
}

@media (max-width:767px) {
.dw-xs-1,.dw-sm-1,.dw-md-1,.dw-lg-1,
.dw-xs-2,.dw-sm-2,.dw-md-2,.dw-lg-2,
.dw-xs-3,.dw-sm-3,.dw-md-3,.dw-lg-3,
.dw-xs-4,.dw-sm-4,.dw-md-4,.dw-lg-4,
.dw-xs-5,.dw-sm-5,.dw-md-5,.dw-lg-5,
.dw-xs-6,.dw-sm-6,.dw-md-6,.dw-lg-6,
.dw-xs-7,.dw-sm-7,.dw-md-7,.dw-lg-7,
.dw-xs-8,.dw-sm-8,.dw-md-8,.dw-lg-8,
.dw-xs-9,.dw-sm-9,.dw-md-9,.dw-lg-9,
.dw-xs-10,.dw-sm-10,.dw-md-10,.dw-lg-10,
.dw-xs-11,.dw-sm-11,.dw-md-11,.dw-lg-11,
.dw-xs-12,.dw-sm-12,.dw-md-12,.dw-lg-12,
.container {padding:0 10px;}
.section { margin-right: -10px; margin-left: -10px; }
}

.dw-xs-1,.dw-xs-2,.dw-xs-3,.dw-xs-4,.dw-xs-5,.dw-xs-6,.dw-xs-7,.dw-xs-8,.dw-xs-9,.dw-xs-10,.dw-xs-11 {float: left;}
.dw-xs-12 {width: 100%;}
.dw-xs-11 {width: 91.66666666666666%;}
.dw-xs-10 {width: 83.33333333333334%;}
.dw-xs-9 {width: 75%;}
.dw-xs-8 {width: 66.66666666666666%;}
.dw-xs-7 {width: 58.333333333333336%;}
.dw-xs-6 {width: 50%;}
.dw-xs-5 {width: 41.66666666666667%;}
.dw-xs-4 {width: 33.33333333333333%;}
.dw-xs-3 {width: 25%;}
.dw-xs-2 {width: 16.666666666666664%;}
.dw-xs-1 {width: 8.333333333333332%;}

@media (min-width: 768px) {
.container {width: 750px;}
.dw-sm-1,.dw-sm-2,.dw-sm-3,.dw-sm-4,.dw-sm-5,.dw-sm-6,.dw-sm-7,.dw-sm-8,.dw-sm-9,.dw-sm-10,.dw-sm-11 {float: left;}
.dw-sm-12 {width: 100%;}
.dw-sm-11 {width: 91.66666666666666%;}
.dw-sm-10 {width: 83.33333333333334%;}
.dw-sm-9 {width: 75%;}
.dw-sm-8 {width: 66.66666666666666%;}
.dw-sm-7 {width: 58.333333333333336%;}
.dw-sm-6 {width: 50%;}
.dw-sm-5 {width: 41.66666666666667%;}
.dw-sm-4 {width: 33.33333333333333%;}
.dw-sm-3 {width: 25%;}
.dw-sm-2 {width: 16.666666666666664%;}
.dw-sm-1 {width: 8.333333333333332%;}
}

@media (min-width: 992px) {
.container {width: 970px;}
.dw-md-1,.dw-md-2,.dw-md-3,.dw-md-4,.dw-md-5,.dw-md-6,.dw-md-7,.dw-md-8,.dw-md-9,.dw-md-10,.dw-md-11 {float: left;}
.dw-md-12 {width: 100%;}
.dw-md-11 {width: 91.66666666666666%;}
.dw-md-10 {width: 83.33333333333334%;}
.dw-md-9 {width: 75%;}
.dw-md-8 {width: 66.66666666666666%;}
.dw-md-7 {width: 58.333333333333336%;}
.dw-md-6 {width: 50%;}
.dw-md-5 {width: 41.66666666666667%;}
.dw-md-4 {width: 33.33333333333333%;}
.dw-md-3 {width: 25%;}
.dw-md-2 {width: 16.666666666666664%;}
.dw-md-1 {width: 8.333333333333332%;}
}

@media (min-width: 1230px) {
.container {width: 1230px;}
.dw-lg-1,.dw-lg-2,.dw-lg-3,.dw-lg-4,.dw-lg-5,.dw-lg-6,.dw-lg-7,.dw-lg-8,.dw-lg-9,.dw-lg-10,.dw-lg-11 {float: left;}
.dw-lg-12 {width: 100%;}
.dw-lg-11 {width: 91.66666666666666%;}
.dw-lg-10 {width: 83.33333333333334%;}
.dw-lg-9 {width: 75%;}
.dw-lg-8 {width: 66.66666666666666%;}
.dw-lg-7 {width: 58.333333333333336%;}
.dw-lg-6 {width: 50%;}
.dw-lg-5 {width: 41.66666666666667%;}
.dw-lg-4 {width: 33.33333333333333%;}
.dw-lg-3 {width: 25%;}
.dw-lg-2 {width: 16.666666666666664%;}
.dw-lg-1 {width: 8.333333333333332%;}
}

@-ms-viewport {width: device-width;}

.visible-xs{display: none !important;}

@media (max-width: 767px) {
.visible-xs {display: block !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-xs.visible-sm {display: block !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.visible-xs.visible-md {display: block !important;}
}

@media (min-width: 1230px) {
.visible-xs.visible-lg {display: block !important;}
}

.visible-sm {display: none !important;}

@media (max-width: 767px) {
.visible-sm.visible-xs {display: block !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {display: block !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.visible-sm.visible-md {display: block !important;}
}

@media (min-width: 1230px) {
.visible-sm.visible-lg {display: block !important;}
}

.visible-md {display: none !important;}

@media (max-width: 767px) {
.visible-md.visible-xs {display: block !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-md.visible-sm {display: block !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.visible-md {display: block !important;}
}

@media (min-width: 1230px) {
.visible-md.visible-lg {display: block !important;}
}

.visible-lg {display: none !important;}

@media (max-width: 767px) {
.visible-lg.visible-xs {display: block !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.visible-lg.visible-sm {display: block !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.visible-lg.visible-md {display: block !important;}
}

@media (min-width: 1230px) {
.visible-lg {display: block !important;}
}

.hidden-xs {display: block !important;}

@media (max-width: 767px) {
.hidden-xs {display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-xs.hidden-sm {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.hidden-xs.hidden-md {display: none !important;}
}

@media (min-width: 1230px) {
.hidden-xs.hidden-lg{display: none !important;}
}

.hidden-sm {display: block !important;}


@media (max-width: 767px) {
.hidden-sm.hidden-xs {display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.hidden-sm.hidden-md {display: none !important;}
}

@media (min-width: 1230px) {
.hidden-sm.hidden-lg {display: none !important;}
}

.hidden-md {display: block !important;}

@media (max-width: 767px) {
.hidden-md.hidden-xs {display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-md.hidden-sm {display: none !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.hidden-md {display: none !important;}
}

@media (min-width: 1230px) {
.hidden-md.hidden-lg {display: none !important;}
}

.hidden-lg {display: block !important;}


@media (max-width: 767px) {
.hidden-lg.hidden-xs {display: none !important;}
}

@media (min-width: 768px) and (max-width: 991px) {
.hidden-lg.hidden-sm{display: none !important;}
}

@media (min-width: 992px) and (max-width: 1229px) {
.hidden-lg.hidden-md{display: none !important;}
}

@media (min-width: 1230px) {
.hidden-lg{display: none !important;}
}

.carousel {position: relative;}
.carousel-inner {position: relative;width: 100%;overflow: hidden;z-index:1;}
.carousel-inner > .item {position: relative;display: none;-webkit-transition: .6s ease-in-out left;-o-transition: .6s ease-in-out left;transition: .6s ease-in-out left;}
.carousel-inner > .item > img,.carousel-inner > .item > a > img {line-height: 1;}
.carousel-inner > .active,.carousel-inner > .next,.carousel-inner > .prev {display: block;}
.carousel-inner > .active {left: 0;}
.carousel-inner > .next,.carousel-inner > .prev {position: absolute;top: 0;width: 100%;}
.carousel-inner > .next {left: 100%;}
.carousel-inner > .prev {left: -100%;}
.carousel-inner > .next.left,.carousel-inner > .prev.right {left: 0;}
.carousel-inner > .active.left {left: -100%;}
.carousel-inner > .active.right {left: 100%;}
.carousel-inner .item a {position:absolute;top:0;left:0;width:100%;height:100%;z-index:9999999999;}
.carousel-indicators {position:absolute;z-index:99999999999;bottom:20px;width:100%;padding:0;margin:0;text-align:center;list-style:none;}
.carousel-indicators li {display: inline-block;width: 16px;height: 16px;margin:0 5px;text-indent: -999px;cursor: pointer;background-color: #fff;border-radius: 10px;}
.carousel-indicators .active {background-color: #79cbc9;}
.carousel-caption {position: absolute;left:50%;width:100%;top:50%;-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index: 10;color: #fff;text-align: center;text-shadow: 0 0px 6px rgba(0, 0, 0, 1);padding:0 15px;}
@media (min-width:1230px) {.carousel-caption{width:1230px;}}
@media (max-width:1229px) and (min-width:992px) {.carousel-caption{max-width:970px;}}
@media (max-width:991px) and (min-width:768px) {.carousel-caption{max-width:750px;}}
@media (max-width:767px) {
.carousel-caption{padding:0 10px;}
.carousel-caption span {display:none;}
}

*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.container { margin-right: auto; margin-left: auto; }
.container:before, .container:after, .section:before, .section:after { display: table; content: " "; }
.container:after, .section:after { clear: both; }
.clear { clear: both; display: block; }
#byomessage { position: fixed; bottom: 0; background-color: #79cbc9; width: 100%; right: 0; z-index: 9999; padding: 15px 0; box-shadow: 0px -3px 6px #00000029; }
#byomessage .container { display: flex; align-items: center; justify-content: space-between; }
#byomessage .brown-txt { font-size: 1.32rem; }
#byomessage .editor-field { margin-bottom: 0 !important; }

#byomessage .OK { background-color: transparent !important; display: flex; justify-content: flex-end; grid-gap: 10px; margin-bottom: 0 !important; padding: 0 !important; margin-top: 10px; }
#byomessage .OK > span { display: flex; grid-gap: 10px; }
#byomessage .OK * { margin: 0 !important; }
#byomessage .view-basket.other, #byomessage .clear { display: none !important; }
.min-h-185 { min-height: 190px; }
.r-gap-14 { grid-row-gap: 14px; }
.flx:has(>.qty-grid) { max-width: 150px; margin: 0 auto; }
.qty-grid { display: grid; grid-template-columns: 1fr 1.5fr 1fr; max-width: 150px; }
.byoqty, .minus.quant, .plus.quant { display: flex; align-items: center; justify-content: center; height: 30px !important; border: 2px solid #492f22 !important; padding: 2px; color: #492f22 !important; padding: 0 !important; text-align: center; }

#byomessage .stripe-shadow-btn { margin-bottom: 15px !important; }
.maw-900 { max-width: 900px; }
.center-block { margin: 0 auto; }
.fw-600 { font-weight: 600; }
.whi-txt { color: #fff !important; }
.px-15 { padding-right: 15px; padding-left: 15px; }
.no-bg {background-color:transparent!important;}
.editor-field:has(.stripe-shadow-btn.disabled) { cursor: not-allowed; }
.stripe-shadow-btn.disabled { color: #A2A7A5 !important; border-color: #A2A7A5 !important; background-color: #DAE2DF !important; pointer-events: none !important; }


.stripe-shadow-btn.disabled::before { background: repeating-linear-gradient(0deg, #A2A7A5, #A2A7A5 7px, #DAE2DF 7px, #DAE2DF 17px); border-top: 5px #A2A7A5 solid; border-right: 5px #A2A7A5 solid; }

.stripe-shadow-btn.disabled::after { background: repeating-linear-gradient(-90deg, #A2A7A5, #A2A7A5 7px, #DAE2DF 7px, #DAE2DF 17px); border-bottom: 5px #A2A7A5 solid; border-left: 5px #A2A7A5 solid; }

.minus.quant { border-right: 0 !important; cursor: pointer; }
.plus.quant { border-left: 0 !important; cursor: pointer; }
.byo-qty { font-weight: 600 !important; font-size: 2rem !important; color: #492f22 !important; }

.check-wrapper { display: flex; align-items: center; grid-gap: 10px; font-weight: 600; color: #492f22; }
.check-wrapper input { display: none !important; }
.check-box { display: inline-flex; height: 32px !important; width: 32px !important; border: 3px solid #492f22; align-items: center; justify-content: center; }

.check-wrapper .check-box i { display: none; color: #79cbc9; font-size: 2.5rem; }
.check-wrapper:has(input:checked) .check-box i { display: block; }
.products .byob-price { padding: 0 7px; }

/*FRANCHISE PAGE*/

body:has(.franchise-pop.open) .masthead { z-index: 1; }
.franchise-wrapper { max-width: 1640px; margin: 0 auto 45px; overflow: hidden; color: #fff; position: relative; }
.franchise-wrapper .container { width: 100%; padding: 0 60px; }
.franchise-hero { position: absolute; top: 0; right: 0; }
.wave-bot { position: absolute; bottom: 0; left: 0; }
.wave-top { position: absolute; top: 0; right: 20%; }
.franchise-wrapper * { color: inherit !important; }
.franchise-wrapper h1 { display: flex; flex-direction: column; grid-gap: 2rem; font-size: 5.25rem; position: relative; }
.franchise-wrapper h1 > span { max-width: fit-content; background-color: #65BDBE; padding: 0 0.5rem; line-height: 0.9; }
.franchise-wrapper h2 { font-size: 4rem !important; max-width: fit-content; background-color: #65BDBE; padding: 0 1rem; margin: 0 0 2rem; position: relative; }
.banner-top { background-color: #FFE2F0; min-height: 330px; padding-top: 3rem; }
.banner-bottom { background-color: #FFF1E8; padding: 60px; }
.wave-bg { background-image: url(images/wave-bg.svg); height: 155px; }
.franchise-block { background-color: #65BDBE; padding: 1rem; font-size: 2rem; position: relative; }
.bottom-grid { margin-top: 2rem; display: grid; grid-template-areas: "text down" "text contact"; grid-gap: 2rem; grid-template-columns: auto 340px; }
.bottom-grid .txt { grid-area: text; }
.bottom-grid .down { grid-area: down; display: flex; align-items: center; font-weight: bold; justify-content: space-between; }
.bottom-grid .down i { font-size: 4.5rem; }
.bottom-grid .contact { grid-area: contact; display: flex; align-items: center; font-weight: bold; justify-content: space-between; }
.bottom-grid span { max-width: min-content; }
.franch-btn { cursor: pointer; }
.franch-btn:hover { color: #65BDBE !important; background-color: #fff; }

.franchise-pop { position: fixed; width: 100%; height: 100vh; z-index: 9999; top: 0; left: 0; display: none; }
.franchise-pop > div { display: flex; align-items: center; justify-content: center; background-color: #33333382; width: 100%; height: 100%; }
.franchise-pop #contactform { max-width: 1396px; flex-grow: 1; border: 2px solid #fff; background-color: #65BDBE; padding: 70px 150px; }
.franchise-pop .editor-label { height: initial !important; }
.franchise-pop label { color: #fff; font-size: 1.625rem !important; color: #fff !important; }
.franchise-pop h2 { font-size: 3.44rem; color: #fff; }
.franchise-pop .txt { font-size: 1.5rem; color: #fff; margin-bottom: 45px; }
.franchise-pop .txt a { color: #fff; text-decoration: underline; font-weight: bold; }
.franchise-pop #submit-form { height: 63px; width: 362px; border: 3px solid #fff; font-size: 1.8rem; }
.franchise-pop .franc-btns-flx { display: flex; align-items: center; justify-content: flex-end; grid-gap: 1rem; width: 100%; }
.franchise-pop .g-recaptcha { overflow: hidden; }
.franchise-pop #contactform textarea { height: 208px; }
.franchise-pop .close-flex { display: flex; width: 100%; justify-content: space-between; }
.franchise-pop .close-flex i { color: #fff; font-size: 4rem; cursor: pointer; }

@media screen and (max-width:1230px) {
    .franchise-wrapper h1 { font-size: 4rem !important; margin-top: 200px; }
    .franchise-wrapper h2 { font-size: 3rem !important; }
}

@media screen and (max-width:600px) {
    body:has(.franchise-pop.open) .masthead { z-index: 1; }
    .franchise-pop #contactform { max-width: 95%; flex-grow: 1; border: 2px solid #fff; background-color: #65BDBE; padding: 15px; max-height: 85vh; overflow: auto; }
    .account:has(.franchise-wrapper) { padding: 0; }
    .franchise-hero img { height: 289px; width: 289px; }
    .wave-top { right: 35%; }
    .wave-top img { height: 120px; width: 180px; }
    .franchise-wrapper h1 { font-size: 2.9rem !important; grid-gap: 0.5rem; position: absolute; left: 8px; top: 290px; margin-top: 0; }
    .franchise-wrapper h1 > span { width: max-content; }
    .franchise-wrapper h1 > span:last-child { font-size: 2.375rem; }
    .franchise-wrapper h2 { font-size: 2rem !important; max-width: min-content; margin-bottom: 1rem; }
    .banner-top { min-height: 243px; }
    .banner-bottom { padding-top: 190px !important; }
    .banner-bottom, .banner-top { padding: 0.5rem; }
    .franchise-block { font-size: 1.25rem; }
    .bottom-grid { display: flex; flex-direction: column; grid-gap: 0.75rem; margin-top: 0.75rem; }
    .wave-bg { background-size: cover; height: 80px; }
    .franchise-wrapper { margin: 0 0 30px !important; }
    .franch-btn { font-size: 2rem; }
    .franchise-pop #submit-form { width: 100%; }
    .franchise-pop .franc-btns-flx { align-items: flex-end; justify-content: flex-end; flex-direction: column; grid-gap: 0.5rem; }
    .franchise-pop .txt { font-size: 1.125rem; margin-bottom: 15px; }
    .franchise-pop #contactform .editor-label { margin-bottom: 5px !important; }
    .franchise-pop label { font-size: 1.125rem !important; }
    .franchise-pop #contactform input[type="text"] { height: 50px; }
    .franchise-pop .close-flex i { font-size: 2rem; cursor: pointer; }
}

@media screen and (max-width:500px) {
    .wave-bg { background-size: cover; height: 40px; }
}

@media screen and (max-width:390px) {
    .franchise-wrapper h1 { max-width: 100%; font-size: 2.8rem !important; }
    .franchise-wrapper h1 > span:last-child { font-size: 2.375rem; }
    .banner-bottom { padding-top: 160px !important; }
}

@media screen and (max-width:360px) {
    .franchise-wrapper h1 { max-width: 100%; font-size: 2.2rem !important; }
    .franchise-wrapper h2 { font-size: 1.7rem !important; }
    .banner-bottom { padding-top: 130px !important; }
}

.dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1,
.dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2,
.dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3,
.dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4,
.dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5,
.dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6,
.dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7,
.dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8,
.dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9,
.dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10,
.dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11,
.dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12 { position: relative; min-height: 1px; display: block; }


@media (min-width:768px) {
    .dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1,
    .dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2,
    .dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3,
    .dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4,
    .dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5,
    .dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6,
    .dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7,
    .dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8,
    .dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9,
    .dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10,
    .dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11,
    .dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12,
    .container { padding: 0 15px; }
    .section { margin-right: -15px; margin-left: -15px; }
}



@media (max-width:767px) {
    .dw-xs-1, .dw-sm-1, .dw-md-1, .dw-lg-1,
    .dw-xs-2, .dw-sm-2, .dw-md-2, .dw-lg-2,
    .dw-xs-3, .dw-sm-3, .dw-md-3, .dw-lg-3,
    .dw-xs-4, .dw-sm-4, .dw-md-4, .dw-lg-4,
    .dw-xs-5, .dw-sm-5, .dw-md-5, .dw-lg-5,
    .dw-xs-6, .dw-sm-6, .dw-md-6, .dw-lg-6,
    .dw-xs-7, .dw-sm-7, .dw-md-7, .dw-lg-7,
    .dw-xs-8, .dw-sm-8, .dw-md-8, .dw-lg-8,
    .dw-xs-9, .dw-sm-9, .dw-md-9, .dw-lg-9,
    .dw-xs-10, .dw-sm-10, .dw-md-10, .dw-lg-10,
    .dw-xs-11, .dw-sm-11, .dw-md-11, .dw-lg-11,
    .dw-xs-12, .dw-sm-12, .dw-md-12, .dw-lg-12,
    .container { padding: 0 10px; }
    .section { margin-right: -10px; margin-left: -10px; }
}

.dw-xs-1, .dw-xs-2, .dw-xs-3, .dw-xs-4, .dw-xs-5, .dw-xs-6, .dw-xs-7, .dw-xs-8, .dw-xs-9, .dw-xs-10, .dw-xs-11 { float: left; }
.dw-xs-12 { width: 100%; }
.dw-xs-11 { width: 91.66666666666666%; }
.dw-xs-10 { width: 83.33333333333334%; }
.dw-xs-9 { width: 75%; }
.dw-xs-8 { width: 66.66666666666666%; }
.dw-xs-7 { width: 58.333333333333336%; }
.dw-xs-6 { width: 50%; }
.dw-xs-5 { width: 41.66666666666667%; }
.dw-xs-4 { width: 33.33333333333333%; }
.dw-xs-3 { width: 25%; }
.dw-xs-2 { width: 16.666666666666664%; }
.dw-xs-1 { width: 8.333333333333332%; }

@media (min-width: 768px) {
    .container { width: 750px; }
    .dw-sm-1, .dw-sm-2, .dw-sm-3, .dw-sm-4, .dw-sm-5, .dw-sm-6, .dw-sm-7, .dw-sm-8, .dw-sm-9, .dw-sm-10, .dw-sm-11 { float: left; }
    .dw-sm-12 { width: 100%; }
    .dw-sm-11 { width: 91.66666666666666%; }
    .dw-sm-10 { width: 83.33333333333334%; }
    .dw-sm-9 { width: 75%; }
    .dw-sm-8 { width: 66.66666666666666%; }
    .dw-sm-7 { width: 58.333333333333336%; }
    .dw-sm-6 { width: 50%; }
    .dw-sm-5 { width: 41.66666666666667%; }
    .dw-sm-4 { width: 33.33333333333333%; }
    .dw-sm-3 { width: 25%; }
    .dw-sm-2 { width: 16.666666666666664%; }
    .dw-sm-1 { width: 8.333333333333332%; }
}

@media (min-width: 992px) {
    .container { width: 970px; }
    .dw-md-1, .dw-md-2, .dw-md-3, .dw-md-4, .dw-md-5, .dw-md-6, .dw-md-7, .dw-md-8, .dw-md-9, .dw-md-10, .dw-md-11 { float: left; }
    .dw-md-12 { width: 100%; }
    .dw-md-11 { width: 91.66666666666666%; }
    .dw-md-10 { width: 83.33333333333334%; }
    .dw-md-9 { width: 75%; }
    .dw-md-8 { width: 66.66666666666666%; }
    .dw-md-7 { width: 58.333333333333336%; }
    .dw-md-6 { width: 50%; }
    .dw-md-5 { width: 41.66666666666667%; }
    .dw-md-4 { width: 33.33333333333333%; }
    .dw-md-3 { width: 25%; }
    .dw-md-2 { width: 16.666666666666664%; }
    .dw-md-1 { width: 8.333333333333332%; }
}

@media (min-width: 1230px) {
    .container { width: 1230px; }
    .dw-lg-1, .dw-lg-2, .dw-lg-3, .dw-lg-4, .dw-lg-5, .dw-lg-6, .dw-lg-7, .dw-lg-8, .dw-lg-9, .dw-lg-10, .dw-lg-11 { float: left; }

    .dw-lg-5th { width: 20%; }
    .dw-lg-12 { width: 100%; }
    .dw-lg-11 { width: 91.66666666666666%; }
    .dw-lg-10 { width: 83.33333333333334%; }
    .dw-lg-9 { width: 75%; }
    .dw-lg-8 { width: 66.66666666666666%; }
    .dw-lg-7 { width: 58.333333333333336%; }
    .dw-lg-6 { width: 50%; }
    .dw-lg-5 { width: 41.66666666666667%; }
    .dw-lg-4 { width: 33.33333333333333%; }
    .dw-lg-3 { width: 25%; }
    .dw-lg-2 { width: 16.666666666666664%; }
    .dw-lg-1 { width: 8.333333333333332%; }
}

@-ms-viewport { width: device-width; }

.visible-xs { display: none !important; }

@media (max-width: 767px) {
    .visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-xs.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-xs.visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-xs.visible-lg { display: block !important; }
}

.visible-sm { display: none !important; }

@media (max-width: 767px) {
    .visible-sm.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-sm.visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-sm.visible-lg { display: block !important; }
}

.visible-md { display: none !important; }

@media (max-width: 767px) {
    .visible-md.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-md.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-md.visible-lg { display: block !important; }
}

.visible-lg { display: none !important; }

@media (max-width: 767px) {
    .visible-lg.visible-xs { display: block !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-lg.visible-sm { display: block !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .visible-lg.visible-md { display: block !important; }
}

@media (min-width: 1230px) {
    .visible-lg { display: block !important; }
}

.hidden-xs { display: block !important; }

@media (max-width: 767px) {
    .hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-xs.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-xs.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-xs.hidden-lg { display: none !important; }
}

.hidden-sm { display: block !important; }


@media (max-width: 767px) {
    .hidden-sm.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-sm.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-sm.hidden-lg { display: none !important; }
}

.hidden-md { display: block !important; }

@media (max-width: 767px) {
    .hidden-md.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-md.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-md.hidden-lg { display: none !important; }
}

.hidden-lg { display: block !important; }


@media (max-width: 767px) {
    .hidden-lg.hidden-xs { display: none !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-lg.hidden-sm { display: none !important; }
}

@media (min-width: 992px) and (max-width: 1229px) {
    .hidden-lg.hidden-md { display: none !important; }
}

@media (min-width: 1230px) {
    .hidden-lg { display: none !important; }
}

.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; z-index: 1; }
.carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; }
.carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; }
.carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; }
.carousel-inner > .active { left: 0; }
.carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; }
.carousel-inner > .next { left: 100%; }
.carousel-inner > .prev { left: -100%; }
.carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; }
.carousel-inner > .active.left { left: -100%; }
.carousel-inner > .active.right { left: 100%; }
.carousel-inner .item a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999999999; }
.carousel-indicators { position: absolute; z-index: 99999999999; bottom: 20px; width: 100%; padding: 0; margin: 0; text-align: center; list-style: none; }
.carousel-indicators li { display: inline-block; width: 16px; height: 16px; margin: 0 5px; text-indent: -999px; cursor: pointer; background-color: #fff; border-radius: 10px; }
.carousel-indicators .active { background-color: #79cbc9; }
.carousel-caption { position: absolute; left: 50%; width: 100%; top: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); z-index: 10; color: #fff; text-align: center; text-shadow: 0 0px 6px rgba(0, 0, 0, 1); padding: 0 15px; }

@media (min-width:1230px) {
    .carousel-caption { width: 1230px; }
}

@media (max-width:1229px) and (min-width:992px) {
    .carousel-caption { max-width: 970px; }
}

@media (max-width:991px) and (min-width:768px) {
    .carousel-caption { max-width: 750px; }
}

@media (max-width:767px) {
    .carousel-caption { padding: 0 10px; }
    .carousel-caption span { display: none; }
}

@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/309dfe/000000000000000000010091/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; }
@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/eb729a/000000000000000000010092/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; }
@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/9b05f3/000000000000000000013365/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }
@font-face { font-family: "futura-pt"; src: url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/cf3e4e/000000000000000000010095/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; }
@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2"),url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff"),url("https://use.typekit.net/af/6f8764/000000000000000000012039/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 400; }
@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff2"),url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("woff"),url("https://use.typekit.net/af/082b7c/00000000000000000001203a/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 400; }
@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/64e0cf/00000000000000000001203d/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; }
@font-face { font-family: "futura-pt-condensed"; src: url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/e6a9c1/00000000000000000001203e/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; }
@font-face { font-family: "futura-pt-bold"; src: url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2"),url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff"),url("https://use.typekit.net/af/053fc9/00000000000000003b9af1e4/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("opentype"); font-display: auto; font-style: normal; font-weight: 700; }
@font-face { font-family: "futura-pt-bold"; src: url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff2"),url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("woff"),url("https://use.typekit.net/af/72575c/00000000000000003b9af1e5/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i7&v=3") format("opentype"); font-display: auto; font-style: italic; font-weight: 700; }

.new-lazy { position: relative; min-height: 80px; padding-bottom: 100%; background-color: transparent; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.new-lazy:before { position: absolute; z-index: 9; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.background-lazy { position: relative; background-color: transparent; background-image: none !important; }
.background-lazy:before { position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); display: inline-block; color: #fff; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }
.ajaxLoader { min-height: 40px; line-height: 35px; text-align: center; }
.ajaxLoader i { display: inline-block; color: #79cbc9; font-size: 5px; margin: 0; width: 1em; height: 1em; border-radius: 50%; -o-animation: load4 1.3s infinite linear; -moz-animation: load4 1.3s infinite linear; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; content: ""; }

@-ms-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-o-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-moz-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@-webkit-keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

@keyframes load4 {
    0%,100% { box-shadow: 0 -3em 0 0.2em, 2em -2em 0 0em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 0; }
    12.5% { box-shadow: 0 -3em 0 0, 2em -2em 0 0.2em, 3em 0 0 0, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    25% { box-shadow: 0 -3em 0 -0.5em, 2em -2em 0 0, 3em 0 0 0.2em, 2em 2em 0 0, 0 3em 0 -1em, -2em 2em 0 -1em, -3em 0 0 -1em, -2em -2em 0 -1em; }
    37.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 0, 2em 2em 0 0.2em, 0 3em 0 0em, -2em 2em 0 -1em, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    50% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 0em, 0 3em 0 0.2em, -2em 2em 0 0, -3em 0em 0 -1em, -2em -2em 0 -1em; }
    62.5% { box-shadow: 0 -3em 0 -1em, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 0, -2em 2em 0 0.2em, -3em 0 0 0, -2em -2em 0 -1em; }
    75% { box-shadow: 0em -3em 0 -1em, 2em -2em 0 -1em, 3em 0em 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0.2em, -2em -2em 0 0; }
    87.5% { box-shadow: 0em -3em 0 0, 2em -2em 0 -1em, 3em 0 0 -1em, 2em 2em 0 -1em, 0 3em 0 -1em, -2em 2em 0 0, -3em 0em 0 0, -2em -2em 0 0.2em; }
}

body { font-size: 1.1em; font-family: 'futura-pt', sans-serif; color: #777; background-color: #fff; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
body.fixed { overflow: hidden; }
img { border: 0; max-width: 100%; height: auto; }
input[type="submit"], input[type="button"] { -webkit-appearance: none; border-radius: 0 !important; }
input[type="submit"], input[type="text"], input[type="password"] { -webkit-appearance: none; }
input[type="submit"], a.btn, a.whole-btn { color: #492f22; line-height: 15px; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-weight: bold; font-size: 20px; outline: none; background: none; border: none; display: block; cursor: pointer; width: 100%; line-height: 25px; }
.section.flex { display: flex; }
input[type="submit"], a.btn, a.whole-btn { cursor: pointer; width: 100%; line-height: 40px; height: 40px; text-align: center; background-color: #79cbc9; color: #fff; border: 1px solid #79cbc9; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 1em; display: block; }
input[type="submit"]:hover, a.btn:hover, a.whole-btn:hover { background-color: #fff; color: #79cbc9; }
a.btn.delete, .btn.small.alice.delete { background-color: #e91e63; border: 1px solid #e91e63; }

#video iframe { position: absolute; top: 0; right: 0; width: 100%; height: 100%; width: 1904px; height: 720px; }

.loading-help { position: relative; }
.loading-help .loading-special { font-family: 'futura-pt-bold', sans-serif; text-align: center; background-color: #ffecde; color: #492f22; cursor: pointer; display: inline-block; margin-right: 15px; position: relative; align-self: center; padding: 5px 15px; text-transform: uppercase; border: 5px #492f22 solid; z-index: 1; transform-origin: right bottom; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; width: 100%; max-width: 415px; float: right; }
.loading-help .surround { text-align: center; }
.loading-help .new-loader { display: inline-block; font-size: 4px; margin: 0; width: 1em; height: 1em; border-radius: 50%; position: relative; text-indent: -9999em; -webkit-animation: load4 1.3s infinite linear; animation: load4 1.3s infinite linear; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); margin-bottom: 2px; }
.loading-help .load-text { line-height: 40px; display: inline-block; text-align: center; -webkit-appearance: none; margin-left: 20px; }


iframe#video, #video object, #video embed, #placeholder img { position: absolute; top: 0; right: 0; width: 100%; height: 720px; }
.video-bg { background-image: url(images/grab-and-go-bars.jpg); overflow: hidden; }
.videobanner { height: 720px; width: 100%; top: 0; left: 0; background-position: 100%; background-size: cover; position: relative; z-index: 1; background-color: #000; opacity: 0.3; }
.videobanner .text { position: absolute; top: 5%; width: 100%; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-transform: uppercase; font-family: 'futura-pt', sans-serif; padding: 0 15px; }
.videobanner .text i.fa-youtube-play { color: #59341a; font-size: 8em; display: block; }
.videobanner .text i.fa-youtube-play:hover { color: #e91e63; cursor: pointer; }
.stripe-shadow-btn { color: #fff; font-family: 'futura-pt-bold', sans-serif; text-align: center; background-color: #ffecde; color: #492f22; cursor: pointer; display: inline-block; margin-bottom: 25px; margin-right: 15px; position: relative; align-self: center; padding: 5px 15px; text-transform: uppercase; border: 5px #492f22 solid; z-index: 1; width: calc(100% - 15px); transform-origin: right bottom; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
stripe-shadow-btn.link.proceed { color: #fff; font-family: 'futura-pt-bold', sans-serif; text-align: center; background-color: #ffecde; color: #492f22; cursor: pointer; display: inline-block; margin-bottom: 25px; margin-right: 15px; position: relative; align-self: center; padding: 5px 15px; text-transform: uppercase; border: 5px #492f22 solid; z-index: 1; width: calc(100% - 15px); transform-origin: right bottom; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
stripe-shadow-btn.link.proceed::before { background: repeating-linear-gradient(0deg, #492f22, #492f22 7px, #ffecde 7px, #ffecde 17px); border-top: 5px #492f22 solid; border-right: 5px #492f22 solid; right: -20px; bottom: -12px; width: 15px; height: calc(100% + 10px); transform: skewY(45deg); }
stripe-shadow-btn.link.proceed::after { background: repeating-linear-gradient(-90deg, #492f22, #492f22 7px, #ffecde 7px, #ffecde 17px); border-bottom: 5px #492f22 solid; border-left: 5px #492f22 solid; bottom: -25px; right: -13px; width: calc(100% + 10px); height: 15px; transform: skewX(45deg); bottom: -20px; }
.stripe-shadow-btn.link.proceed::after, input[type="submit"]::before { content: ''; display: block; position: absolute; z-index: -11; }
.stripe-shadow-btn::after, .stripe-shadow-btn::before { content: ''; display: block; position: absolute; z-index: -11; }
.stripe-shadow-btn::after { background: repeating-linear-gradient(-90deg, #492f22, #492f22 7px, #ffecde 7px, #ffecde 17px); border-bottom: 5px #492f22 solid; border-left: 5px #492f22 solid; bottom: -25px; right: -13px; width: calc(100% + 10px); height: 15px; transform: skewX(45deg); bottom: -20px; }
.stripe-shadow-btn::before { background: repeating-linear-gradient(0deg, #492f22, #492f22 7px, #ffecde 7px, #ffecde 17px); border-top: 5px #492f22 solid; border-right: 5px #492f22 solid; right: -20px; bottom: -12px; width: 15px; height: calc(100% + 10px); transform: skewY(45deg); }
.stripe-shadow-btn.link { line-height: 30px; }

.stripe-shadow-btn:hover { background-color: white; background-size: 90%; transform: translate(-0.5em, -0.5em); box-shadow: 1.6em 1.6em 0.15em rgba(16, 24, 50, 0.1); }
.product-card:hover .stripe-shadow-btn { background-color: white; background-size: 90%; transform: translate(-0.5em, -0.5em); box-shadow: 1.6em 1.6em 0.15em rgba(16, 24, 50, 0.1); }
.stripe-shadow-btn .text { font-size: 1em; }
.orders.stripe-shadow-btn { max-width: 240px; }
.maillist { margin: 25px auto; }
input[type="submit"]:hover, a.btn:hover, a.whole-btn:hover { }
a.btn.delete, .btn.small.alice.delete { background-color: #e91e63; border: 1px solid #e91e63; }
a.btn.delete:hover, .btn.small.alice.delete:hover { background-color: #fff; color: #e91e63; }
input[type="text"], input[type="password"], input[type="tel"], input[type="number"], input[type="email"] { width: 100%; height: 65px; padding: 0 0 0 10px; border: none; font-family: 'PT Serif', serif; color: #777; border: 1px solid #d4d4d4; border-radius: 0; }
textarea { border: 1px solid #d4d4d4; padding: 10px 0 0 10px; font-family: 'PT Serif', serif; color: #777; min-height: 70px; border-radius: 0; width: 100%; }
select { background-color: #fff; width: 100%; height: 65px; line-height: 65px; border: none; font-family: 'PT Serif', serif; color: #777; border: 1px solid #d4d4d4; border-radius: 0; padding: 0 0 0 5px; }
textarea:focus, input:focus, select { outline: none; }
.breadcrumb { display: none !important; }
h1 { font-family: 'futura-pt-bold',sans-serif; margin: 15px 0; color: #59341a; font-size: 2.5em; font-weight: 800; }
h2 { font-family: 'futura-pt-bold',sans-serif; margin: 15px 0; color: #59341a; font-size: 1.8em; }
h3 { font-family: 'futura-pt',sans-serif; margin: 15px 0; color: #59341a; font-size: 1.3em; }
h1.center-head.home, h2.center-head.home { font-size: 2.5em; line-height: 1.2; margin-bottom: 30px; max-width: 480px; }
.specialhead { position: relative; margin: 40px 0 20px 0; text-align: center; }
.specialhead .closeaccount { position: absolute; right: 0; margin-top: 10px; }
.closebtn { max-width: 200px; margin: 0 auto; }
.specialhead.other { margin-top: 20px; }
.specialhead .center-head { margin: 0; padding: 0 15px; background-color: #fff; display: inline; position: relative; z-index: 2; font-size: 2.6em !important; text-align: center !important; }
.specialhead .center-head a span { color: #59341a; }
.specialhead .center-head a span:hover { color: #79cbc9; }
#news h3.center-head { font-size: 1.1em; }
.news h3.center-head a { color: #59341a; text-transform: capitalize; font-family: 'futura-pt-bold', sans-serif; font-size: 1.2em; }
.news h3.center-head a:hover { color: #79cbc9; }
.specialhead .line { position: absolute; top: 50%; margin-top: 4px; height: 2px; border-top: 2px dotted #79cbc9; width: 100%; z-index: 1; }
.underline { height: 2px; border-top: 2px dotted #79cbc9; width: 100%; margin-bottom: 15px; }
#content { position: relative; z-index: 20; overflow-x: hidden; }
#content .wedd-cakes { overflow: hidden; }
.shift-down { margin-top: 170px; }
a { text-decoration: none; color: #79cbc9; }
a:hover { color: #59341a; }
ul, ol { color: #79cbc9; padding-left: 18px; margin: 0; }
ul li span, ul li strong, ol li span, ol li strong { color: #59341a; }
.alice-blue { color: #79cbc9; }
.v-pink { color: #d493c4 !important; }
.large-container { width: 100%; max-width: 1330px; margin: 0 auto; }
.user-msg { padding: 15px; background-color: #e91e63; color: #fff; margin-top: 15px; }
.gfemail em { display: block; }
.instrabg .section { margin: 0 -5px; }
.instrabg .section .dw-sm-3 { padding: 0 5px; margin-bottom: 5px; height: 193px; overflow: hidden; }
.meetingbtn { background-color: #d493c4; color: #fff; border-radius: 3px; text-align: center; font-size: 0.8em; height: 25px; line-height: 25px; margin-bottom: 10px; margin-top: 5px; }
.ordersbtn { background-color: #79cbc9; color: #fff; border-radius: 3px; text-align: center; font-size: 0.8em; height: 25px; line-height: 25px; margin-bottom: 0px; margin-top: 5px; }


.openinghoursbackground { background-color: #79cbc9; min-height: 210px; max-width: 410px; margin: 0 auto 15px; }
.paddingcafes { padding: 20px 9px 5px 15px; min-height: 267px; }
.openinghoursbackground .title { color: #58341d; font-weight: 900; margin: 10px 0px; font-size: 1.2em; }
.openinghoursbackground .text { color: #fff; font-weight: 700; font-size: 0.7em; }
.openinghoursbackground h2 { margin-top: 10px; margin-bottom: 10px; font-size: 1.3em; }

.masthead { position: absolute; width: 100%; z-index: 30; top: 10px; }

.masthead.vid { padding: 15px 0; position: relative; overflow: hidden; background-size: cover; height: 700px; }

.vidoverlay { z-index: 1; background-color: #000; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.5)"; filter: alpha(opacity=0.5); position: absolute; height: 720px; width: 100%; top: 0; left: 0; }


.masthead.vid iframe, .masthead object, .masthead embed { position: absolute; top: 0; right: 0; width: 100%; height: 100%; width: 1904px; height: 700px; }

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

.masthead.vid .container.top { position: relative; height: 700px; z-index: 8; }

#headerleft { }
#headerright { padding: 0 15px; font-family: 'futura-pt-bold', sans-serif; text-transform: uppercase; font-size: 0.85em; font-weight: 500; }
#headerright .accounts { float: right; }
#headerright .accounts span a { display: block; width: 40px; height: 40px; text-align: center; }
#headerright .accounts span a span { color: #777; }
#headerright .accounts span a.on span { color: #59341a; }
#headerright .accounts span a:hover span { color: #79cbc9; }
#headerright .accounts span.log { display: inline-block; line-height: 40px; height: 40px; margin-right: -5px; margin-top: 15px; }
#headerright .accounts span.basket { display: inline-block; line-height: 40px; height: 40px; margin-left: 20px; }
#headerright .accounts span.log i { color: #79cbc9; width: 26px; text-align: center; height: 40px; line-height: 40px; font-size: 1.2em; overflow: hidden; float: left; }
#headerright .navigation ul.alt span.basket i { color: #79cbc9; font-size: 1.3em; }
#headerright .navigation ul.alt span.basket i:hover { color: #59341a; }
#headerright .navigation span.basket i:hover { color: #59341a; }
#headerright .navigation span.basket i { color: #fff; font-size: 1.3em; margin: 0 15px; }
#headerright .navigation span.basket span.show { position: absolute; width: 14px; height: 14px; top: 0; right: 60px; background-color: #d493c4; border-radius: 50%; display: block; font-size: .5em; color: #fff; }
#headerright .accounts span.basket #basket-header.show i span span { right: 3px; top: -13px; position: absolute; display: block; color: #fff; font-size: .3em; }
#headerright .navigation span.basket span.show span { right: 0px; top: 2px; position: absolute; display: block; text-align: center; width: 14px; height: 14px; }
#headerright .accounts span.basket i span.show { position: absolute; width: 14px; height: 14px; top: 0; right: 60px; background-color: #d493c4; border-radius: 50%; display: none; }
#headerright .navigation ul.alt .icons i span.show { position: absolute; width: 14px; height: 14px; top: -7px; right: 0; background-color: #d493c4; border-radius: 50%; display: none; }
#headerright .navigation .icons i.fa-user-circle-o:hover { color: #59341a; }
#headerright .navigation span.basket #basket-header.show i span { display: block; }
#headerright .accounts span.basket #basket-header.show i span { display: block; }
#headerright .navigation { position: relative; height: 50px; }
#headerright .navigation .positioner { right: 0px; position: absolute; top: 0; width: 100%; z-index: 99; left: 50%; transform: translate(-50%, 0%); }
#headerright .navigation ul { list-style: none; padding: 0; margin: 0; width: 100%; color: #fff; }
#headerright .navigation ul li a, #headerright .navigation ul li span { color: #fff; display: block; line-height: 40px; }
#headerright .navigation ul.alt li span { color: #79cbc9 !important; }
#headerright .navigation ul.alt a { color: #79cbc9 !important; }
#headerright .navigation ul.alt a:hover { color: #59341a !important; }
#headerright .navigation ul.alt li.cat a { color: #fff !important; }
#headerright .navigation ul.alt li.cat a:hover { color: #59341a !important; }
#headerright .navigation ul.alt li span:hover { color: #59341a !important; }
#headerright .navigation ul.alt .icons i { color: #79cbc9; }
#headerright .navigation ul.alt .icons i:hover { color: #59341a; }
#headerright .navigation ul li.blog span.blog-nav { padding: 0; display: inline; line-height: 23px; }
#headerright .navigation ul li a.b-nav { line-height: 39px; }
#headerright .navigation ul li a:hover { color: #59341a !important; }
#headerright .navigation .start { width: 40px; height: 40px; line-height: 40px; text-align: center; color: #fff; cursor: pointer; }
#headerright .search { position: absolute; width: 100%; padding-right: 28px; opacity: 0; transition: opacity 0.5s, visibility 0.5s; -webkit-transition: opacity 0.5s, visibility 0.5s; -moz-transition: opacity 0.5s, visibility 0.5s; -o-transition: opacity 0.5s, visibility 0.5s; visibility: hidden; }
#headerright .search.show { visibility: visible; opacity: 1; }
#headerright .search input[type="text"] { border: 1px solid #79cbc9; height: 40px; }
#headerright .search input[type="submit"] { z-index: 2; position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: transparent; border: none; }
#headerright .search .fa-search { z-index: 1; position: absolute; top: 0; right: 0; width: 40px; height: 40px; line-height: 40px; text-align: center; font-size: 1.5em; color: #fff; background-color: #79cbc9; border: 1px solid #79cbc9; }
#headerright .search label:hover .fa-search { background-color: #fff; color: #79cbc9; }
#headerright .search span { display: none !important; }
.ui-autocomplete.ui-front.ui-menu.ui-widget { list-style: none; border: 1px solid #dadada; padding: 0; z-index: 999999999999999999; }
.ui-autocomplete.ui-front.ui-menu.ui-widget li { display: block; width: 100%; line-height: 30px; background-color: #fff; }
.ui-autocomplete.ui-front.ui-menu.ui-widget li a { display: block; width: 100%; line-height: 30px; background-color: #fff; padding: 0 15px; }
.footer { background-color: #79cbc9; color: #fff; padding: 15px 0; text-align: center; }
.footer a { color: #fff; display: inline-block; }
.footer a:hover { color: #59341a; }
.footer .social-media { margin-top: 15px; max-width: 390px; margin: 15px auto 0 auto; display: flex; align-items: center; grid-gap: 15px; justify-content: center; margin-bottom: 30px; flex-wrap: wrap; }
.footer .social-media a { background-color: #fff; font-size: 0.9em; color: #79cbc9; width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50%; border: 2px solid #fff; font-size: 1.3em; text-transform: uppercase; }
.footer .social-media a:first-child { margin-left: 0px; }
.footer .social-media a:nth-child(6) { margin-right: 0px; }
.footer .social-media a:hover { background-color: #79cbc9; color: #fff; }
.footer .main-links ul { padding: 0; list-style: none; display: inline-block; }
.footer .main-links a { margin: 0 15px 15px; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-size: 0.9em; }
.footer .links a { text-transform: uppercase; font-size: 0.75em; font-family: 'futura-pt', sans-serif; display: inline-block; }
.footer .links span { margin: 0 5px; display: inline-block; }
.footer .payment { margin: 30px 0; }
.footer .hiw { margin: 15px 0; }
.footer .legal { font-size: 0.7em; font-family: 'futura-pt', sans-serif; }
.footer .payment img { max-width: 330px; width: 100%; }
.footer .hiw img { max-width: 160px; }


ul.points strong { color: #79cbc9 !important; }


.location-tile { height: 285px; margin-bottom: 15px; }
.location-tile .img#aberyst { background-image: url(images/aberystwyth-cafe.jpg); }
.location-tile .img#llandudno { background-image: url(images/llandudno-cafe.jpg); }
.location-tile .img#cardiff { background-image: url(images/cardiff-cafe.jpg); }
.location-tile .img#caernarfon { background-image: url(images/caernarfron-cafe.jpg); }

.location-tile .img { width: calc(100% - 250px); height: 100%; float: left; background-size: cover; background-position: center; }
.location-tile .openinghoursbackground { width: 250px; height: 100%; float: right; }

.carousel { height: 620px; max-width: 1300px; margin: 0 auto; margin-top: 170px; }
.carousel-caption .title { margin: 0 0 30px; color: #79cbc9; font-size: 2.75em; }
.carousel-caption span { font-size: 2em; }
.carousel .item { height: 620px; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center; }


.OK { padding: 10px; color: #fff; background-color: #393; margin-bottom: 10px; text-align: left; }
.OK ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.view-basket { color: #fff; }
.KO { padding: 10px; color: #fff; background-color: #e91e63; margin-bottom: 10px; text-align: left; }
.KO ul { padding: 0; margin: 0; list-style: none; color: #fff; }
.Generic { padding: 10px; color: #fff; background-color: #333; margin-bottom: 10px; }
.field-validation-error { color: #e91e63 !important; position: absolute; font-size: 0.8em; line-height: normal; line-height: initial; height: auto; }
.newsletter .field-validation-error { color: #59341a !important; }
.validation-summary-errors ul, .validation-summary-errors ol { color: #e91e63; margin-bottom: 15px; }


.home-detail { text-align: center; }
.home-detail a.shop-btn { text-transform: uppercase; color: #fff; background-color: #79cbc9; border: 1px solid #79cbc9; height: 40px; line-height: 40px; max-width: 280px; display: block; margin: 15px auto; font-family: 'futura-pt', sans-serif; }
.home-detail a.shop-btn:hover { background-color: #fff; color: #79cbc9; }

.product-card { position: relative; margin-top: 25px; }
.product-card .detail { margin-top: 15px; }
.product-card .detail .detail-txt { min-height: 81px; margin: 0 auto; max-width: 250px; text-align: center; padding-bottom: 15px; color: #59341a; font-weight: bold; font-size: 1em; font-family: 'futura-pt-bold', sans-serif; text-transform: uppercase; }
.product-card .detail .detail-txt .prpl-price { color: #d79ac8; }

.winner-is { margin: 30px auto 15px auto; text-align: left; max-width: 1300px; position: relative; }
.winner-is .image img { display: block; }
.winner-is .text { background-color: #79cbc9; color: #fff; }
.winner-is .text strong { font-family: 'futura-pt', sans-serif; display: block; margin-bottom: 15px; text-transform: uppercase; font-size: 1.5em; }
.winner-is .text em { font-size: 1.2em; }
.winner-is .text a { width: 100%; max-width: 250px; background-color: #fff; color: #79cbc9; border: 1px solid #fff; height: 40px; line-height: 40px; display: block; margin-top: 25px; text-align: center; font-family: 'futura-pt', sans-serif; text-transform: uppercase; }
.winner-is .text a:hover { background-color: #79cbc9; color: #fff; }
.about-alana { background-image: url(images/home-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; padding: 0px 0 20px; }
.about-alana .events { position: relative; margin-top: 20px; }
.about-alana .events a { display: block; }
.about-alana .events a:hover .overlay, .about-alana .events a:hover .overlay-text { display: block; }
.about-alana img { display: block; }
.about-alana .events a .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #79cbc9; opacity: 0.8; z-index: 1; display: none; }
.about-alana .events a .overlay-text { position: absolute; top: 50%; left: 50%; width: 100%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); padding: 30px; color: #59341a; z-index: 2; display: none; font-size: 1.4em; text-align: center; }
.about-alana .events a .detail { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 3; padding: 0 30px; }
.about-alana .events a .detail .text { background-color: #fff; padding: 10px 15px; color: #59341a; text-align: center; font-family: 'futura-pt-bold',sans-serif; }
.about-alana .offer { position: relative; margin-top: 20px; overflow: hidden; background-color: #d8dad9; }
.about-alana .offer img { display: block; }
.about-alana .offer .new-lazy { padding-bottom: 37.9746835443038%; }
.about-alana .offer .overlay { position: absolute; top: 0; left: 0; width: 100%; background-color: #79cbc9; opacity: 0.8; display: none; }
.about-alana .offer .text { position: absolute; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); left: 0; color: #59341a; text-align: center; padding: 15px; width: 100%; max-width: 340px; }
.about-alana .offer .text .surround { background-color: #fff; padding: 15px; color: #79cbc9; }
.about-alana .offer .text strong { font-family: 'futura-pt', sans-serif; text-transform: uppercase; font-weight: 700; font-size: 1.65em; display: block; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 2px dotted #79cbc9; }
.about-alana .offer .text span.desc { font-size: 1.5em; line-height: 28px; display: block; margin-bottom: 15px; }
.about-alana .offer .text .block { text-transform: uppercase; border: 1px solid #d493c4; background-color: #d493c4; color: #fff; font-size: 0.95em; display: block; height: 40px; line-height: 40px; text-align: center; min-width: 200px; font-family: 'futura-pt-bold',sans-serif; }
.about-alana .offer a:hover .text .block { background-color: #fff; color: #d493c4; }
.toright .events { background-color: #d493c4; }
.toright .events img { position: relative; z-index: 2; display: block; margin: 0px auto; }

.top-card { text-align: center; min-height: 380px; position: relative; margin-top: 35px; }
.top-card .btnposition { position: absolute; width: 65%; bottom: 35px; left: 50%; transform: translate(-50%, 0px); }
.top-card .card-title { position: relative; top: 90px; width: 100%; }
.top-card .card-title::before { content: url(images/misc/smudge.png); position: absolute; }
.top-card .card-title::after { content: url(images/misc/smudge.png); position: absolute; }
.alana-apprentice { position: relative; }
.alana-apprentice::after { content: url(images/misc/smudge.png); position: absolute; right: -60px; transform: rotate(-45deg); top: -50px; }

.top-card .card-title.blue::before { -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); left: 10px; top: -40px; }
.top-card .card-title.blue::after { bottom: -40px; right: 2px; }

.top-card .card-title.yellow::before { -moz-transform: scale(-1, 1); -o-transform: scale(-1, 1); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); left: 21px; top: 48px; }
.top-card .card-title.yellow::after { -moz-transform: scale(1, -1); -o-transform: scale(1, -1); -webkit-transform: scale(1, -1); transform: scale(1, -1); bottom: 50px; right: 18px; }

.top-card .card-title.purple::before { -moz-transform: scale(-1, -1); -o-transform: scale(-1, -1); -webkit-transform: scale(-1, -1); transform: scale(-1, -1); left: 40px; top: -40px; }
.top-card .card-title.purple::after { bottom: -40px; right: 40px; }

.top-card .card-title strong { color: #fff; font-family: 'futura-pt-bold', sans-serif; text-transform: uppercase; font-size: 2em; }
.top-card.stripe-blue-vert { background: repeating-linear-gradient( 90deg, #a2dad9, #a2dad9 80px, #8bd1cf 0px, #8bd1cf 160px); }
.top-card.stripe-yellow-diag { background: repeating-linear-gradient(55deg, #e6be79, #e6be79 80px, #e5b970 0px, #e5b970 160px); }
.top-card.stripe-purple-vert { background: repeating-linear-gradient( 90deg, #c48fab, #c48fab 80px, #bb82a2 0px, #bb82a2 160px); }

#shopnowbtn a { max-width: 300px; }
#shopinternal { margin: 30px auto; }
#shopinternal a { max-width: 365px; margin-top: 15px; }
#shopambass a { position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, -50%); width: 70%; }


.events-container { width: 1200px; height: 425px; background-color: #e5b970; position: relative; width: 100%; }
.events-container img { left: 10px; bottom: -28px; transform: rotate(1deg); position: absolute; }

.img-container { width: 555px; min-height: 426px; background-color: #e5b970; position: relative; }
.img-container.blue { background-color: #79cbc9; }
.treatcont .img-container.smudge::before, .about-quote .img-container.smudge::before { content: url(images/misc/smudge-alt.png); position: absolute; z-index: 1; bottom: -50px; left: -50px; transform: rotate(-70deg); }

.img-container img { position: absolute; }
#alanabaking.img-container img { left: 5px; bottom: 5px; transform: rotate(1deg); }
.treatcont #alanaandsugar.img-container img, .about-quote #alanaandsugar.img-container img { right: 5px; bottom: 5px; transform: rotate(-1deg); }
.journey #alanajourney.image.alana-apprentice img { right: 5px; bottom: 5px; transform: rotate(1deg); }
.journey #alanajourney.image.alana-apprentice { max-width: 555px; max-height: 426px; background-color: #fff; position: relative; margin: 100px auto 0; }
#slider { height: 240px; position: relative; }
#slider .slide { text-align: center; width: 188px !important; height: 200px; margin-right: 20px; float: left; }
#slider .slide .img-container-round { position: relative; width: 65%; padding-top: 65%; margin: 0 auto; background-color: #e5b970; border-radius: 100%; }
#slider .slide .img-container-round img { position: absolute; bottom: 0px; transform: scaleX(1.2) scaleY(1.2); --stroke-pos: 1px; --stroke-neg: -1px; --stroke-color: #fff; filter: drop-shadow(var(--stroke-pos) 0 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(0 var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-pos) var(--stroke-neg) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-pos) 0 var(--stroke-color)) drop-shadow(var(--stroke-neg) var(--stroke-neg) 0 var(--stroke-color)); }
#slider .slide strong { color: #492f22; line-height: 15px; text-transform: uppercase; font-family: 'futura-pt-bold', sans-serif; /* font-size: 1.2em; */ }
div.bx-veiwport, .bx-wrapper { margin: 0 auto; }
.bx-wrapper .bx-pager { bottom: -25px; }
.toright .events .new-lazy { padding-bottom: 78.94736842105263%; }
.toright .events a:hover .overlay { z-index: 2; }
.toright .events .voucher strong { display: block; color: #59341a; font-family: 'futura-pt', sans-serif; font-weight: 700; text-transform: uppercase; text-align: center; }
.toright .events .voucher span { display: block; color: #777; text-align: center; }
.about-alana .subscribe { margin-top: 20px; position: relative; font-family: 'futura-pt', sans-serif; text-transform: uppercase; color: #fff; }
.about-alana .subscribe a:hover span { background-color: #fff; color: #79cbc9; }
.about-alana .subscribe a:hover .overlay { display: block; }
.about-alana .subscribe img { display: block; }
.about-alana .subscribe .overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #79cbc9; opacity: 0.8; display: none; }
.about-alana .subscribe strong { color: #fff; display: block; }
.about-alana .subscribe span { color: #fff; display: block; width: 300px; background-color: #79cbc9; border: 1px solid #79cbc9; height: 40px; line-height: 40px; text-align: center; }
.blogpost { margin-top: 15px; }
.blogpost img { display: block; margin: 0 auto 20px; }
.blogpost .image { position: relative; padding-bottom: 65%; margin-bottom: 20px; }
.blogpost .image div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-position: 50%; }
.blogpost .blogdate { color: #777; font-family: 'futura-pt', sans-serif; font-size: 0.85em; text-transform: uppercase; }
.blogpost .title { color: #59341a; font-family: 'futura-pt-bold', sans-serif; font-weight: 100; margin: 5px 0 15px; font-size: 1.6em; }
.blogpost .content { color: #777; }
.blogpost .content span { display: block; margin: 15px 0 0; color: #79cbc9; font-family: 'futura-pt-bold', sans-serif; }
.blogpost a:hover span, .blogpost a:hover .title { color: #79cbc9; }
.twbg { background-color: #4099ff; position: relative; padding: 15px; color: #fff; text-align: center; }
.twbg .surround a.fa { text-align: center; display: block; margin-bottom: 15px; color: #fff; font-size: 3em; }
.twbg .surround div span a { font-style: italic; color: #fff; margin: 0 0 15px; font-size: 1.1em; }
.twbg .surround div strong a { font-family: 'futura-pt', sans-serif; text-transform: uppercase; color: #fff; font-size: 0.9em; display: block; margin-top: 30px; }
a.btn.green { color: #fff; display: block; width: 100%; background-color: #79cbc9; border: 1px solid #79cbc9; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-size: 1em; display: block; }
a.btn.green:hover { background-color: #fff; color: #79cbc9; }
a.btn.dark { color: #fff; display: block; width: 100%; background-color: #999; border: 1px solid #999; height: 40px; line-height: 40px; text-align: center; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-size: 1em; display: block; }
a.btn.dark:hover { background-color: #fff; color: #999; }
.newsletter { padding: 30px 15px; margin-top: 20px; color: white; background: repeating-linear-gradient(-55deg, #b9d7bb, #b9d7bb 80px, #c0dbc2 0px, #c0dbc2 160px); }
.newsletter .title { color: #492f22; line-height: 65px; text-transform: uppercase; font-family: 'futura-pt-bold', sans-serif; font-size: 1.65em; padding: 0 15px; text-align: center; }
.newsletter input { }
.newsletter input[type="text"] { font-size: 1em; border: 5px #492f22 solid; background-color: #ffF; }
.newsletter input[type="submit"] { color: #492f22; text-transform: uppercase; font-family: 'futura-pt-bold', sans-serif; font-size: 1.2em; }
.newsletter .section { }
.insta-card-container { width: 100%; padding-top: 100%; position: relative; }
.insta-card { display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; }


.banner { max-width: 1300px; margin: 0 auto; position: relative; max-height: 620px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; min-height: 250px; }
.training-video { max-width: 1200px; margin: 0 auto; position: relative; max-height: 720px; background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; min-height: 170px; margin-bottom: 30px; }
.banner .text, .training-video .text { position: absolute; left: 0; width: 100%; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); text-transform: uppercase; font-family: 'futura-pt', sans-serif; padding: 0 15px; }
.training-video .text { top: 40%; }
.banner#ambassadors { cursor: pointer; background-image: url(images/banners/ambassadors.jpg); }
.banner#wholesale { cursor: pointer; background-image: url(images/banners/wholesale-banner.jpg); }
.banner#cakebox { cursor: pointer; background-image: url(images/banners/corporate-banner.jpg); margin-top: 15px; }
.banner#corporate { background-image: url(images/banners/corporate-cakes.jpg); }
.banner.bannertext iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
.banner.bannertext:hover .text i.fa-youtube-play, .training-video:hover .text i.fa-youtube-play { color: #e91e63; }
.banner.bannertext .text i.fa-youtube-play, .training-video .text i.fa-youtube-play { color: #59341a; font-size: 8em; display: block; }
.banner.bannertext .text strong { display: block; font-size: 2.8em; margin: 20px 0 50px; }
.banner.bannertext .text span { display: block; font-size: 2.2em; font-weight: 700; }
.banner.bannertext .text span i { margin-right: 10px; }
.banner#about { background-image: url(images/banners/about-us.jpg); }
.banner#visit { background-image: url(images/banners/visit-us.jpg); }
.banner#events { background-image: url(images/banners/events.jpg); }
.banner#weddings { background-image: url(images/banners/weddings.jpg); }
.banner#findnearest { background-image: url(images/banners/alanas-team.jpg); position: relative; padding-top: 20px; }
.banner#findnearest.wheretobuy { background-image: url(images/banners/where-can-buy-cakes.jpg); position: relative; padding-top: 20px; }
.banner#findnearest .overlay { background-color: #000; opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.7)"; filter: alpha(opacity=0.7); top: 0; position: absolute; height: 100%; width: 100%; }
.banner#findnearest .specialhead .center-head { color: #fff; background-color: transparent; }
.banner#findnearest .specialhead .line { width: 3%; }
.banner#findnearest .specialhead .line.right { right: 0; }
.banner#findnearest .form-surround { color: #fff; }
.banner#findnearest .form-surround .normtext a:hover { color: #fff; }
.banner#findnearest .form-surround .form-inner { max-width: 665px; margin: 30px auto 0 auto; text-align: left; }
.banner#findnearest .form-surround .form-inner .editor-field em { font-size: 0.85em; }
.banner#findnearest .form-surround .form-inner .section { margin: 0 -13px; }
.banner#findnearest .form-surround .form-inner .section .dw-sm-6, .banner#findnearest .form-surround .form-inner .section .dw-xs-12 { padding: 0 13px; }
.banner#findnearest .form-surround .form-inner .editor-label { margin-bottom: 10px; }
.banner#findnearest .form-surround #shopinternal { margin: 5px auto; }
.banner#whichone { background-image: url(images/banners/grab-and-go-bars.jpg); }
.banner#becomecake { background-image: url(images/banners/become-a-cakepreneur.jpg); }


.account .full-bg { background-color: #eee; max-width: 1300px; margin: 0 auto; padding-bottom: 15px; color: #777; }
.account .full-bg.reg { padding-bottom: 60px; }
.account .full .container { background-color: #eee; padding-bottom: 15px; color: #777; }
.account .full-bg .specialhead .center-head, .account .full .container .specialhead .center-head { background-color: #eee; }
.account .full-bg ul li span { color: #777; }
#loginform { width: 100%; max-width: 440px; margin: 0 auto; padding: 0 0px 15px; text-align: center; }
#loginform .editor-label { padding-bottom: 10px; line-height: 24px; text-align: left; }
#loginform .editor-label label { color: #79cbc9; font-size: 1.15em; }
.editor-label.sp { margin-bottom: 0px !important; padding-bottom: 0px !important; line-height: 24px !important; }
.editor-label.sp.other { margin: -10px 0 10px !important; }
.editor-label .forgot a, .editor-label.sp .forgot { color: #d493c4; font-size: 0.8em; float: right; display: inline-block; cursor: pointer; }
.editor-label .forgot a:hover, .editor-label.sp .forgot:hover { color: #79cbc9; }
#loginform .editor-field { margin-bottom: 10px; }
#loginform .editor-field input[type="text"], #loginform .editor-field input[type="password"] { border: 1px solid #d4d4d4; }
#loginform .editor-field.submit { margin-top: 20px; }
#loginform a.sign-amb { display: inline-block; margin: 10px auto 0; text-align: center; font-size: 0.85em; font-style: italic; }
#loginform a.sign-amb:hover { color: #59341a; }
.account.other h2 { font-size: 1.3em; text-align: left; }
.non-login .form-surround { max-width: 445px; margin: 0 auto; }
.non-login .form-surround .btn { margin-top: 15px; margin-bottom: 25px; }
.account .btn.back { background-color: #777; border: 1px solid #777; width: 170px; margin: 0px auto 0; color: #fff; text-align: center; }
.account .btn.alice { background-color: #d493c4; border: 1px solid #d493c4; width: 170px; margin: 0px auto 0; color: #fff; height: 40px; text-transform: uppercase; font-family: 'Montserrat', sans-serif; font-size: 1em; }
.account .altpay .btn.back { margin: 0; width: 100%; }
.account .btn.back:hover { background-color: #fff; color: #777; }
.account .btn.alice:hover { background-color: #fff; color: #d493c4; }
.account .grey-bg { background-color: #eee; margin: 0 auto; padding: 0 15px 15px; }
.account .grey-bg .specialhead .center-head { background-color: transparent; }
.account-menu a { background-color: #fff; padding: 15px; border: 1px solid #d4d4d4; display: block; margin-bottom: 15px; }
.account-menu a.green { background-color: #79cbc9; min-width: 48% !important; max-width: 48%; margin: 0 0 15px 0 !important; }
.account-menu a.green.edit { float: left; }
.account-menu a.green.delete { float: right !important; }
.account-menu i { display: block; text-align: center; height: 40px; line-height: 40px; color: #59341a; font-size: 2.2em; margin-top: 10px; }
.account-menu i.fa-folder-open { font-size: 2.7em; }
.account-menu strong { font-family: 'futura-pt', sans-serif; text-transform: uppercase; display: block; text-align: center; margin-top: 15px; font-size: 0.95em; line-height: 19px; height: 38px; }
.account-menu .surround { background-color: #fff; border: 1px solid #d4d4d4; padding: 15px; position: relative; margin-bottom: 15px; }
.account-menu .surround a { background-color: transparent; padding: 0; border: none; text-indent: -300000px; position: absolute; top: 0; left: 0; height: 100%; width: 100%; margin-bottom: 0; }
.account-menu .surround strong { color: #79cbc9; }
.account-menu a:hover strong, .account-menu .surround:hover strong { color: #59341a; }
.account .ambassador-forms h1 { margin: 0 0 15px; font-size: 1.3em; }
.account .ambassador-forms h1.other { margin: 0; }
.account .ambassador-forms h2 { }
.account .ambassador-forms h2.other { margin: 0; }
.account .ambassador-forms .bio-text span.location { color: #79cbc9; font-family: 'futura-pt',sans-serif; text-transform: uppercase; display: block; font-size: 0.95em; }
.account .ambassador-forms .bio-text strong.name { color: #59341a; font-family: 'futura-pt',sans-serif; text-transform: uppercase; font-weight: 700; display: block; font-size: 1.1em; margin-bottom: 15px; }
.account .ambassador-forms .bio-text a.emaillink { display: block; max-width: 225px; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff; background-color: #79cbc9; border: 1px solid #79cbc9; font-family: 'futura-pt',sans-serif; text-transform: uppercase; font-size: 0.9em; margin-top: 15px; }
.account .ambassador-forms .bio-text a:hover { background-color: #fff; color: #79cbc9; }
.account .ambassador-forms .editor-label { margin: 0 0 5px; }
.account .ambassador-forms .editor-label span { color: #79cbc9; font-weight: 700; }
.account .ambassador-forms .editor-field { margin-bottom: 10px; }
.account .ambassador-forms .editor-field p { margin-top: 0px; }
.account .ambassador-forms .editor-field p:last-child { margin-bottom: 0; }
.account .ambassador-forms .amb-bio { position: relative; min-height: 312px; }
.account .ambassador-forms .amb-bio.other { min-height: 252px; }
.account .ambassador-forms .amb-bio .bio-img { width: 225px; position: absolute; top: 0; }
.account .ambassador-forms .amb-bio .bio-img img { border: 1px solid #d4d4d4; max-width: 100%; height: auto; display: block; background-color: #fff; min-height: 225px; border-radius: 100%; text-align: center; }
.account .ambassador-forms .amb-bio em p { margin-bottom: 0px; }
.account .ambassador-forms .amb-bio .uploader { border: 1px solid #d4d4d4; padding: 10px; background-color: #fff; margin-top: 15px; }
.account .ambassador-forms .editor-field textarea { height: 285px; }
.account .ambassador-forms .editor-field.sml textarea { height: 150px; }
.account .ambassador-forms .editor-field .cke_top { padding: 0 !important; border: none !important; }
.account .ambassador-forms .editor-field .cke_chrome { box-shadow: none !important; }
.account .ambassador-forms .editor-field .cke_reset { height: 258px !important; }
.account .ambassador-forms .btn.small { margin: 15px 0 0 0; float: left; min-width: 150px; width: auto; padding: 0 10px; }
.account .ambassador-forms .btn.small.ambas-back { min-width: 225px; }
.account .ambassador-forms .btn.small.alice { float: right; margin-bottom: 15px; }
.account .ambassador-forms.position { position: relative; }
.account .ambassador-forms.position h1 { line-height: 40px; }
.account .ambassador-forms.position .dw-md-6 { position: static; }
.account .ambassador-forms.position a.btn.alice { margin: 0; position: absolute; top: 0; right: 0; }
.account .ambassador-forms.position .map-left #map { margin: 0; }
a.mapbtn .white-bg { background-color: #fff; padding: 10px; }
a.mapbtn .dw-xs-12 span { cursor: pointer; width: 100%; line-height: 25px; height: 45px; text-align: center; text-transform: uppercase; font-family: 'futura-pt-bold', sans-serif; font-size: 1em; display: block; }
a.mapbtn:hover span { background-color: #fff; color: #79cbc9; }
.account .ambassador-forms .prod-listing img { display: block; }
.account .ambassador-forms .prod-listing .title { text-align: center; margin-top: 10px; }
.account .ambassador-forms .prod-listing .price { text-align: center; display: block; margin: 10px 0; }
.account .address { margin: 15px 0 0 0; }
.account .address .white-bg { background-color: #fff; padding: 15px; border: 1px solid #d4d4d4; }
.account .address .white-bg.alice-border { border: 1px solid #79cbc9; }
.account .address .address-detail { color: #565656; font-size: 0.95em; }
.account .address .address-editors, .account .address .card-editors { font-size: 0.9em; margin-top: 15px; line-height: 20px; }
.account .address .address-editors span, .account .address .card-editors span { color: #79cbc9; display: inline-block; }
.account .address p { margin: 0; }
.previous-orders { padding-bottom: 15px; border-bottom: 1px solid #777; }
.previous-orders .orders-row { border-top: 1px solid #777; padding-top: 15px; margin-top: 15px; }
.previous-orders .management .label { padding: 15px 0 0; }
.previous-orders .management .btn { margin-top: 15px; }
.o-em table { min-width: 100% !important; }
span.btn.waf { display: block; max-width: 300px; margin: 0 auto; height: 40px; line-height: 40px; border: 1px solid #79cbc9; background-color: #79cbc9; color: #fff; font-family: 'futura-pt',sans-serif; text-transform: uppercase; text-align: center; cursor: pointer; }
span.btn.waf:hover { background-color: #fff; color: #79cbc9; }
#wholesaleformcontainer.shut { height: 0; overflow: hidden; }
.customer-orders .quick-links a.btn { margin-top: 15px; }
.prod-quant { position: relative; padding-right: 85px !important; }
.prod-quant span { position: absolute; right: 15px; width: 70px; text-align: center; }
.previous-orders .cost a { margin-top: 15px; }
.prod-listing.wholesale form span { display: block; line-height: 20px; text-align: left; padding: 10px 0; }
.prod-listing.wholesale form strong { display: block; line-height: 40px; text-align: left; }
#wholesaleformcontainer .specialhead .center-head { font-size: 1.9em; }
#wholesaleformcontainer .surround { max-width: 860px; margin: 0 auto; }
#wholesaleformcontainer h2 { padding-bottom: 15px; border-bottom: 2px dotted #79cbc9; font-size: 1.65em; }
#wholesaleformcontainer strong { font-family: 'futura-pt',sans-serif; color: #59341a; font-size: 1.15em; text-transform: uppercase; display: block; margin: 10px 0; }
#wholesaleformcontainer .editor-label { margin-bottom: 10px; }
#wholesaleformcontainer .editor-field { margin-bottom: 15px; }
#wholesaleformcontainer a.btn { max-width: 240px; font-size: 0.9em; margin: 10px 0; }
#wholesaleformcontainer .multichoice { position: relative; }
#wholesaleformcontainer .cdop.multichoice .field-validation-error { }
#wholesaleformcontainer .multichoice .editor-field .options { float: left; display: block; }
#wholesaleformcontainer .multichoice .editor-field input[type="radio"], #wholesaleformcontainer .multichoice .editor-field input[type="checkbox"] { position: absolute; left: -30000px; }
#wholesaleformcontainer .multichoice .editor-field span.checker { display: block; float: left; width: 20px; text-align: center; height: 20px; line-height: 2px; background-color: #fff; border: 1px solid #d4d4d4; margin-right: 15px; }
#wholesaleformcontainer .multichoice .editor-field span.checker i { background-color: #79cbc9; width: 18px; text-align: center; height: 18px; line-height: 18px; display: none; }
#wholesaleformcontainer .multichoice .editor-field span.checker.selected i { display: block; }
#wholesaleformcontainer .multichoice .editor-field span.label { color: #79cbc9; line-height: 20px; display: block; float: left; }
#wholesaleformcontainer .business { padding-left: 190px; margin-top: 15px; }
#wholesaleformcontainer .business .editor-label { position: absolute; left: 0; top: 0; line-height: 20px; }
#wholesaleformcontainer .business .editor-field .options { width: 25%; }
#wholesaleformcontainer .cdop .editor-field .options { width: 75px; float: left; }
#wholesaleformcontainer .legal .section { background-color: #fff; margin: 0; padding: 5px 0 15px; }
#wholesaleformcontainer .legal span.text { font-size: 0.8em; display: block; line-height: 15px; color: #777; }
#wholesaleformcontainer .legal .terms .editor-label { max-width: 320px; margin: 0 auto; line-height: 40px; }
#wholesaleformcontainer .legal .terms span.lt { text-align: left; font-size: 0.8em; color: #777; }
#wholesaleformcontainer .legal .terms span.lt span { color: #777; }
#wholesaleformcontainer .legal .terms span.lt span.clear { display: none; }
#wholesaleformcontainer .legal .terms span.editor-field { float: right; margin-bottom: 0; }
#wholesaleformcontainer .legal .terms span a { text-decoration: underline; }
#wholesaleformcontainer .legal .editor-field span.checker { }
#wholesaleformcontainer .legal .editor-label a.clearbtn { float: right; background-color: #d493c4; color: #fff; padding: 2px 5px 2px 5px; text-align: center; border: 1px solid #d493c4; display: block; }
#wholesaleformcontainer .legal .editor-label a.clearbtn:hover { background-color: #fff; color: #d493c4; cursor: pointer; }
#wholesaleformcontainer .legal .editor-field #sketch { height: 120px; border: 1px solid #d4d4d4; position: relative; }
#wholesaleformcontainer .legal .editor-field #tmp_canvas, #tmp_canvas1, #tmp_canvas2 { position: absolute; left: 0px; right: 0; bottom: 0; top: 0; cursor: url(images/cursor-pen.png),crosshair; color: #59341a; }
.full.amb-tip .container .specialhead { margin: 0; }
.full.amb-tip .container .specialhead .center-head { font-size: 2em; }
.vid-tip { margin-bottom: 30px; }
.vid-tip .container { padding: 15px; background-color: #eee; }
.vid-tip .vid-surround { position: relative; padding-bottom: 56%; }
.vid-tip .vid-surround iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.vid-tip .text-surround h2 { font-size: 1.95em; }
.vid-tip .text-surround p { margin-bottom: 0px; }
.editor-field.sort .dw-xs-4 { position: relative; }
.editor-field.sort .dw-xs-4:nth-child(1):after, .editor-field.sort .dw-xs-4:nth-child(2):after { content: "-"; position: absolute; width: 10px; text-align: center; height: 40px; line-height: 40px; top: 0; right: -5px; }
.iframe-surround { position: relative; width: 100%; padding-bottom: 100%; }
.iframe-surround iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.usermsg { position: fixed; bottom: 0; left: 0; width: 100%; z-index: 9999999999; }
.usermsg .OK { margin: 0; background-color: #d493c4; }
.usermsg .OK span { display: block; margin: 0 auto; padding: 0 15px; }
.usermsg .OK span.msg.nobtm { float: left; line-height: 30px; width: auto; padding: 0; }
.usermsg .OK span a { display: block; background-color: #fff; color: #d493c4; padding: 0 10px; margin: 0; text-transform: uppercase; font-family: 'futura-pt', sans-serif; border: 1px solid #fff; float: right; text-align: center; height: 30px; line-height: 30px; }
.usermsg .OK span a:hover { background-color: #d493c4; color: #fff; }
.usermsg .KO { margin: 0; }
.usermsg .KO span { margin: 0 auto; display: block; padding: 0 15px; }
.createcustomer-desc { min-height: 145px; }
.account.whichonetable .full-bg { padding: 30px 0; }
.account.whichonetable .dotted { background-image: linear-gradient(to right, #79cbc9 40%, rgba(255, 255, 255, 0) 20%); background-position: top; background-size: 6px 2px; background-repeat: repeat-x; margin-top: 15px; }
.account.whichonetable strong { text-transform: uppercase; color: #59341a; font-family: 'futura-pt-bold',sans-serif; }
.account.whichonetable .topquest strong { display: block; margin-bottom: 10px; }
.account.whichonetable .fa-times { color: #79cbc9; }
.account.whichonetable .fa-check { color: #d493c4; }
.account.whichonetable .td i { font-size: 1.3em; margin-right: 10px; position: absolute; left: 0; top: 2px; }
.account.whichonetable .td { margin-bottom: 40px; }
.account.whichonetable .td span { display: block; margin-top: 10px; position: relative; padding-left: 30px; }
.account.whichonetable .td .answerquest { margin-top: 10px; }
.account.whichonetable .dw-md-5 { color: #999; margin-bottom: 20px; }
.section.btns { max-width: 620px; margin: 15px auto; }
.account.whichonetable .tophalf { margin-bottom: 0; text-align: center; font-size: 1.2em; }
.account.whichonetable.nearest .tophalf { text-align: left; }
.account.whichonetable.nearest .tophalf span { display: none; }
.account.whichonetable.nearest .section.info { margin-bottom: 10px; }
.account.whichonetable.nearest .dw-xs-2 { width: 20%; }
.account.whichonetable.nearest .dw-xs-6 { width: 40%; }
.account.whichonetable.nearest .tr:nth-child(even) { background-color: #eeeeee; }
.account.whichonetable.nearest .tr { padding: 8px 15px; }
.account.whichonetable ul { margin: 0; list-style-type: none; padding: 0; color: #999; }
.account.whichonetable ul > li { text-indent: -5px; margin-bottom: 15px; }
.account.whichonetable ul li:last-child { margin-bottom: 0; }
.account.whichonetable.nearest { padding: 0; }
.account.whichonetable.nearest .tr a { display: inline-block; }
.account.whichonetable ul > li:before { content: "-"; text-indent: -5px; margin-right: 5px; }
a.btn.green.whichbtn { max-width: 270px; margin: 20px auto 0 auto }
.calpage .cal.section { margin: 0 0 35px 0; }
.calpage .cal.section a.pink { color: #d493c4; }
.calpage .cal.section .dw-xs-2 { width: 14.285%; padding: 0; background-color: #fff; }
.calpage .cal.section .tophead { background-color: #79cbc9; color: #fff; height: 40px; line-height: 40px; }
.calpage .cal.section .tophead strong { display: block; padding: 0 10px; }
.calpage .cal.section .dw-xs-2 .inner { height: 165px; padding: 5px 10px; border: 1px solid #e6eaed; }
.calpage .monthcal a { display: block; }
.calpage .monthcal .dw-md-6:nth-child(2) a { float: right; }
.resources { max-width: 845px; margin: 0 auto; }
.resources a { position: relative; }
.resources a.active:after,
.resources a.active:before { content: ''; display: block; position: absolute; bottom: 0; width: 0; height: 0; border-style: solid; left: 50%; margin-left: -21px; }
.resources a.active:after { bottom: -38px; border-color: #fff transparent transparent transparent; border-width: 19px; }
.resources a.active:before { bottom: -42px; border-color: #d4d4d4 transparent transparent transparent; border-width: 21px; left: 49.2%; }
.resources .tabs.notactive { display: none; }
.resources .tabs { visibility: hidden; opacity: 0; }
.resources .tabs.active { visibility: visible; opacity: 1; display: block !important; }
.resources .inner { background-color: #fff; border: 1px solid #d4d4d4; }
.resources .inner strong { display: block; padding: 15px; }
.resources .inner .tr i { position: absolute; top: 15px; left: 15px; font-size: 2em; color: #59341a; }
.resources .inner .tr:nth-child(even) a { background-color: #f2f2f2; }
.resources .inner .tr a { position: relative; display: block; color: #777; padding: 20px 15px 20px 65px; cursor: pointer; }
.resources .inner .tr a:hover .btn { background-color: #fff; color: #79cbc9; }
.resources .inner .tr a .btn { float: right; background-color: #79cbc9; height: 35px; line-height: 35px; width: 100%; max-width: 130px; font-family: 'futura-pt', sans-serif; text-align: center; border: 1px solid #79cbc9; text-transform: uppercase; color: #fff; margin-top: -5px; }

#preview { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 99999; display: none; }
#preview #fileimg, #preview #video { display: none; }
#preview .video-container { position: relative; padding-bottom: 53.25%; padding-top: 29px; height: 0; overflow: hidden; }
#preview .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }
#preview .overlay { background-color: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.6 }
#preview .popup-view { position: relative; width: 100%; max-width: 1040px; top: 50%; left: 50%; transform: translate(-50%,-50%); padding: 15px; max-height: 101%; overflow-y: auto; }
#preview .form-surround { position: relative; }
#preview .form-surround { padding: 20px; background-color: #fff; }
#preview i.fa { width: 30px; text-align: center; height: 30px; line-height: 30px; font-size: 2.1em; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; }
#preview i.fa:before { color: #000; background-color: #fff; border-radius: 15px; width: 29px; height: 29px; display: block; text-align: center; line-height: 30px; box-shadow: 0 0 3px 1px #000; padding-left: 1px; }

.basket { margin-top: 15px; }
.basket .row { border-bottom: 2px dotted #79cbc9; padding-bottom: 15px; margin-bottom: 15px; text-align: center; }
.basket .row.headrow { color: #59341a; }
.basket .row .col1 { text-align: left; }
.basket .row.regular { min-height: 192px; }
.basket .row.regular .col1 { padding-left: 190px; position: relative; }
.basket .row.regular .col1.nopadd { padding-left: 0; }
.basket .row.regular .col1 img { width: 175px; position: absolute; top: 0; left: 0; }
.basket .row .col1 span { color: #79cbc9; display: block; }
.basket .row .col1 em { display: block; }
.basket .row .col1 a { margin-top: 10px; color: #d493c4; text-transform: uppercase; display: block; line-height: 40px; font-size: 0.8em; }
.basket .row .col1 .biNote { width: 100%; max-width: none; }
.basket .row .col2 span.lbl { display: inline-block; line-height: 40px; }
.basket .row strong { color: #d493c4; font-size: 1.2em; }
.basket .total .row.sub strong { font-size: 1.3em; }
.basket input[type="text"] { border: 1px solid #b4b4b4; max-width: 40px; margin: 0 auto 10px; display: block; color: #59341a; font-size: 1.2em; }
.basket input[type="submit"] { border: 1px solid #b4b4b4; max-width: 65px; margin: 0 auto; text-transform: uppercase; text-align: center; color: #777; background-color: #eee; font-family: 'PT Serif', serif; font-weight: 400; font-size: 0.65em; }
.basket .total .row.regular { border-bottom: 0px; min-height: 0; margin-bottom: 0px; }
.basket .total .row .col-left { float: left; width: 54%; line-height: 40px; text-align: left; }
.basket .total .row .col-right { float: left; width: 46%; line-height: 40px; text-align: right; }
.basket .btn { width: 100%; text-align: center; color: #fff; background-color: #79cbc9; border: 1px solid #79cbc9; height: 40px; line-height: 40px; float: left; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-size: 0.85em; }
.basket .btn:hover { background-color: #fff !important; color: #79cbc9; }
.basket .btn.grey { background-color: #777; border-color: #777; margin-left: 15px; }
.basket .btn.grey:hover { color: #777; }
#discountform { padding: 15px; background-color: #eee; margin-top: 15px; }
#discountform .validation-summary-errors ul { margin-bottom: 15px; padding: 10px 10px 10px 28px; background-color: #e91e63; color: #fff; }
#discountform h3 { margin: 0; }
#discountform .notice span { color: #777; display: block; line-height: 15px; }
#discountform input[type="text"] { border: 1px solid #d4d4d4; }
#discountform input[type="submit"] { font-size: 0.95em; }

.subscribe-notice { margin-top: 10px; background-color: #d493c4; padding: 10px; color: #fff !important; font-size: 1em !important; display: block; }
.bottom-text h2 { font-size: 2.8em; }
/*Vid Page*/
.vidpage .innercentre { max-width: 1005px; margin: 35px auto 0 auto; }
.vidpage .innercentre .popup { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; margin-bottom: 20px; }
.vidpage .innercentre .popup iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.vidpage .innercentre .section { margin: 20px -10px 0 -10px; }
.vidpage .innercentre .section .dw-md-3 { padding: 0 10px; margin-bottom: 20px; }
#tests h2 { margin-bottom: 20px; }
#tests .toptext h2 { text-transform: uppercase; }
#tests .section.testbtns { margin: 0 -13px !important; }
#tests .section.testbtns .dw-md-3 { padding: 0 13px; margin-bottom: 26px; }
#tests .section.testbtns .dw-md-3 div { background-image: url(images/testbtnbg.jpg); width: 100%; background-repeat: no-repeat; }
#tests .testbtns a { border-radius: 3px; display: block; opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)"; filter: alpha(opacity=0.8); background-color: #6ed3cf; height: 80px; position: relative; }
#tests .testbtns a span { top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50% -50%); color: #fff; font-weight: bold; font-size: 1.6em; text-transform: uppercase; }
#tests .testbtns a:hover { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; filter: alpha(opacity=1); }
#tests .questpanel { max-width: 850px; margin: 0 auto; }
#tests .progressbar { height: 35px; background-color: #bababa; border-radius: 3px; margin-bottom: 20px; -moz-box-shadow: inset 0px 1px 10px #a4a4a4; -webkit-box-shadow: inset 0px 1px 10px #a4a4a4; box-shadow: inset 0px 1px 10px #a4a4a4; }
#tests .progressbar .shaded { background: #d493c4; height: 35px; border-radius: 3px; }
#tests .progress { font-size: 1em; margin-bottom: 10px; color: #999; text-transform: uppercase; font-family: Futura; font-weight: normal; }
#tests .progress .dw-xs-4 { text-align: right; }
#tests .questwhite i { cursor: pointer; }
#tests .questwhite i:hover { color: #6ed3cf; }
#tests .questwhite .title { font-size: 1.4em; font-weight: bold; margin-bottom: 10px; text-align: center; color: #999; }
#tests .questwhite .qtext { font-size: 1.2em; }
#tests .questwhite .number { text-transform: uppercase; font-size: 0.85em; margin-top: 15px; margin-bottom: 10px; font-family: Futura; }
#tests .questwhite .answer { background-color: #fff; display: block; margin-bottom: 15px; cursor: pointer; position: relative; border: 1px solid #d4d4d4; }
#tests .questwhite .answer.on { border: 1px solid #d493c4; }
#tests .questwhite .answer label { display: block; padding: 15px 8px 15px 55px; cursor: pointer; position: relative; }
#tests .questwhite .answer .audio-icon i { position: absolute; right: 15px; top: 28%; font-size: 1.8em; z-index: 99; }
#tests .questwhite .answer .audio-icon { float: right; width: 35px; height: 30px; display: block; margin-top: -2px; margin-left: 10px; }
#tests .questwhite input[type="checkbox"] { -webkit-appearance: none; transform: scale(2); background-color: #f6f7f8; background: -webkit-linear-gradient(top, #f6f7f8, #dddfe0); background: -moz-linear-gradient(top, #f6f7f8, #dddfe0); background: -ms-linear-gradient(top, #10499e, #dddfe0); border: 1px solid #d4d4d4; width: 16px; height: 16px; margin-left: 8px; margin-right: 20px; position: absolute; left: 10px; }
#tests .questwhite input[type="checkbox"]:checked:after { content: "\f00c"; position: absolute; top: 0px; left: 0; cursor: pointer; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); width: 14px; height: 14px; font-size: 1em; padding-top: 1px; color: #d493c4; }
#tests .questwhite .hinttop { color: #fff; border-radius: 3px; text-transform: uppercase; font-weight: bold; height: 30px; font-size: 1.2em; line-height: 30px; padding: 0 15px; cursor: pointer; }
#tests .questwhite .hinttop span { margin-right: 5px; }
#tests .questwhite .hinttop i { float: right; height: 30px; line-height: 30px; cursor: pointer; }
#tests .questwhite .hintbody .inner { background-color: #ececec; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 15px; }
#tests .questwhite .hintbody.shut { height: 0; overflow: hidden; }
#tests .questwhite .questbtns { margin-top: 10px; margin-bottom: 10px; }
#tests .questwhite .questbtns a { max-width: 270px; cursor: pointer; }
#tests .questwhite .questbtns a.previousquestion { float: left; }
#tests .questwhite .questbtns a.nextquestion, #tests .questwhite .questbtns a.finishtest { float: right; }
#tests .quests .dw-md-6:nth-child(2n+1) { clear: both; }

.download-img { background-image: url(images/our-cake-ambassadors.jpg); height: 630px; background-size: cover; background-position: center; background-repeat: no-repeat; position: relative; margin-bottom: 20px; }
.download-img .normtext { color: #fff; text-align: center; font-size: 15px; }
.normtext.amb-page { text-align: left; }
.amb-page ul { color: #777 !important; }

#download-btn { margin: 36px auto !important; }
.steps { position: relative; margin-top: 20px; }
.dash-left { left: 12%; bottom: 7%; position: absolute; transform: translate(-50%, -50%); }
.dash-right { right: 4%; bottom: -7%; position: absolute; transform: translate(-50%, -50%); }
.blue-left { left: 32%; bottom: 2%; position: absolute; transform: translate(-50%, -50%); }
.ambass { bottom: -3% !important; left: 32% !important; }
.cakepre { bottom: -84% !important; right: 24% !important; }
.blue-right.app { bottom: -14%; }
.blue-right { right: 24%; bottom: -19%; position: absolute; transform: translate(-50%, -50%); }
.blue-left-cake { left: 32%; bottom: 52%; position: absolute; transform: translate(-50%, -50%); }
.blue-right-cake { right: 24%; bottom: -3%; position: absolute; transform: translate(-50%, -50%); }
.steps .app-btn { padding: 19px 10px; }
.steps .cf { position: absolute; bottom: 0; width: 100%; left: 0; text-align: center; color: #59341a; text-decoration: underline; }
.steps .cf:hover { color: #79cbc9; }
.steps .quote { max-width: 800px; margin: 15px auto; font-family: 'futura-pt-bold',sans-serif; }
.steps em { color: #79cbc9; font-size: 1.2em; }
.steps .quote .quote-name { font-size: 1.1em; margin-top: 15px; color: #59341a; }
#app-btn.download { position: absolute; bottom: 7%; left: 50%; transform: translate(-50%, -50%); width: 70%; }
#mail { position: absolute; bottom: 2%; left: 50%; transform: translate(-50%, -50%); }
#jumping-img-text { position: absolute; bottom: 22.5%; left: 50%; transform: translate(-50%, -50%); width: 80%; }
a.btn.green.whichbtn.signup { max-width: 450px; height: 50px; line-height: 50px; }
.kit-img { margin-top: 20px; }

.corp { max-width: 400px; height: auto; margin: 40px auto; }
.corporate { position: relative; }
.c-left { left: 32%; bottom: -10%; position: absolute; transform: translate(-50%, -50%); }
.c-right-upper { right: 24%; bottom: -50%; position: absolute; transform: translate(-50%, -50%); }
.c-right-lower { right: 24%; bottom: -62%; position: absolute; transform: translate(-50%, -50%); }

.hide { position: absolute; transform: translate(-50%, -50%); }
.div-wrap { position: relative; }
.w-left { left: 32%; bottom: 3%; }
.w-right { right: 24%; bottom: -26%; }
.ws-left { left: 31%; bottom: -16%; }
.ws-right { right: 22%; bottom: -30%; }
.ws-left-btm { left: 31%; bottom: -6%; }
.ws-right-btm { right: 22%; bottom: -15%; }

.ws-left.ws { left: 32%; bottom: -5%; }
.ws-right.ws { right: 24%; bottom: -25%; }
.ws-left-btm.ws { left: 32%; bottom: -2%; }
.ws-right-btm.ws { right: 24%; bottom: -10%; }

.w-left-amb { left: 14%; bottom: 1%; }
.w-right-amb { right: -3%; bottom: -8%; }


.ck { height: auto; max-height: 500px; }



.address-checked select { height: 65px; }
.address-checked { padding: 10px 15px 20px; }
#contactform .address-checked .editor-label label { font-size: 1.05em; }
.pay-types .pay-srnd { border: 1px solid #d4d4d4; background-color: #fff; color: #79cbc9; min-height: 58px; margin-bottom: 10px; }
.pay-types .pay-srnd label { padding: 15px 70px 15px 15px; display: block; cursor: pointer; position: relative; min-height: 76px; }
.pay-types .pay-srnd label img { display: block; float: left; }
.pay-types .text { margin: 0 20px 0 20px; }
.pay-srnd span.check { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #79cbc9; border: 1px solid #d4d4d4; display: block; position: absolute; top: 16px; right: 16px; }
.pay-srnd span.check i { width: 40px; line-height: 40px; height: 40px; text-align: center; color: #79cbc9; display: none; font-size: 1.5em; }
.pay-srnd input { display: none; }
.pay-srnd.selected span.check i { display: block; }
.geotrust { float: right; height: 55px; width: 115px; margin-bottom: 15px; }
#delivery .del-opt { width: 50%; max-width: 320px; float: left; margin-right: 0px; }
#delivery .del-opt .surround { background-color: #d1dad4; font-size: 1.1em; padding: 10px; margin-bottom: 0px; cursor: pointer; }
#delivery .del-opt strong span { color: #f77400; }
#delivery .del-opt .check { float: right; width: 40px; height: 40px; line-height: 40px; background-color: #fff; }
#delivery .del-opt.collect .check { margin-top: -20px; }
#delivery .del-opt .check i { color: #f77400; font-size: 1.5em; width: 40px; height: 40px; line-height: 40px; text-align: center; display: none; }
#delivery .del-opt.selected .check i { display: block; }
#delivery .del-opt.collect { line-height: 20px; }
.account.other .bill-del h2 { line-height: 25px; float: left; }
.account.other #delivery h2 { margin-bottom: 0px; }
#delivery label { padding: 15px 115px 15px 44px; background-color: #dcdcdc; position: relative; display: block; margin-top: 15px; cursor: pointer; }
#delivery label .rb { position: absolute; left: 15px; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 14px; height: 40px; }
#delivery label .rb input { margin: 13px 0; width: 14px; height: 14px; }
#delivery label .details strong { color: #59341a; }
#delivery label .details span { color: #777; }
#delivery label span.price { color: #79cbc9; font-weight: 700; position: absolute; right: 15px; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); line-height: 40px; width: 85px; font-size: 1.2em; text-align: center; }
.sab { float: right; margin-top: 15px; font-size: 0.8em; color: #777; line-height: 25px; }
.sab input { width: 21px; height: 21px; border: 1px solid #d6d6d6; margin: 2px 0 2px 10px; float: right; }
.required { color: #d493c4; }
.pay-opt h2 { float: left; line-height: 40px; margin-top: 0px; }
.pay-opt span.btn { float: right; display: block; padding: 0 15px; height: 40px; line-height: 40px; width: auto; background-color: #79cbc9; color: #fff; border: 1px solid #79cbc9; cursor: pointer; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-size: 0.85em; }
.pay-opt span.btn:hover { background-color: #fff; color: #79cbc9; }
.pay-opt .card-surround { background-color: #fff; position: relative; padding: 10px 15px; margin-bottom: 15px; cursor: pointer; }
.pay-opt .card-surround input[type="radio"], .hider input[type="checkbox"] { position: absolute; left: -500000px; }
.pay-opt .card-surround .check { float: left; width: 20px; text-align: center; height: 20px; line-height: 20px; background-color: #fff; margin-right: 15px; border: 1px solid #d4d4d4; }
.pay-opt .card-surround .check i { color: #79cbc9; font-size: 1.5em; width: 40px; text-align: center; height: 40px; line-height: 40px; display: none; }
.pay-opt .card-surround.selected .check i { display: block; }
.pay-opt .card-surround .card-details { float: left; line-height: 58px; text-align: center; margin-left: 48px; }
.pay-opt .card-surround .card-expiry { line-height: 58px; text-align: center; margin-left: 0 !important; }
span.small-text { font-size: 0.7em; }
#contactform .greybx { background-color: #dcdcdc; padding: 15px; margin-bottom: 30px; }
#contactform .greybx .whitebx .stripe-shadow-btn { height: 40px; line-height: 20px; }
#contactform .greybx .whitebx { background-color: #fff; padding: 15px; margin-bottom: 15px; }
#contactform .greybx .whitebx label { font-size: 0.85em; margin-top: 10px; display: block; }
#contactform .greybx .whitebx .pay-srnd span.check { top: 1px; cursor: pointer; }
#contactform .greybx .sign label { display: block; min-height: 50px; }
#contactform .greybx .sign label span { color: #79cbc9; }
#contactform .greybx .signature { background-color: #fff; position: relative; }
#contactform .greybx .signature div { position: relative; }
#contactform .greybx .clearbtn { background-color: #999; color: #fff; position: absolute; right: 0; bottom: 0; width: 80px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; }
#contactform .greybx .clearbtn i { margin-right: 5px; }
.remember-check label { display: block; }
.remember-details { background-color: #dcdcdc; position: relative; padding: 10px 15px; margin-bottom: 15px; cursor: pointer; height: 62px; }
.remember-check .check { width: 40px; height: 40px; text-align: center; line-height: 40px; color: #79cbc9; border: 1px solid #d4d4d4; display: block; background-color: #fff; margin-top: -20px; position: absolute; top: 90%; }
.remember-check .check i { display: none; }
.remember-check .selected .check i { display: block; font-size: 1.5em; line-height: 40px; }
.card-img { float: left; }
#card-check { float: right; width: 40px; height: 40px; text-align: center; line-height: 40px; color: #79cbc9; border: 1px solid #d4d4d4; display: block; margin: 10px 0; margin-right: 0 !important; }



.shift-up { margin-top: -100px; }
.product { margin-top: 30px; }
.product .product-info.gred .bx-wrapper .bx-pager { bottom: -50px; }
.product .product-info { padding: 0 15px; margin: 0 auto; }
.product .product-info.gred .bx-wrapper:before, .product .product-info.gred .bx-wrapper:after { display: none; }
.product .product-info .slideinfo { color: #59341a; font-weight: bold; font-size: 1em; background-color: #fff; padding: 15px; margin-top: 20px; }
.product .product-info .slideinfo i { color: #79cbc9; font-size: 1.3em; margin-right: 15px; }
.product h1 { color: #59341a; }
.product h2 { font-size: 1.7em; }
.product .description { font-size: 1.2em; }
.product .above-price { margin: 15px 0; }
.product .above-price span.was-price { color: #59341a; font-style: italic; font-size: 1.2em; margin-right: 10px; position: relative; }
.product .above-price span.was-price strong { color: #d493c4; font-style: normal; font-size: 1.6em; }
.product .above-price span.was-price span.linethrough { display: block; height: 2px; width: 100%; position: absolute; top: 50%; margin-top: -1px; left: 0; background-color: #333; }
.product .above-price span.price { color: #59341a; font-size: 1.4em; margin-right: 10px; font-family: 'futura-pt-bold', sans-serif; }
.product .above-price span.price strong { color: #d493c4; font-style: normal; font-size: 1.6em; }
.product .above-price a { font-size: 1.05em; display: inline-block; font-family: 'futura-pt-bold', sans-serif; }
.product .above-price a:hover { color: #59341a; }
.prodimagecontainer { max-width: 630px; margin: 0 auto; }
.prodimagecontainer .bx-wrapper .bx-pager.bx-default-pager a { border: 1px solid #79cbc9; }
.prodimagecontainer .bx-wrapper::after, .prodimagecontainer .slides_container::after { bottom: -35px; right: -45px; content: url(images/misc/smudge-alt.png); position: absolute; z-index: 1; transform: scale(-1, -1); }
.prodimagecontainer .bx-wrapper::before, .prodimagecontainer .slides_container::before { top: -30px; left: -50px; content: url(images/misc/smudge-alt.png); position: absolute; z-index: 1; }
.product .above-price .reviewlinks { color: #79cbc9; }
.product .editor-label { margin-bottom: 10px; font-size: 1.15em; color: #79cbc9; height: 24px; font-family: 'futura-pt-bold', sans-serif; margin-top: 0; }
.product .editor-field { margin-bottom: 15px; }
.products .OK { background-color: #d493c4; color: #fff; line-height: 30px; padding: 10px; }
.products .OK span { display: block; }
.products .OK span.msg { display: inline-block; margin: 0 10px 10px 0; font-size: 1em; }
.products .OK a { display: inline-block; background-color: #fff; color: #d493c4; padding: 0 10px; margin: 0 0px 10px 0; text-transform: uppercase; font-family: 'futura-pt', sans-serif; border: 1px solid #fff; float: right; text-align: center; }
.products .OK a:hover { background-color: #d493c4; color: #fff; }
.products .OK a.other { float: left; display: inline-block; max-width: 340px; margin: 0 auto; }
.products .OK .nobtm { margin-bottom: 0px !important; }
.oos-sign { background-color: #e91e63; border-radius: 50%; color: #fff; text-align: center; max-width: 130px; min-width: 100px; width: 40%; max-height: 130px; min-height: 100px; height: 40%; text-transform: uppercase; font-size: 1.6em; font-family: 'futura-pt', sans-serif; font-weight: 700; line-height: 25px; padding: 40px 10px; position: absolute; top: 15px; right: 15px; z-index: 999; }
.oos-sign span { display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.small-so { background-color: #e91e63; border-radius: 50%; color: #fff; text-align: center; max-width: 130px; min-width: 100px; width: 40%; max-height: 130px; min-height: 100px; height: 40%; text-transform: uppercase; font-size: 1.6em; font-family: 'futura-pt', sans-serif; font-weight: 700; line-height: 25px; padding: 40px 10px; position: absolute; top: 15px; right: 15px; z-index: 999; }
.small-so span { display: block; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.products.oos .prod-submit .editor-field span { display: block; line-height: 40px; color: #e91e63; font-weight: 700; font-family: 'futura-pt',sans-serif; text-transform: uppercase; }
.dw-xs-12.prod-submit { padding: 0 7px }

.prod-submit #loading { cursor: pointer; width: 100%; line-height: 40px; height: 40px; text-align: center; background-color: #79cbc9; color: #fff; border: 1px solid #79cbc9; text-transform: uppercase; font-family: 'futura-pt', sans-serif; font-size: 1em; display: block; }
.prod-submit .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); margin-right: 10px; }

@-webkit-keyframes fa-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

@keyframes fa-spin {
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}

.soldout span { line-height: 20px !important; padding: 10px; background-color: #e91e63; color: #fff !important; }
.soldout span i { float: left; margin-right: 5px; line-height: 20px; height: 20px; color: #fff; }
.product select, .product input[type="text"] { font-size: 1em; border: 5px #492f22 solid; height: 65px; }
.product input[type="submit"] { font-family: 'futura-pt', sans-serif; }
.product .main-desc { margin: 0px 0 15px 0; }
.product .info-bg { background-color: #eee; padding: 15px; margin: 15px 0 0; line-height: 22px; color: #59341a; font-size: 1.1em; font-family: 'futura-pt-bold', sans-serif; }
.product .info-bg i { color: #79cbc9; font-size: 1.1em; float: left; margin-right: 15px; }
.product .greylink i.fa-question-circle { color: #79cbc9; font-size: 2em; float: left; margin: 5px 0 0 15px; }
.product .toptip { color: #79cbc9; margin-top: 15px; font-size: 1.2em; font-family: 'futura-pt-bold', sans-serif; }
.product .diet-info .contains { background-color: #eee; padding: 15px; }
.product .diet-info .contains h2 { margin-top: 0; }
.product .diet-info .contains strong { color: #79cbc9; font-family: 'futura-pt-bold', sans-serif; font-size: 1.1em; text-transform: uppercase; font-weight: 400; }
.diet-info .contains ul li span { color: #59341a; font-family: 'futura-pt-bold', sans-serif; }
.product .diet-info .image { background-color: #eee; }
.product .nutritional { background-repeat: no-repeat; background-size: cover; background-position: center; }
.product .nutritional .nut-info { padding: 15px; background-color: #fff; width: 100%; }
.product .nutritional .nut-info .slideinfo { color: #79cbc9; font-weight: bold; font-size: 1.2em; margin-bottom: 10px; }
.product .nutritional .nut-info .slideinfo i { margin-right: 5px; }
.product .nutritional .nut-info.detail-1 { float: left; }
.product .nutritional .couple .nut-info { max-width: 460px; }
.product .nutritional .nut-info h2 { margin-top: 0px; font-size: 1.7em; }
.product .nutritional .nut-info h2.other { margin-top: 15px; }
.product .nutritional .rda .spacer { margin: 0 -3px; }
.product .nutritional .intake { text-align: center; font-family: 'futura-pt', sans-serif; font-size: 0.75em; margin: 0px -12px; }
.product .nutritional .intake .surround { border: 2px solid #79cbc9; background-color: #eee; padding: 0 5px; border-radius: 10px; min-height: 105px; }
.product .nutritional .intake .title { text-transform: uppercase; font-family: 'futura-pt-bold', sans-serif; color: #59341a; padding: 5px 0; min-height: 40px; position: relative; font-size: 0.8em; }
.product .nutritional .intake .title span { position: absolute; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); left: 0; width: 100%; line-height: 15px; display: block; }
.product .nutritional .intake .split { padding: 0 5px; border-top: 2px dotted #79cbc9; height: 2px; }
.product .nutritional .intake .output { color: #79cbc9; padding: 10px 0px; min-height: 50px; font-size: 1.2em !important; }
.product .nutritional .intake .percentage { background-color: #79cbc9; padding: 10px 5px; color: #fff; border-radius: 0 0 10px 10px; }
.product .nutritional .nut-info-detail { font-size: 1em; display: block; margin-top: 9px; font-family: 'futura-pt-bold', sans-serif; }
.product .price .section { margin: 0 -7px !important; }
.product .price .section .dw-xs-5, .product .price .section .dw-xs-2 { padding: 0 7px; }
.product .greylink { background-color: #eee; }
.product .greylink a, .product .greylink .reviewlinks { display: flex; padding: 15px 10px; font-size: 0.95em; font-family: 'futura-pt-bold', sans-serif; justify-content: space-between; align-items: center; }
.product .readreviews { position: absolute; top: 0; left: 0; padding: 0 !important; width: 100%; height: 100%; }
.product .section.revs { margin: 15px -5px 0 -5px !important; }
.section.revs .dw-md-9, .section.revs .dw-md-3 { padding: 0 5px; }
.section.revs .dw-md-3 a { text-align: center; }
.section.revs .dw-md-9 .rside { /* float: right; */ }
.section.revs .dw-md-9 span { /* float: left; */ }
.product .main-desc p { margin-top: 0; }
.product #slides .slides_container { position: relative; }
.product #slides .slides_container div img { position: absolute; top: 0; left: 0; z-index: 1; }
.product #slides .slides_container div:first-child img { position: relative; z-index: 2; }
.product #slides .bx-wrapper .slides_container div img { position: relative; z-index: 2; }
.dw-xs-12.oos { padding: 0 7px; }
#outofstockform { background-color: #eee; margin-bottom: 15px; }
#outofstockform .form-surround { padding: 15px 15px 1px; }
#outofstockform .form-surround h2 { margin-top: 0px; color: #79cbc9; font-size: 1.1em; margin-bottom: 10px; }
#outofstockform .form-surround h2 i { margin-right: 5px; }
#outofstockform .form-surround .editor-field { margin-bottom: 10px; }
#outofstockform .form-surround input[type="text"] { border: none; }
#outofstockform .form-surround input[type="submit"] { margin-bottom: 15px; }
.product .nutritional .nut-info .bx-wrapper .bx-pager { bottom: -47px; }
.bx-wrapper .bx-controls-direction a { color: #fff; }
.bx-wrapper .bx-controls-direction a.fa-angle-left { left: -55px; color: #59341a; top: 35%; }
.bx-wrapper .bx-controls-direction a.fa-angle-right { right: -55px; color: #59341a; top: 35%; }

/*Map Layout*/
.map-view { padding: 25px 0px; }
.mapouter { position: relative; width: 100%; }
.mapouter .gmap_canvas { position: absolute; top: 0px; }
.mapouter .gmap_canvas, .mapouter .gmap_canvas iframe { width: 100% !important; height: 100% !important; }

/*Product Listing*/
.prod-list-top { line-height: 40px; }
.prod-list-top .dw-sm-6 { margin-bottom: 15px; }
.prod-list-top strong { display: inline-block; color: #79cbc9; font-size: 1.2em; text-transform: uppercase; font-family: 'futura-pt', sans-serif; }
.prod-list-top #userlayout { }
.prod-list-top form { max-width: 290px; width: 100%; text-align: right; float: right; position: relative; padding-left: 85px; }
.prod-list-top form strong { position: absolute; left: 0; top: 0; }
.prod-list-top select { border: 1px solid #b4b4b4; color: #777; font-size: 1em; }
.prod-listing .slide { position: relative; text-align: center; }
.prod-listing .slide a { display: block; }
.prod-listing .slide a .overlay { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: #79cbc9; opacity: 0.8; z-index: 1; }
.prod-listing .slide a .overlay-text { display: none; position: absolute; top: 0; left: 0; height: 100%; width: 100%; padding: 15px; z-index: 2; color: #59341a; }
.prod-listing .slide a .overlay-text span.text { font-size: 1.4em; }
.prod-listing .slide a .overlay-text span.btn { display: block; margin: 15px auto 0; width: 170px; height: 40px; line-height: 40px; text-align: center; color: #fff; text-transform: uppercase; font-family: 'futura-pt', sans-serif; border: 1px solid #fff; }
.prod-listing .slide a .overlay-text div { width: 90%; position: absolute; top: 50%; left: 50%; position: absolute; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -ms-transform: translate(-50% -50%); }
.prod-listing .slide a img { display: block; }
.prod-listing .slide a:hover .overlay, .prod-listing .slide a:hover .overlay-text { display: block; }
.prod-listing .slide a .detail { position: absolute; bottom: -10px; left: 0; width: 100%; z-index: 3; padding: 0 15px; }
.prod-listing .title { color: #59341a; display: block; }
.prod-listing em { color: #59341a; display: inline-block; }
.prod-listing strong { display: inline-block; color: #d493c4; font-size: 1.2em; }
.prod-listing .dw-lg-4 { margin-bottom: 25px; }

/*Internal*/
.center { text-align: center; }
h2.center { text-align: center !important; }
a.app-btn { line-height: 20px; padding: 20px 20px 17px 0px; color: #fff; background-color: #79cbc9; border: 1px solid #79cbc9; position: relative; display: inline-block; font-family: 'futura-pt', sans-serif; text-transform: uppercase; margin: 15px auto; }
a.app-btn.other { padding: 10px 20px; }
a.app-btn:hover { background-color: #fff; color: #79cbc9; }
a.app-btn i { font-size: 2em; position: absolute; top: 50%; left: 20px; transform: translate(0,-50%); }
.customer-testimonials .bx-wrapper .review { padding-bottom: 30px; }
.customer-testimonials .bx-wrapper .bx-pager { bottom: 0; }
.customer-testimonials .bx-wrapper .bx-pager.bx-default-pager a { background-color: #777; }
.customer-testimonials .review em { font-size: 1.15em; display: block; margin-bottom: 15px; }
.customer-testimonials .review span { display: block; }
.customer-testimonials .review strong { color: #79cbc9; font-family: 'futura-pt', sans-serif; text-transform: uppercase; font-size: 0.85em; display: inline-block; line-height: 20px; }
.customer-testimonials .review .surround { display: inline-block; }
.review-stars { position: relative; width: fit-content; height: auto; font-size: 1.3em; display: block; /* float: left; */ /* margin-left: 25px; */ /* margin-top: 2px; */ display: grid; }
.review-stars > * { grid-column: 1; grid-row: 1; }
.review-stars .stars { height: 100%; overflow: hidden; }
.review-stars .stars.blank { width: fit-content; color: #777; }
.review-stars .stars.full { color: #edc501; }
.review-stars .star-connect { width: fit-content; display: flex; }
.review-stars .stars i { width: 20%; float: left; }
.customer-testimonials .review a { display: block; width: 100%; max-width: 300px; height: 40px; line-height: 40px; border: 1px solid #79cbc9; color: #fff; background-color: #79cbc9; font-family: 'futura-pt', sans-serif; text-transform: uppercase; text-align: center; }
.customer-testimonials .review a:hover { background-color: #fff; color: #79cbc9; }
.image-placer.right.aqua .marquee-top { height: 98px; background-image: url(images/marquee-banner.png); background-repeat: repeat-x; margin-bottom: 20px; }
.image-placer.aqua { background-color: #79cbc9; }
.aqua { background-color: #79cbc9; }
.image-placer .surround { width: 100%; max-width: 1285px; margin: 0 auto; }
.image-placer.aqua .container { position: relative; }
.aqua .text { color: #fff; }
.image-placer .text strong { color: #59341a; font-family: 'futura-pt', sans-serif; font-size: 1.4em; }
.image-placer .text a { max-width: 300px; color: #59341a; }
.journey img { display: block; }
.about h1 { margin-top: 0; }
.about-quote { padding: 20px 0 5px; text-align: center; }
.about-quote img { display: block; margin: 15px auto 0; }
.about-quote .section { margin: 50px 0; }
.about-quote { text-align: left; }
.about-quote h2.center-head.home { font-size: 1.6em; margin-bottom: 15px; margin-top: 0; }
.about-quote .em { font-size: 1.2em; font-family: 'futura-pt-bold',sans-serif; color: #59341a; text-align: center; font-style: italic; }
.visit { margin-bottom: 20px; }
.visit h1 { font-size: 2.3em; }
.visit-us { padding: 10px 0; }
.visit-us img { margin: auto; display: block; }
.visit .dw-sm-4, .visit .dw-sm-8 { padding: 0 10px; }
img.btm-img { display: block; width: 100%; max-width: 1300px; }
.questions { margin-top: 20px; }
.questions .title { font-family: 'futura-pt', sans-serif; text-transform: uppercase; background-color: #79cbc9; color: #fff; padding: 8px 15px; }
.questions .title i { margin-right: 8px; }
.questions .info { margin: 15px 0; }
.other .specialhead { margin-top: 15px; }
.other .updatecenter { max-width: 870px; margin: 0 auto; }
.other .refertable { border: 1px solid #d4d4d4; background-color: #fff; }
.other .refertable strong { display: block; padding: 10px 15px; }
.other .refertable .section { margin: 0; }
.other .refertable .dw-md-4 { padding: 0; }
.other .refertable .dw-md-4 strong { border-bottom: 1px solid #f2f2f2; }

.steps-btn { text-align: left; line-height: 20px; padding: 10px 0px 10px 20px; color: #fff; background-color: #79cbc9; border: 1px solid #79cbc9; position: relative; display: block; font-family: 'futura-pt'; margin: 35px auto; font-size: 15px; height: auto; }
.steps strong { font-size: 16px; }
.scroll-wrap { overflow: auto; height: 400px; background-color: #eeeeee; }
.testimonials em { font-size: 1.15em; }
.testimonials h3 { color: #79cbc9 !important; }
.amb-review { margin-top: 20px; }

.contactpage .info { text-align: center; margin-bottom: 30px; }
#contactform .editor-label label { color: #79cbc9; font-size: 1.15em; margin-bottom: 5px; }
#contactform .editor-label { margin-bottom: 5px; height: 24px; }
#contactform .editor-label.agree { font-size: 0.75em; text-align: center; margin-top: 10px; }
#contactform .editor-label.agree span.field-validation-error { left: 15px; font-size: 1em; }
#contactform .editor-field { margin-bottom: 20px; }
#contactform .editor-field .btn.retrieve, #contactform .editor-field .btn.back.center.pass { height: 65px; line-height: 65px; }
.contactpage #contactform { max-width: 875px; margin: 0 auto; }
.contactpage textarea { height: 120px; }
.google-placer { position: relative; padding-top: 335px; }
.google-placer .person-rev { position: absolute; top: 0; padding-left: 350px; width: 100%; }
.google-placer .person-rev .review-img { width: 350px; position: absolute; left: 0; top: 0; }
.google-placer .person-rev .rev-strs h2 { margin: 15px 0; color: #79cbc9; font-size: 1.8em; }
.google-placer .person-rev .rev-strs .editor-label { float: left; width: 160px; line-height: 30px; margin-bottom: 30px !important; }
.surround-wr { position: relative; }
.surround-wr .editor-field { position: absolute; top: 0; left: 160px; }
.google-placer .person-rev .rev-strs .editor-label.wr { min-height: 60px !important; height: auto !important; width: 100% !important; }

.google-placer .person-rev .rev-strs .editor-label label { display: block; margin: 0 !important; }
.google-placer .person-rev .rev-strs .editor-field { float: left; line-height: 30px; margin-bottom: 30px !important; }
.google-placer .person-rev .rev-strs .editor-field label { height: 30px !important; width: 35px !important; display: block; float: left; }
.google-placer .person-rev .rev-strs .editor-field label i { cursor: pointer; width: 35px; line-height: 30px; text-align: center; font-size: 2em; padding-right: 5px; }
.google-placer .person-rev .rev-strs .editor-field label i.blank { color: #777; }
.google-placer .person-rev .rev-strs .editor-field label i.blank.full { color: #edc501; }
.google-placer .person-rev .rev-strs .editor-field label i.blank.selected { color: #edc501; }
.editor-field .g-recaptcha { height: 60px; overflow: hidden; background-color: #f9f9f9; border: 1px solid #d4d4d4; max-width: 100%; position: relative; }
.editor-field .g-recaptcha div { width: 160px !important; overflow: hidden; margin: 0 auto; }
.editor-field .g-recaptcha div div { width: 100%; margin: -7px 0 0 -7px; height: 60px; }
.grecaptcha-badge { display: none; }
.retadd { font-family: 'futura-pt',sans-serif; color: #79cbc9; }
.return-info h2 { font-size: 1.5em; }
.return-info strong { color: #59341a; font-family: 'futura-pt',sans-serif; text-transform: uppercase; font-size: 1.15em; }
.return-info.wholesaler strong { text-transform: none; font-size: 0.85em; }
.return-info strong.other { font-size: 1em; }
.sitemap ul { list-style: none; margin: 15px; padding: 0; }
.sitemap ul li { display: block; }
.sitemap ul li span { margin-top: 15px; display: block; color: #777; }
.sitemap ul li div ul { margin: 0 0 15px; padding-left: 15px; }
.event-map .full-bg { background-color: #e6eaed; padding: 20px; }
.event-map .full-bg h2 { text-align: center; margin: 0 0 20px; line-height: 25px; }
.event-map .full-bg span.top-text { text-align: center; display: block; font-size: 1.05em; }
.event-map .full-bg .map-left { padding-right: 0; }
.event-map .full-bg .map-left #map { margin: 0; }
.event-map .full-bg .calendar-right strong.header { color: #59341a; font-size: 1.2em; font-family: 'futura-pt',sans-serif; text-transform: uppercase; display: block; margin: 0 0 10px; line-height: 25px; }
.event-map .full-bg .calendar-right .event-search { margin-bottom: 15px; padding-right: 40px; position: relative; border: 1px solid #d4d4d4; }
.event-map .full-bg .calendar-right .event-search span { display: none !important; }
.event-map .full-bg .calendar-right .event-search input[type="text"] { border: none; }
.event-map .full-bg .calendar-right .event-search input[type="submit"] { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background-color: transparent; z-index: 2; border: none; }
.event-map .full-bg .calendar-right .event-search i { position: absolute; top: 0; right: 0; width: 40px; text-align: center; height: 40px; line-height: 40px; color: #79cbc9; background-color: #fff; z-index: 1; font-size: 1.7em; }
.event-map .full-bg .calendar-right .theevents { background-color: #fff; border: 1px solid #d6d7d7; overflow-y: auto; }
.an-event { padding: 15px; background-color: #f8f8f8; }
.an-event:nth-child(2n) { background-color: #fff; }
.an-event .surround { position: relative; min-height: 40px; padding-left: 40px; padding-top: 10px; }
.an-event .surround i { position: absolute; left: 0; top: 0; width: 25px; height: 40px; line-height: 40px; text-align: center; color: #79cbc9; font-size: 1.5em; }
.an-event.pink .surround i { color: #d493c4; }
.an-event .surround span { display: block; line-height: 20px; }
.an-event .surround a.title { color: #59341a; text-transform: uppercase; font-family: 'futura-pt',sans-serif; display: block; line-height: 20px; font-weight: 700; }
.an-event .surround a.title:hover { color: #79cbc9; }
.an-event .booking { margin-top: 5px; }
.an-event .booking span.event-booked { background-color: #79cbc9; color: #fff; text-align: center; height: 40px; line-height: 40px; display: block; margin-top: 10px; }
.an-event .booking span.event-booked span { text-transform: uppercase; font-family: 'futura-pt',sans-serif; }
.no-event { color: #59341a; text-transform: uppercase; font-family: 'futura-pt',sans-serif; display: block; line-height: 40px; font-weight: 700; text-align: center; padding: 15px; }
.an-event .booking a { background-color: #777; color: #fff; text-align: center; height: 40px; line-height: 40px; display: block; margin-top: 10px; border: 1px solid #777; text-transform: uppercase; font-family: 'futura-pt',sans-serif; }
.an-event .booking a:hover { background-color: #fff; color: #777; }
.an-event .booking a.cancel-btn:before { content: "\f057"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 10px; }
.an-event .booking a.edit-btn { background-color: #79cbc9; border: 1px solid #79cbc9; }
.an-event .booking a.edit-btn:hover { background-color: #fff; color: #79cbc9; }
.an-event .booking a.edit-btn:before { content: "\f044"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transform: translate(0, 0); margin-right: 10px; }

/*Reviews*/
.rate-padd-help .editor-field.rev { margin-top: 18px; margin-bottom: 22px !important; }
span.repeatinggrey { width: 100px !important; height: 20px; background-image: url(images/grey-star.png); background-size: 20px; background-repeat: no-repeat; background-position: left center; margin: 0px; display: inline-block; background-repeat: repeat-x; text-align: left; }
span.repeatingyellow { height: 20px; background-image: url(images/yellow-star.png); background-repeat: no-repeat; background-position: left center; background-size: 20px; margin: 0px; display: inline-block; background-repeat: repeat-x; text-align: left; }
.greyStar { width: 20px; height: 20px; background-image: url(images/grey-star.png); background-repeat: no-repeat; background-position: left center; margin: 0px; display: inline-block; z-index: 20; cursor: pointer; }
.yellowStar, .selectedyellowStar { width: 20px; height: 20px; background-image: url(images/yellow-star.png); background-repeat: no-repeat; background-position: left center; margin: 0px; display: inline-block; z-index: 20; }

.write-reviews .google-placer { padding-top: 0; }
.write-reviews .google-placer .person-rev { position: relative; padding-bottom: 15px; }

.page-review.reading { margin: 15px 0; }
.review-row { font-family: 'futura-pt', sans-serif; position: relative; padding-left: 170px; }
.review-row label { text-transform: uppercase; color: #79cbc9; font-size: 0.95em; position: absolute; top: 0; left: 0; display: block; line-height: 20px; }
.review-row span.label { text-transform: uppercase; color: #59341a; font-size: 0.95em; display: block; line-height: 20px; }
strong.read-heading { display: block; color: #59341a; margin: 20px 0; font-size: 1.1em; text-transform: uppercase; font-family: 'futura-pt', sans-serif; }
.review-row .review-stars { margin: 0; }
.review-row .review-stars .stars i { width: 20px; font-size: 0.7em; text-align: center; }
.review-row.comments { padding: 0; }
.review-row em { font-family: 'PT Serif', serif; }

.tu { line-height: 20px !important; padding-right: 30px; position: relative; }
.tu .lt { line-height: 20px !important; display: block; }
.tu .lt a { display: inline-block !important; float: none !important; }
.tu .editor-field { position: absolute; top: 50%; right: 0; margin-top: -10px; -ms-transform: translate(0,0) !important; -o-transform: translate(0,0) !important; -moz-transform: translate(0,0) !important; -webkit-transform: translate(0,0) !important; transform: translate(0,0) !important; }
.tu .editor-field .checker { margin: 0 !important; }

/*Responsive Mapping*/
img.map, map area { outline: none; }
map area i { width: 10px; text-align: center; height: 20px; line-height: 20px; margin: -10px 0 0 -5px; color: #59341a; font-size: 2em; }
map area i.triangle { z-index: 999999999999; }
map area i.triangle span { width: 0; height: 0; border-left: 15px solid transparent; border-top: 18px solid #fff; border-right: 15px solid transparent; display: block; margin: -18px 0 0 -10px; z-index: 999999999999; }
.ambassadormap-surround { position: relative; max-width: 1110px; margin: 0 auto; }
.ambassadormap-surround img.main-map { display: block; }
#ambassadorinfobox { display: none; width: 420px; min-height: 154px; background-color: #fff; border: 1px solid #d4d4d4; z-index: 9999999; margin-bottom: 25px; margin-left: -210px; border-radius: 3px; padding: 15px; }
#ambassadorinfobox.left { margin-left: 0px !important; left: 0 !important; }
#ambassadorinfobox.right { margin-left: 0px !important; right: 0 !important; left: auto !important; left: unset !important; }
#ambassadorinfobox .surround.amb { padding-left: 135px; }
#ambassadorinfobox i { position: absolute; top: 5px; right: 5px; width: 15px; height: 15px; text-align: center; line-height: 15px; color: #59341a; cursor: pointer; }
#ambassadorinfobox .image { position: absolute; left: 15px; top: 15px; width: 120px; max-height: 120px; }
#ambassadorinfobox .image img { max-width: 120px; border-radius: 100%; border: 3px solid #79cbc9; max-height: 120px; }
#ambassadorinfobox .detail { }
#ambassadorinfobox .detail .region { color: #79cbc9; text-transform: uppercase; display: block; line-height: 15px; font-size: 0.8em; }
#ambassadorinfobox .detail .name { font-family: 'futura-pt',sans-serif; color: #59341a; text-transform: uppercase; display: block; padding-bottom: 5px; border-bottom: 2px dotted #79cbc9; margin-bottom: 5px; display: block; }
#ambassadorinfobox .detail .info { display: block; font-size: 0.8em; text-align: left; margin-bottom: 0px; }
#ambassadorinfobox .detail .info span { color: #79cbc9; font-weight: 700; }
#ambassadorinfobox .detail div { padding-top: 10px; }
#ambassadorinfobox .detail div a.btn { height: 32px; line-height: 32px; font-size: 0.8em; max-width: 110px; }

/*Subscriptions*/
.subscription .btn.sub:hover { color: #79cbc9; }
.subscription .btn.sub { max-width: 300px; margin: 0 auto 15px; }
.subscription .btn.sub.long { max-width: 320px; }
.subscription .sub-special .surround { position: relative; margin-bottom: 20px; }
.subscription .sub-special .surround .img { position: absolute; top: 0; left: 0; width: 50%; height: 100%; background-size: cover; background-repeat: no-repeat; background-position: center; }
.subscription .sub-special .surround .txt { float: right; width: 50%; position: relative; z-index: 2; background-color: #79cbc9; color: #fff; }
.subscription .sub-special .surround .txt h2 { margin: 0px 0px 20px; color: #fff; font-size: 2.2em; line-height: 30px; }
.subscription .sub-special .surround .txt strong { color: #59341a; font-family: 'futura-pt',sans-serif; text-transform: uppercase; font-size: 1.9em; }
.subscription .sub-special .surround .txt p { margin: 0 0 20px; }
.subscription .sub-special .surround .txt a.btn { max-width: 325px; margin: 10px 0 0; background-color: #fff; border: 1px solid #fff; color: #79cbc9; }
.subscription .sub-special .surround .txt a.btn:hover { background-color: #79cbc9; color: #fff; }
.subscription .sub-special .surround .txt .btmsub { text-align: center; max-width: 380px; margin-top: 10px; }
.subscription .sub-special .surround .txt .btmsub span { font-size: 1.2em; }
.subscription .sub-special #shopinternal { margin: 0; }
.subscription .sub-images img { display: block; margin-bottom: 20px; }
.subscription .sub-special.alt .surround .img { left: 50%; }
.subscription .sub-special.alt .surround .txt { float: left; background-color: #d493c4; }
.subscription .sub-special.alt .surround .txt a.btn { color: #d493c4; }
.subscription .sub-special.alt .surround .txt a.btn:hover { background-color: #d493c4; color: #fff; }
.subscription .cms-btm-img { width: 100%; padding-bottom: 27.36842105263158%; min-height: 200px; max-height: 520px; background-position: center; background-repeat: no-repeat; background-size: cover; }

.confirmcake, .account.other .confirmcake h2 { text-align: center; }
.account.other .confirmcake h2 { margin-top: 30px; }

.corporate-gallery { }
.corporate-gallery .dw-sm-4 { height: 550px; padding: 8px; }
.corporate-gallery .img { width: 100%; background-position: center; background-size: cover; }
.corporate-gallery .img.main { height: 100%; }
.corporate-gallery .img.top, .corporate-gallery .img.bottom { height: calc( 50% - 8px); }
.corporate-gallery .img.top { margin-bottom: 16px; }
.corporate-gallery .img.a { background-image: url(images/corporate-cakes.jpg); }
.corporate-gallery .img.b { background-image: url(images/cake-for-corporate-events.jpg); }
.corporate-gallery .img.c { background-image: url(images/cakes-for-the-office.jpg); }
.corporate-gallery .img.d { background-image: url(images/office-cake.jpg); }
.corporate-page h1 { font-size: 2.0em !important; }
.corporate-page .img-container.blue { margin-top: 70px; }
.corporate-page .img-container.blue:before { content: url(images/misc/blue-smudge.png); position: absolute; z-index: 1; top: -50px; right: -50px; background-size: contain; }

.hear-pop { position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; z-index: 999; }
.hear-pop .overlay { position: relative; width: 100%; height: 100vh; z-index: 999; background-color: #000; opacity: 0.5; }
.hear-pop .popup-container { text-align: center; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 70px); max-width: 600px; z-index: 9999; background-color: #fff; }
.hear-pop .popup-container .inner-rel { width: 100%; height: 100%; padding: 45px; }
.hear-pop .popup-container .inner-rel:before { content: url(images/misc/smudge.png); position: absolute; z-index: 1; top: -49px; left: -55px; transform: rotate(180deg); }
.hear-pop .popup-container .inner-rel:after { content: url(images/misc/smudge.png); position: absolute; z-index: 1; bottom: -59px; right: -54px; transform: rotate(0deg); }
.hear-pop .popup-container h2 { margin-top: 0px; margin-bottom: 30px; }


@media screen and (min-width: 1400px) {
    .treatcont { position: relative; overflow-x: hidden; margin-top: -105px; z-index: 1; }
    .treatcont.whole { margin-top: 0; overflow: hidden; }
    .treatcont .peanut { background-image: url(images/peanut-butter-bg.png); }
    .treatcont .millionaire { background-image: url(images/millionaire-bg.png); }
    .treatcont .peanut, .treatcont .millionaire { position: absolute; width: 350px; height: 350px; }
    .treatcont .top.right { left: auto; right: -5%; }
    .treatcont .top { left: -80px; top: 20%; }
    .treatcont .top.peanut { top: -1px; -webkit-transform: rotate(-30deg); transform: rotate(-30deg); }
    .treatcont .top.millionaire { -webkit-transform: rotate(30deg); transform: rotate(30deg); }
    .treatcont .bottom.right { left: auto; right: -70px; }
    .treatcont .bottom { left: -40px; bottom: 35%; }
    .treatcont .bottom.millionaire { -webkit-transform: rotate(20deg); transform: rotate(20deg); }
    .treatcont .bottom.peanut { bottom: 5%; -webkit-transform: rotate(-20deg); transform: rotate(-20deg); }
}
/* Screens bigger than 1230px; */
@media screen and (min-width: 1230px) {

    #headerright { padding-left: 10px; text-align: left; }
    #headerright .navigation ul li { font-size: 1.2em; font-family: 'futura-pt-bold', sans-serif; }
    #headerright .navigation ul li div ul li { margin: 0px; }
    #headerright .navigation ul li div ul li a { padding: 0 15px; }
    #headerright .navigation ul li a, #headerright .navigation ul li span { padding: 0 4px; }
    #slider .slide a .overlay-text, .prod-listing .slide a .overlay-text { padding: 30px; }
    #slider .slide a .detail, .prod-listing .slide a .detail { padding: 30px 30px; }
    .account .full-bg .container { width: 100%; max-width: 1230px; }
    .winner-is .text div { padding: 0 70px; }
    .about-alana .offer .text { padding-left: 30px; max-width: 360px; }
    .toright .events { height: 300px; }
    .toright .events .voucher { z-index: 3; position: absolute; top: 40px; width: 295px; left: 50%; -ms-transform: translate(-50%,0) rotate(-3deg); -o-transform: translate(-50%,0) rotate(-3deg); -moz-transform: translate(-50%,0) rotate(-3deg); -webkit-transform: translate(-50%,0) rotate(-3deg); transform: translate(-50%,0) rotate(-3deg); }
    .toright .events .voucher strong { font-size: 1.7em; padding: 20px 15px 20px 130px; }
    .toright .events .voucher span { font-size: 0.75em; }
    .about-alana .subscribe strong { left: 50px; }
    .about-alana .subscribe span { right: 50px; }
    .twbg { height: 390px; }
    .banner { padding-bottom: 620px; }
    .training-video { padding-bottom: 720px; }
    .product .product-info { max-width: 1330px; }
    .product .product-info .surround { max-width: 1250px; }
    .banner#findnearest .specialhead .line.stock { width: 10%; }
    .image-placer.larger .container { width: 1255px; margin: 0 auto; }
    .image-placer.right .text { float: left; }
    .image-placer.right .image { float: right; position: relative; }
    .image-placer.right .image img { float: right; }
    .image-placer.left .text { float: right; padding-left: 0px !important; }
    .image-placer.left .text h2 { margin-top: 60px; }
    .image-placer.left .image { position: relative; margin-bottom: -5px; margin-top: 30px; text-align: center; }
    .image-placer.left .image::before { content: url(images/misc/smudge.png); position: absolute; transform: rotate(110deg); bottom: 110px; left: 50px; }
    .image-placer.left .image::after { content: url(images/misc/smudge.png); position: absolute; transform: rotate(-45deg); top: 30px; right: 110px; }


    .basket.check-out .total.mover { position: fixed; width: 1230px; max-width: 1230px; padding: 0; top: 0; left: 50%; -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
    .basket.check-out .total.mover .checkoutprices { width: 300px; float: right; background-color: #fff; padding: 15px; }
    .basket .row .col1 { width: 55%; }
    .basket .row .col2 { width: 15%; }
    .basket .row .col3 { width: 15%; }
    .basket .row .col4 { width: 15%; }
    .basket .btn { max-width: 270px; }
    #discountform .notice { float: left; }
    #discountform .editors { float: right; width: 430px; }
    #discountform .editor-field { float: left; width: 300px; }
    #discountform .editor-field.submit { float: right; width: 120px; }
    div#map { width: 100%; height: 700px; background-color: #d3d3d3; margin-top: 15px; }
    .account .ambassador-forms .amb-bio { padding: 0 15px 0 320px !important; }
    .account .full .container { width: 1200px; }
    .previous-orders .details { width: 23%; }
    .previous-orders .products { width: 54%; padding: 0 15px; }
    .previous-orders .cost { width: 23%; }
    .previous-orders.other .details { width: 80%; }
    .previous-orders.other .products { width: 10%; padding: 0 15px; }
    .previous-orders.other .cost { width: 10%; }
    .trade .previous-orders .details { width: 20%; line-height: 40px; }
    .trade .previous-orders .products { width: 60%; line-height: 40px; }
    .trade .previous-orders .products strong { line-height: 40px; display: block; }
    .trade .previous-orders .products span { width: 50px !important; line-height: 40px; display: block; }
    .trade .previous-orders .cost { width: 20%; line-height: 20px; padding: 10px 0; }
    .trade .previous-orders .cost a { margin-top: 0px !important; }
    .event-map .full-bg .viewer { margin: 20px 0 20px -20px !important; }
    .event-map .full-bg .calendar-right { padding-left: 20px; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-1 { width: 900px !important; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 { width: 570px !important; }
    .subscription .sub-special .container { width: 100%; max-width: 1330px; }
    .subscription .sub-special .surround { min-height: 490px }
    .subscription .sub-special .surround .img { width: 650px; }
    .subscription .sub-special .surround .txt { width: 650px; min-height: 490px; }
    .subscription .sub-special.alt .container { width: 1230px; }
    .subscription .sub-special.alt .surround { min-height: 395px }
    .subscription .sub-special.alt .surround .img { width: 600px; }
    .subscription .sub-special.alt .surround .txt { width: 600px; min-height: 395px; }
    .hp .newsletter { max-width: 1170px; margin: 15px auto; }
    .newsletter { padding: 30px 30px 30px 15px; }
    .newsletter .dw-lg-3 { padding-right: 0px; }
    .newsletter .dw-lg-3:first-child { width: 24%; }
    .newsletter .dw-lg-3:nth-child(3) { width: 28%; }
    .newsletter .dw-lg-3:nth-child(4) { width: 21%; }
    .usermsg .OK span, .usermsg .KO span { max-width: 1230px; }
    .createcustomer-desc { min-height: 80px !important; }
    .vidpage .innercentre .section .dw-md-3:nth-child(4n+1) { clear: both; }
    .account.whichonetable.nearest .dw-xs-2 { width: 18.7%; }
    .account.whichonetable.nearest .dw-xs-6 { width: 43.9%; }
    .account.whichonetable.nearest .tophalf span { display: inline; }

    .treatcont #alanabaking.img-container { float: right; }
    .treatcont #alanaandsugar.img-container { float: left; }

    div.bx-veiwport, .bx-wrapper { width: 100% !important; position: relative; }
    .bx-wrapper .bx-pager { bottom: -25px; }

    .bx-wrapper::before { content: url(images/misc/smudge-alt.png); position: absolute; z-index: 1; top: -40px; left: -30px; }
    .bx-wrapper::after { content: url(images/misc/smudge-alt.png); position: absolute; z-index: 1; bottom: 40px; right: -65px; transform: scale(-1, -1); }
    iframe#video, #video object, #video embed { width: 100%; left: 0%; right: auto; }
}

@media screen and (max-width: 1929px) {
    iframe#video, #video object, #video embed { width: 1900px; left: 0%; right: auto; }
}

@media screen and (max-width: 1229px) {
    .banner, .training-video { padding-bottom: 50%; }
    #discountform .editors { position: relative; margin-top: 15px; }
    #discountform .editor-field { width: 100%; }
    #discountform .editor-field.submit { position: absolute; right: 0; top: 0; }
}



@media screen and (max-width: 1229px) and (min-width: 992px) {

    .product .nutritional .couple .intake { width: 33.3333333333%; }

    .treatcont #alanabaking.img-container { float: right; }
    .treatcont #alanaandsugar.img-container { float: left; }
    #headerright .accounts { margin-bottom: 30px !important; }
    #headerleft { width: 190px; }
    #headerright { width: 780px; padding-left: 0; }
    #headerright .navigation ul li { margin-right: 4px; }
    #headerright .navigation ul li a, #headerright .navigation ul li span { padding: 0 6px; font-size: 0.9em; }
    #headerright .navigation ul li:last-child a { margin-right: 0; }
    .banner#findnearest .specialhead .line.stock { width: 9%; }
    #headerright .navigation ul li.blog span.blog-nav { display: none !important; }
    .stock .account.whichonetable.nearest .dw-xs-2 { width: 25%; }
    .winner-is .text div { padding: 0 25px; }
    .winner-is .image { width: 50%; }
    .winner-is .text { width: 50%; padding: 0 25px; }
    .toright .events { height: 234px; }
    .toright .events .voucher { z-index: 3; position: absolute; top: 20px; width: 280px; left: 50%; -ms-transform: translate(-50%,0) rotate(-3deg); -o-transform: translate(-50%,0) rotate(-3deg); -moz-transform: translate(-50%,0) rotate(-3deg); -webkit-transform: translate(-50%,0) rotate(-3deg); transform: translate(-50%,0) rotate(-3deg); }
    .toright .events .voucher strong { font-size: 1.7em; padding: 20px 15px 20px 130px; }
    .toright .events .voucher span { font-size: 0.75em; }
    .about-alana .offer img { width: 660px; margin-left: 75px; }
    .about-alana .offer .text strong { margin-bottom: 15px; }
    .about-alana .subscribe strong { left: 15px; }
    .about-alana .subscribe span { right: 15px; }
    .twbg { height: 300px; }
    .product .product-info { max-width: 1070px; }
    .product .product-info .surround { max-width: 990px; }
    .prod-listing .slide { max-width: 380px !important; margin: 0 auto; }
    .image-placer .image { /* width:40%; */ float: left; }
    .image-placer .text { /* width:60%; */ float: left; }
    .image-placer.right .image { float: right; }
    .image-placer.left .text { float: right; }
    .vid-tip .text-surround h2 { margin-top: 0px; }
    .basket.check-out .total.mover { position: fixed; width: 970px; max-width: 970px; padding: 0; top: 0; left: 50%; -ms-transform: translate(-50%,0); -o-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); transform: translate(-50%,0); }
    .basket.check-out .total.mover .checkoutprices { width: 242.5px; float: right; background-color: #fff; padding: 15px; }
    .basket .row .col1 { width: 55%; }
    .basket .row .col2 { width: 15%; }
    .basket .row .col3 { width: 15%; }
    .basket .row .col4 { width: 15%; }
    .basket .btn { max-width: 212px; }
    #discountform .editors { padding-right: 227px; }
    #discountform .editor-field.submit { width: 212px; }
    .account.other .bill-del .bil h2 { min-height: 50px; float: none; }
    .account.other .bill-del .del h2 { float: none; margin: 15px 0 0 0; }
    .account.other .bill-del .sab { float: none; width: 120px; margin: 0 0 15px; }
    .section.revs .dw-md-9 .rside { display: none; }
    .account .full-bg .container { width: 100%; max-width: 970px; }
    .account .pay-types .dw-sm-4:nth-child(2) img { margin-top: 6px; }
    .account .full .container { width: 940px; }
    .previous-orders .details { width: 27%; }
    .previous-orders .products { width: 44%; padding: 0 15px; }
    .previous-orders .cost { width: 29%; }
    .previous-orders.other .details { width: 70%; }
    .previous-orders.other .products { width: 15%; padding: 0 15px; }
    .previous-orders.other .cost { width: 16%; }
    .trade .previous-orders .details { width: 20%; line-height: 40px; }
    .trade .previous-orders .products { width: 60%; line-height: 40px; }
    .trade .previous-orders .products strong { line-height: 40px; display: block; }
    .trade .previous-orders .products span { width: 50px !important; line-height: 40px; display: block; }
    .trade .previous-orders .cost { width: 20%; line-height: 20px; padding: 10px 0; }
    .trade .previous-orders .cost a { margin-top: 0px !important; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-1 { width: 710px !important; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 { width: 447px !important; }
    .newsletter .title { margin-bottom: 30px; font-size: 2.5em; text-align: center; }
    .newsletter .dw-lg-3:nth-child(2) { width: 25%; padding-right: 0px; }
    .newsletter .dw-lg-3:nth-child(3) { width: 29%; padding-right: 0px; }
    .newsletter .dw-lg-3:nth-child(4) { width: 20%; padding-right: 15px; }
    .newsletter .dw-lg-3:nth-child(5) { width: 25%; padding-right: 15px; }
    .usermsg .OK span, .usermsg .KO span { max-width: 970px; }
    .createcustomer-desc { min-height: 100px !important; }
    .home-detail .slide { width: 293px !important; margin-right: 12px !important; }
    .instrabg .section .dw-sm-3 { height: 148px; }
    .vidpage .innercentre .section .dw-md-3:nth-child(4n+1) { clear: both; }
    .banner#findnearest .specialhead .line { width: 4%; }
    #contactform .greybx .whitebx .pay-srnd span.check { right: 0; }
    .treatcont .bottom.right { right: -150px; }
    #jumping-img-text { bottom: 21.5% !important; }
    .dash-left { left: 12%; bottom: 7%; }
    .dash-right { right: 1%; bottom: -7%; }
    .blue-left { left: 27%; bottom: -6%; }
    .blue-right { right: 14%; bottom: -23%; }

    .c-left { left: 25% !important; bottom: -31% !important; }
    .c-right-upper { right: 15% !important; bottom: -64% !important; }
    .c-right-lower { right: 15% !important; bottom: -78% !important; }

    .w-left { left: 26%; }
    .w-right { right: 15%; bottom: -40%; }

    .w-left-amb { left: 2%; }
    .w-right-amb { right: -19%; bottom: -11%; }
    .ws-left { left: 26%; bottom: -13%; }
    .ws-right { right: 15%; bottom: -28%; }

    .blue-left-cake { left: 25%; bottom: -34%; }
    .blue-right-cake { right: 15%; bottom: -119%; }
    .ws-left-btm { left: 26%; }
    .ws-right-btm { right: 15%; }

    .navi { line-height: 16px !important; }
    #headerright .navigation ul li.fam-hover div { margin-left: -138px; margin-top: 1px !important; }
    .navigation ul li.blog { width: 10% !important; }
    #headerright .navigation ul li.fam-hover, #headerright .navigation ul li.corp-hover { width: 15% !important; margin-top: 13px !important; }
    #headerright .navigation ul li.corp-hover { margin-top: 5px !important; }
    #headerright .navigation ul li.nav-contact { margin-right: 0 !important; }
    #headerright .navigation ul li a.b-nav { line-height: 40px; }

    .product .product-info .bx-wrapper .bx-controls-direction a.fa-angle-left { left: -10px; }
    .product .product-info .bx-wrapper .bx-controls-direction a.fa-angle-right { right: -10px; }

    #signup_btn { margin: 15px 0px; }
    .treatcont .img-container, .about-quote .img-container { width: 100% !important; min-height: 320px !important; padding-top: 75%; margin-top: 40px; }
    .events-container { width: 100% !important; height: 10px !important; padding-top: 35% !important; margin-top: 40px; }


    .location-tile .img { width: calc(100% - 170px); height: 100%; float: left; background-size: cover; background-position: center; }
    .location-tile .openinghoursbackground { width: 170px; height: 100%; float: right; }
}



@media screen and (min-width: 992px) {
    .product .nutritional .nut-info .dw-sm-2 { width: 14.28571428571429% }
    .treatcont .dw-md-4.one { padding-left: 30px; }
    .treatcont .dw-md-4.two { padding-right: 30px; }
    #headerright .accounts { margin-bottom: 40px; }
    #headerright .accounts span i { margin-right: 10px !important; }
    #headerright .navigation { clear: both; margin-top: 80px; }
    #headerright .navigation ul { min-height: 40px; text-align: right; }
    #headerright .navigation ul li { position: relative; color: #fff; display: inline-block; width: 10%; text-align: center; }
    #headerright .navigation ul li.long { width: 18%; }
    #headerright .navigation ul li.medium { width: 16%; }
    #headerright .navigation ul li.icons { width: 5%; }
    #headerright .navigation ul li.icons i { font-size: 1.3em; }
    #headerright .navigation ul li.nav-contact { margin-right: 5px; }
    #headerright .navigation ul li:last-child { }
    #headerright .navigation ul li span i { display: none; }
    #headerright .navigation ul li.navwholesale div { left: 100%; width: 180px; margin-left: -134px; }
    #headerright .navigation ul li.navshop div { left: -45px; width: 185px; margin-left: 0; }
    #headerright .navigation ul li div { position: absolute; top: 50px; left: 50%; width: 180px; margin-left: -80px; visibility: hidden; margin-top: -12px; }
    #headerright .navigation ul li.corp-hover div { margin-left: -70px; margin-top: -3px; left: 38%; width: 200px; }
    #headerright .navigation ul li.fam-hover div { margin-left: -138px; margin-top: -3px; }
    #headerright .navigation ul li.fam-hover, #headerright .navigation ul li.corp-hover { width: 13%; margin-top: 11px; }
    #headerright .navigation ul li:hover span { }
    #headerright .navigation ul li.corp-hover { width: 18%; }
    #headerright .navigation ul li.fam-hover { margin-right: 6px; }
    .navigation ul li.blog { width: 13%; }
    #headerright .navigation ul li:hover div { visibility: visible; padding-top: 12px; }
    #headerright .navigation ul li:hover .search { padding-top: 0; }
    #headerright .navigation ul li div .up-arrow { width: 0; height: 0; border-left: 18px solid transparent; border-right: 18px solid transparent; border-bottom: 12px solid #79cbc9; margin: 0 auto; }
    #headerright .navigation ul li div ul { float: none; border-top: 4px solid #79cbc9; padding: 10px 0; background-color: #8bd1cf; box-shadow: 0px 4px 10px #777; -moz-box-shadow: 0px 4px 10px #777; -webkit-box-shadow: 0px 4px 10px #777; width: 335px; text-align: center; }
    #headerright .navigation ul li div ul li { float: none; width: 100%; font-size: 1em; }
    #headerright .navigation ul li div ul li a { margin: 0; }
    .menuicon i { display: none; }
    #headerright .accounts { display: none; }
    #headerright .navigation .start { position: absolute; top: -25px; right: 5px; }
    #headerright .search { top: 0; left: 0; }
    .winner-is .text div { position: absolute; left: 0; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .winner-is .image { float: left; width: 50%; min-width: 550px; }
    .winner-is .text { position: absolute; right: 15px; width: 50%; height: 100%; top: 0; background-color: #79cbc9; }
    .about-alana .toright { float: right !important; }
    .about-alana .subscribe strong { font-size: 1.8em; }
    .twbg .surround { position: absolute; left: 50%; top: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 80%; }
    .product .diet-info .surround { position: relative; }
    .product .diet-info .contains { width: 25%; float: left; }
    .product .diet-info .image { width: 75%; position: absolute; top: 0; right: 0px; height: 100%; overflow: hidden; }
    .product .diet-info .image img { position: absolute; max-width: 900px; height: 100%; }
    #review-form { position: relative; }
    .prod-listing .dw-lg-4.dw-md-4:nth-child(3n+1) { clear: both; }
    .vid-tip .right { float: right; }
    .event-map .full-bg .map-left #map { height: 700px; }
    .event-map .full-bg .calendar-right .theevents { min-height: 608px; max-height: 608px; }
    .event-map .full-bg .calendar-right .theevents.ambassador { min-height: 550px; max-height: 550px; }
    .event-map .full-bg .viewer { margin: 20px -5px 20px -20px; }
    .nothome { position: relative; z-index: 999999999; }
    .page-review.reading:nth-child(3n + 1) { clear: both; }
    .banner#findnearest .form-surround { position: absolute; top: 50%; -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); left: 50%; width: 80%; }
    .navi { line-height: 16px !important; text-align: center; }
    .cont { margin-top: 45px; }

    body.home #headerright .navigation ul li:hover span { pointer-events: none; }
}

@media screen and (max-width: 991px) {
    #headerleft a img { z-index: 2; position: absolute; left: 15px; }
    #headerleft { width: 150px; }
    .masthead.vid .container { position: relative; }
    .shift-up-sml { margin-top: 170px; }
    #headerright { position: relative; }
    #headerright .navigation { position: absolute; top: 128px; width: 100%; left: 0; height: auto; z-index: 1; background-color: #fff; }
    #headerright .accounts { position: absolute; top: 65px; right: 15px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .menuicon i { position: absolute; top: 97px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); width: 40px; height: 40px; line-height: 40px; text-align: center; color: #79cbc9; font-size: 2em; cursor: pointer; }
    .menuicon i:hover, #headerright .accounts a:hover i { color: #59341a; }
    .menuicon i.fa-user-circle-o { margin-right: 30%; }
    .menuicon i.fa-shopping-bag { margin-right: 15%; }
    .menuicon li { list-style: none; }
    #headerright .accounts span.log a { float: left; }
    #headerright .accounts span.log a.logout { display: none; }
    #headerright .accounts span.log i.fa-sign-out { display: none; }
    #headerright .navigation ul { }
    #headerright .navigation .start { display: none; }
    #headerright .accounts span span { display: none; }
    #headerright .accounts span i span { display: block; }
    #headerright .accounts span.log { height: 40px; line-height: 40px; text-align: center; padding: 0; margin: 0; float: left; }
    #headerright .accounts span.basket { width: 40px; height: 40px; line-height: 40px; text-align: center; padding: 0; margin: 0; float: left; }
    #headerright .accounts span.log.co { float: right; margin-right: 50px; }
    #headerright .accounts span.log i { margin: 0; width: 40px; text-align: center; display: block; float: none; font-size: 2.2em; }
    #headerright .navigation span.basket i { margin: auto; position: absolute; display: inline-block; right: 70px; top: -58px; color: #79cbc9; }
    #headerright .navigation span.basket i span.show { top: -8px; right: 0; }
    #headerright .navigation .icons i.fa-user-circle-o { margin: auto; position: absolute; display: inline-block; right: 115px; top: -58px; font-size: 1.3em !important; color: #79cbc9; }
    #headerright .navigation ul.alt li.cat a { color: #79cbc9 !important; font-family: 'futura-pt', sans-serif; }
    #headerright .navigation span a { height: 40px; width: 40px; text-align: center; padding: 0; background-color: #fff; }
    #headerright .navigation span a.logout { margin-left: 10px; }
    #headerright .navigation .positioner { border-bottom: 5px solid #79cbc9; }
    #headerright .navigation.shut { height: 0px; overflow: hidden; }
    #headerright .navigation ul li span { padding-right: 15px; margin: 0 auto; }
    #headerright .navigation ul li.corp-hover span { max-width: 250px; text-align: center; }
    #headerright .search { position: relative; opacity: 1; visibility: visible; max-width: 100% !important; right: 0 !important; margin: 15px 0; padding: 0 55px 0 15px; }
    #headerright .search input[type="submit"] { right: 15px; }
    #headerright .search .fa-search { right: 15px; background-color: #fff; color: #79cbc9; border: 1px solid #fff; border-bottom: 1px solid #79cbc9; }
    #headerright .search input[type="text"] { border: none; border-bottom: 1px solid #79cbc9; font-style: italic; font-size: 1em; }
    .specialhead .center-head { font-size: 1.5em; }
    .toright .events { height: 273px; }
    .toright .events .voucher { z-index: 3; position: absolute; top: 40px; width: 295px; left: 50%; -ms-transform: translate(-50%,0) rotate(-3deg); -o-transform: translate(-50%,0) rotate(-3deg); -moz-transform: translate(-50%,0) rotate(-3deg); -webkit-transform: translate(-50%,0) rotate(-3deg); transform: translate(-50%,0) rotate(-3deg); }
    .toright .events .voucher strong { font-size: 1.7em; padding: 20px 15px 20px 130px; }
    .toright .events .voucher span { font-size: 0.75em; }
    .about-alana .offer .text strong { margin-bottom: 15px; }
    .about-alana .subscribe strong { font-size: 1.4em; }
    .image-placer .image img { display: block; margin: 15px auto 0; }
    .account .ambassador-forms { padding: 0px !important; }
    .account .ambassador-forms#wholesaleformcontainer { padding: 0 !important; }
    .prod-listing .dw-xs-6:nth-child(2n+1) { clear: both; }
    #wholesaleformcontainer .legal .editor-field #sketch { height: 240px; }
    .calendar-right { padding-top: 15px; }
    .event-map .full-bg .calendar-right .theevents { min-height: 380px; max-height: 380px; }
    .subscription .sub-special .surround .img { position: relative; width: 100%; padding-bottom: 75.38461538461538%; min-height: 200px; }
    .subscription .sub-special .surround .txt { float: none; width: 100%; }
    .subscription .sub-images .dw-xs-6:nth-child(3) { margin-left: 25%; }
    .subscription .sub-special.alt .surround .img { left: 0; padding-bottom: 65.833333333333333%; }

    .product .nutritional .couple .nut-info { max-width: 100%; float: none; margin-top: 15px; }
    .product .nutritional .couple .nut-info:first-child { margin-top: 0px; }
    .vidpage .innercentre .section .dw-md-3:nth-child(3n+1) { clear: both; }
    .banner#findnearest { height: auto; padding-bottom: 30px; }
    .banner#findnearest .form-surround .normtext { color: #fff; display: block; position: relative; }
    #contactform .greybx .whitebx .agreecake { margin-bottom: 30px; }
    #contactform .greybx .whitebx label { margin-top: 14px; float: left; }
    .blue-left { left: 18%; bottom: -16%; }
    .blue-right { right: 7%; bottom: -23%; }

    .c-left { left: 19%; bottom: -31%; display: none; }
    .c-right-upper { right: 6%; bottom: -64%; display: none; }
    .c-right-lower { right: 6%; bottom: -78%; display: none; }
    .w-left, .w-left-amb, .w-right-amb { display: none; }
    #signup_btn { margin: 15px 0px; }

    .img-container { margin: 0 auto; }

    #headerright .accounts i { margin-left: 0; /* float: left; */ line-height: 40px; color: #79cbc9; font-size: 2.2em; }
    #headerright .accounts i.fa-navicon:before, #headerright .accounts i.fa-times:before { display: inline-block; width: 40px; text-align: center; }

    #headerright .accounts span, #headerright .accounts i.navtoggle { margin: 0px 0px 0px 15px !important; }

    .mobile-icons { display: none; }
    .events-container { margin: 0 auto; }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    .product .nutritional .nut-info .dw-sm-2 { width: 14.28571428571429% }
    .events-container { width: 100% !important; height: 10px !important; padding-top: 35% !important; margin-top: 40px; }
    #headerright { }
    #headerright .accounts { position: absolute; right: 0; }

    #headerright .accounts span.log a.logout { margin-left: 15px; display: none; }
    #headerright .accounts span.log.co { margin-right: 50px; }
    #headerright .accounts span.basket, .menuicon i, #headerright .navigation .start { /* margin-left:15px; */ float: left; text-align: center; }
    #headerright .navigation ul { }
    #headerright .navigation ul li a, #headerright .navigation ul li span, #headerright .accounts ul li a, #headerright .accounts ul li span { background-color: #8bd1cf; cursor: pointer; text-align: center; }
    #headerright .navigation ul.alt li span { color: #fff !important; }
    #headerright .navigation ul.alt li.cat a { color: #fff !important; font-family: 'futura-pt', sans-serif; }
    #headerright .navigation ul li span i { float: right; font-size: 2em; line-height: 40px; }
    #headerright .navigation ul li:hover span { color: #79cbc9; }
    #headerright .navigation div.shut { height: 0px; overflow: hidden; }
    #headerright .navigation ul li div ul { position: relative; top: 0; padding: 0; }
    #headerright .navigation { }
    .menuicon i { right: 0px; }
    #headerright .navigation .start { right: 15px; }
    #headerright .search { background-color: #8bd1cf; margin: 0; padding: 0 15px 15px; }
    .footer .links span.sm { display: none; }
    .winner-is { max-width: 750px; background-color: #79cbc9; padding-top: 20px !important; }
    .winner-is img { display: block; margin: 0 auto; }
    .winner-is .text { padding: 20px; max-width: 690px; margin: 0 auto; }
    .about-alana .subscribe strong { left: 30px; }
    .about-alana .subscribe span { right: 30px; width: 200px; }
    .banner#ambassadors .text { font-size: 0.8em; }
    .nothome .about-alana .toright { float: right; }
    .nothome .about-alana .offer img { width: 720px; max-width: 720px; margin-left: -120px; }
    .nothome .about-alana .offer .text { font-size: 0.9em; width: 320px; }
    .product .product-info { max-width: 850px; }
    .product .product-info .surround { max-width: 770px; }
    .products .OK a { display: block; float: none; max-width: 100% !important; }
    .products .OK a.other { float: none; max-width: 100% !important; display: block; }
    .basket .row.regular { min-height: 0; }
    .basket .row.regular .col1 { padding-left: 0px; }
    .basket .row .col1 { width: 46%; }
    .basket .row .col2 { width: 18%; }
    .basket .row .col3 { width: 18%; }
    .basket .row .col4 { width: 18%; }
    .basket img { display: none; }
    .basket .btn { max-width: 185px; }
    #discountform .editors { padding-right: 200px; }
    #discountform .editor-field.submit { width: 185px; }
    .account.other .bill-del .bil h2 { min-height: 50px; float: none; }
    .account.other .bill-del .del h2 { float: none; margin: 15px 0 0 0; }
    .account.other .bill-del .sab { float: none; width: 120px; margin: 0 0 15px; }
    .section.revs .dw-md-9 .rside { display: none; }
    .section.revs .dw-md-9 .review-stars { float: right; }
    .section.revs .dw-md-9 { margin-bottom: 15px; }
    .account .full-bg .container { width: 100%; max-width: 750px; }
    .account-menu strong { height: 38px; }
    .account .pay-types .dw-sm-4:nth-child(2) img { margin-top: 6px; }
    .account .full .container { width: 720px; }
    .event-map .full-bg .map-left { padding: 0 15px; }
    .event-map .full-bg .map-left #map { height: 700px; margin-top: 15px; }
    #wholesaleformcontainer .legal { padding: 0 15px; }
    .previous-orders .details { width: 22%; }
    .previous-orders .details strong { display: block; }
    .previous-orders .products { width: 48%; padding: 0 15px; }
    .previous-orders .cost { width: 30%; }
    .previous-orders .cost strong { display: block; }
    .previous-orders.other .details { width: 70%; }
    .previous-orders.other .products { width: 15%; padding: 0 15px; }
    .previous-orders.other .cost { width: 15%; }
    .trade .previous-orders .details { width: 14%; line-height: 40px; }
    .trade .previous-orders .products { width: 66%; line-height: 40px; }
    .trade .previous-orders .products strong { line-height: 40px; display: block; }
    .trade .previous-orders .products span { width: 50px !important; line-height: 40px; display: block; }
    .trade .previous-orders .cost { width: 20%; line-height: 20px; padding: 10px 0; }
    .trade .previous-orders .cost a { margin-top: 0px !important; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-1 { width: 720px !important; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 { width: 680px !important; }
    .newsletter .title { text-align: center; font-size: 2.0em; margin-bottom: 15px; }
    .newsletter .dw-lg-3:nth-child(2) { width: 20%; padding-right: 0px; }
    .newsletter .dw-lg-3:nth-child(3) { width: 35%; padding-right: 0px; }
    .newsletter .dw-lg-3:nth-child(4) { width: 24%; padding-right: 0px; }
    .newsletter .dw-lg-3:nth-child(5) { width: 20%; padding-right: 0; }
    .usermsg .OK span, .usermsg .KO span { max-width: 750px; }
    .google-placer.random { position: relative; padding-top: 365px; }
    .write-reviews .google-placer { padding-top: 0px !important }
    .page-review.reading:nth-child(2n + 1) { clear: both; }
    .home-detail .slide { width: 340px !important; margin-right: 12px !important; }
    .instrabg .section .dw-sm-3 { height: 148px; }
    .banner#findnearest .specialhead .line { width: 6%; top: 26%; }
    .stock .account.whichonetable.nearest .dw-xs-2 { width: 25%; }
    .dash-left { left: 11%; bottom: 12%; }
    .dash-right { right: -3%; bottom: -7%; }
    .blue-right { right: 5%; bottom: -30%; }
    .blue-right-cake { right: 5%; bottom: -134%; }
    .blue-left-cake { left: 17%; bottom: -37%; }

    .w-left { left: 16%; }
    .w-right { right: 4%; bottom: -34%; }

    .w-left-amb { left: 17%; bottom: -41px; }
    .w-right-amb { right: 4%; bottom: -14%; }
    .ws-left { left: 19%; bottom: -11%; }
    .ws-right { right: 4%; bottom: -24%; }
    .ws-left-btm { left: 19%; }
    .ws-right-btm { right: 5%; }
    .bx-wrapper .bx-controls-direction a.fa-angle-left { left: -10px; }
    .bx-wrapper .bx-controls-direction a.fa-angle-right { right: -10px; }
    #headerright .accounts span.basket i span.show { right: 35%; }

    .location-tile .img { width: calc(100% - 170px); height: 100%; float: left; background-size: cover; background-position: center; }
    .location-tile .openinghoursbackground { width: 170px; height: 100%; float: right; }
}

@media screen and (min-width: 768px) {

    body { }
    .large-container { padding: 0 15px; }
    .masthead { position: absolute; width: 100%; z-index: 30; top: 10px; }
    .winner-is { padding: 0 15px; }
    .about-alana .subscribe strong { position: absolute; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .about-alana .subscribe span { position: absolute; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .footer { padding: 30px 0; }
    body.home .footer { margin-top: 30px; }
    .footer .xxs, .footer .xs { display: none !important; }
    .banner, .training-video { margin-bottom: 15px; }
    .nothome { margin-top: 30px; }
    .nothome .about-alana { padding: 15px 0 30px; }
    a.app-btn { margin: 0px auto; max-width: 70%; }
    .text-wrap { margin-top: 30px; }
    .regions-split .section { margin-left: 0px !important; margin-right: 0px !important; }
    .steps a.app-btn { display: inline-block; margin: 20px auto !important; width: 43%; max-width: 430px; }

    .regions-split, .customer-testimonials, .customer-testimonials .review a { margin: 30px auto; text-align: center; }
    .banner .text { bottom: 60px; }
    .top-buffer { height: 40px; }
    .product h1 { margin-top: 0px; }
    .product .diet-info { margin: 30px 0; }
    .product .nutritional { margin-bottom: 30px; padding: 30px 0 60px 0; }
    .image-placer { }

    .image-placer .image { padding: 0 10px; }
    img.btm-img { margin: 30px auto; }
    .about-quote { padding: 30px 0 10px; }
    .account-menu { padding-top: 15px; }
    .account .ambassador-forms .amb-bio { padding: 0 15px 0 270px; }
    .account .ambassador-forms .amb-bio .bio-img { width: 225px; position: absolute; left: 15px; }
    .basket .row .col1 { float: left; padding: 0 0 0 0; }
    .basket .row .col2 { float: left; padding: 0 0 0 10px; }
    .basket .row .col3 { float: left; padding: 0 0 0 10px; }
    .basket .row .col4 { float: left; padding: 0 0 0 10px; }
    .basket .row.regular .col1 span { margin-top: 9px; display: inline-block; }
    .basket .row.regular .col3 strong, .basket .row.regular .col4 strong { line-height: 40px; }
    .basket .total { max-width: 300px; float: right; }
    .account { padding: 0 15px; margin-bottom: 30px; }
    .account .address .address-editors { min-height: 60px; }
    .account .address .card-editors { min-height: 40px; }
    .account .ambassador-forms .map-right { float: right; }
    .account .ambassador-forms .map-right #map { height: 675px; margin: 0; }
    .account .ambassador-forms .map-left #map { height: 700px; }
    .account .pay-types .dw-sm-4 { width: 33%; }
    .account .pay-types .dw-sm-4:nth-child(2) { padding: 0px !important; width: 34%; }
    .prod-listing.wholesale form .purchase { padding-left: 0px; }
    #wholesaleformcontainer .cdop { padding-right: 165px; }
    #wholesaleformcontainer .cdop .editor-field { position: absolute; right: 0; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    #wholesaleformcontainer .legal { margin: 15px 0; }
    .review-img, .rev-strs { padding: 0 15px; }
    .google-placer .rev-sub { float: right; }
    .customer-orders .search .editor-label { min-height: 30px; height: 30px; }
    .account .ambassador-forms .prod-listing .editor-label { line-height: 40px; }
    #delivery label .details strong { width: 45%; float: left; }
    #delivery label .details span { width: 55%; float: right; padding-left: 15px; }
    .previous-orders .details { float: left; }
    .previous-orders .products { float: left; }
    .previous-orders .cost { float: right; }
    .trade .previous-orders .orders-row .cost { padding: 0; }
    .trade .previous-orders .orders-row .details { line-height: 20px; padding: 10px 0; }
    .trade .previous-orders .orders-row .cost p { margin: 0; padding: 10px 0 0; }
    .previous-orders .orders-top .products { position: relative; padding-right: 45px; }
    .previous-orders .orders-top .products span { position: absolute; top: 0; right: 15px; width: 30px; text-align: center; }
    .previous-orders .products div { position: relative; padding-right: 30px; }
    .previous-orders .products div span { position: absolute; top: 0; right: 0px; width: 30px; text-align: center; }
    .event-map { padding-top: 30px; }
    .adding-event { margin-top: 15px; }
    .subscription .sub-special { margin-top: 15px; }
    .subscription .sub-special .surround .txt { padding: 30px; }
    .instrabg iframe { height: 390px; }
    .instrabg .section .dw-sm-3:nth-child(4n+1) { clear: both; }
}

@media screen and (max-width: 767px) {
    iframe#video, #video object, #video embed { max-width: 100%; }
    h1 { margin: 10px 0; font-size: 1.5em !important; }
    h2 { margin: 10px 0; font-size: 1.3em !important; }
    h3 { margin: 10px 0; font-size: 1.2em !important; }
    .product h1 { margin-top: 30px; }
    .large-container { padding: 0 10px; }
    .specialhead { margin: 15px 0 10px; }
    .specialhead .center-head { display: block; margin-bottom: 10px; padding: 0; font-size: 1.5em !important; }
    .specialhead .line { position: relative; }
    .underline { margin-bottom: 10px; }
    #headerleft { }
    #headerright { padding: 0 10px; }
    #headerright .accounts { }
    #headerright .accounts span.basket, .menuicon i, #headerright .navigation .start { float: left; }
    #headerright .navigation ul { padding: 0px; }
    #headerright .navigation ul li a, #headerright .navigation ul li span { background-color: #fff; padding: 0 10px; cursor: pointer; text-align: center; }
    #headerright .navigation ul li span i { font-size: 1.6em; font-weight: bold; margin: 5px; }
    #headerright .navigation ul li:hover span { color: #79cbc9; }
    #headerright .navigation div.shut { height: 0px; overflow: hidden; }
    #headerright .navigation ul li div ul { position: relative; top: 0; padding: 0; }
    .menuicon i { right: 0px; }
    #headerright .navigation .start { right: 10px; border: none !important; }
    #headerright .search { right: 10px; max-width: 235px; background-color: #fff; margin: auto; padding: 0 15px 15px; }
    .nothome { margin-top: 15px; }
    body.home #headerleft { width: 120px; display: block; }
    body.home #headerleft a img { display: block; }
    body.home .footer { margin-top: 15px; }
    body.home #headerright .navigation ul li a, body.home #headerright .navigation ul li span { color: #79cbc9; }
    body.home #headerright .navigation ul li a { font-family: 'futura-pt', sans-serif; }
    .footer .container { padding: 0 10px; }
    .footer .main-links a:nth-child(5) { clear: both; }
    .footer .links span:nth-child(10) { display: none; }
    .footer .xxs { display: none !important; }
    .footer .xs { display: block !important; }
    .footer .links span.one { display: none !important; }
    .footer .legal span { display: none; }
    .footer .legal span.break { display: block; }
    .footer .social-media { max-width: 310px; }
    .carousel-caption .title { font-size: 1.95em !important; margin-bottom: 0px; }
    .carousel-caption .title br { display: none; }
    .home-detail { padding: 0 10px; }
    .home-detail a.shop-btn { margin: 15px auto 0; }
    .home-detail span.normtext, .internal span.normtext { display: block; line-height: 19px; }
    #slider .slide a .detail, .prod-listing .slide a .detail { padding: 20px 10px; }
    #slider .slide a .detail .text, .prod-listing .slide a .detail .text { padding: 10px; font-size: 12px; font-weight: 800; }
    #slider .slide a .overlay-text, #slider .slide a .overlay, .prod-listing .slide a .overlay-text, .prod-listing .slide a .overlay { display: none !important; }
    .winner-is { background-color: #79cbc9; padding: 20px 20px 0; }
    .winner-is img { display: block; margin: 0 auto; }
    .winner-is .text { padding: 20px 0; max-width: 650px; margin: 0 auto; }
    .winner-is .text strong { font-size: 1.3em; }
    .winner-is .text em { font-size: 1em; }
    .winner-is .text a { font-size: 0.95em; max-width: 350px; }
    .about-alana { padding: 0px 0 15px; }
    .about-alana .events, .about-alana .offer { margin-top: 15px; }
    .about-alana .events a .detail { padding: 0 10px; }
    .about-alana .overlay, .about-alana .overlay-text { display: none !important; }
    .toright .events { height: auto; }
    .toright .events .surround { position: relative; }
    .toright .events .voucher { width: 100%; max-width: 295px; padding: 3% 10px; height: 100%; top: 0; }
    .toright .events .voucher strong { padding: 4% 0% 4% 35%; }
    .toright .events .voucher span { position: absolute; bottom: -2%; left: 0; padding: 0 5px; height: 66px; line-height: 12px; }
    .about-alana .dw-md-8 { padding: 0 !important; }
    .about-alana .offer { min-height: 270px; }
    .about-alana .offer .new-lazy { position: absolute; height: 100%; width: 100%; }
    .about-alana .offer img { min-width: 711px; position: absolute; top: 0; right: 0px; }
    .about-alana .offer .text { padding: 0px 10px; height: auto; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .about-alana .offer .text strong { line-height: 24px; }
    .about-alana .subscribe { height: 130px; overflow: hidden; margin-top: 15px; }
    .about-alana .subscribe a { display: block; }
    .about-alana .subscribe img { height: 130px; width: 1200px; max-width: 1200px; position: absolute; top: 0; left: -20%; z-index: 1; }
    .about-alana .subscribe .detail { position: absolute; top: 50%; left: 0; width: 100%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); z-index: 2; text-align: center; padding: 0 10px; }
    .about-alana .subscribe .detail span { width: 100%; max-width: 300px; margin: 5px auto 0; }
    .center-head span { display: none; }
    .news .container { padding: 0 10px; }
    .news .section { margin: 0 -10px; }
    .banner#ambassadors .fa-youtube-play, .banner#becomecake .fa-youtube-play, .training-video .fa-youtube-play { line-height: 70px; height: 70px; }
    .banner#ambassadors .text, .banner#becomecake .text, .training-video .text { font-size: 0.7em; top: 50%; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .banner#ambassadors .text strong, .banner#becomecake .text strong { margin: 15px 0; }
    a.app-btn { margin: 150px auto 0; padding: 10px 15px 10px 15px; }
    .steps a.app-btn { margin: 20px auto 0 !important; }
    .small-font { font-size: 0.9em; }
    a.app-btn.download { width: 80%; }
    #shopambass a { width: 80%; bottom: 4%; }
    .dash-left { left: 5%; bottom: 8%; }
    .dash-right { right: -12%; bottom: -6%; }
    .orders.stripe-shadow-btn { display: block; margin: 25px auto; }
    .steps .hide { display: none; }
    #download-btn { margin: 16px auto !important; }

    a.app-btn i { left: 13px; }
    .regions-split, .customer-testimonials, .customer-testimonials .review a { margin: 15px auto; text-align: center; }
    .nothome .about-alana .toright .events a { padding: 20px 0 60px; position: relative; }
    #loginform { padding: 15px 0; }
    .product .product-info { padding: 0 10px; }
    .product .section { margin: 0 -10px !important; }
    .product .diet-info { margin: 15px 0; }
    .product .nutritional { margin-bottom: 15px; padding: 15px 0; }
    .product .nutritional .nut-info { max-width: 100%; margin-top: 40px; }
    #outofstockform .form-surround input[type="submit"] { margin-bottom: 10px; }
    #outofstockform .form-surround { padding: 10px 10px 1px; }
    .image-placer .image { padding: 0 10px; }
    img.btm-img { margin: 0px auto 15px; }
    #contactform .editor-label { height: auto; margin-bottom: 20px; font-size: 0.65em; }
    .account { padding: 0 10px; }
    .account .ambassador-forms { padding: 15px 0 0 !important; }
    .account .ambassador-forms .amb-bio { padding: 0 10px; }
    .account .ambassador-forms .amb-bio .bio-img { width: 100%; max-width: 302px; position: relative; }
    .account .ambassador-forms .amb-bio .bio-text { padding-bottom: 15px; }
    .account .ambassador-forms .amb-bio.other .bio-text { padding-bottom: 0px; }
    .account .grey-bg { padding: 1px 15px 0px; }
    .account .btn.back { width: 100%; }
    .account .ambassador-forms .map-right #map { height: 300px; margin: 5px 0 0; }
    .account .pay-types .pay-srnd label { min-height: 62px; padding: 10px 62px 10px 10px; }
    .prod-listing.wholesale form .lbl { position: absolute; width: 90px; }
    .prod-listing.wholesale form .purchase { padding-left: 90px; }
    .prod-listing.wholesale form .nosm { padding-left: 90px; margin-bottom: 15px; }
    .prod-listing.wholesale form .purchase.other { padding-left: 10px; }
    #wholesaleformcontainer .multichoice .editor-label { padding-bottom: 10px; }
    #wholesaleformcontainer .business { padding-left: 0px; }
    #wholesaleformcontainer .business .editor-label { position: relative; left: 0; top: 0; }
    #wholesaleformcontainer .business .editor-field .options:nth-child(1) { width: 18%; }
    #wholesaleformcontainer .business .editor-field .options:nth-child(2) { width: 18%; }
    #wholesaleformcontainer .business .editor-field .options:nth-child(3) { width: 32%; }
    #wholesaleformcontainer .business .editor-field .options:nth-child(4) { width: 32%; }
    #wholesaleformcontainer .legal { padding: 0 10px; }
    .full.amb-tip .container .specialhead .center-head { font-size: 1.65em; }
    .vid-tip .text-surround h2 { font-size: 1.5em; }
    .vid-tip { margin-bottom: 15px; }
    .pay-srnd span.check { top: 11px; right: 10px; }
    .discount-placer { position: relative; padding-bottom: 335px; }
    .basket .total { position: absolute; bottom: 0; height: 335px; width: 100%; left: 0 }
    .basket .row.headrow { display: none; }
    .basket .row.regular { min-height: 0; }
    .basket .row.regular .col1 { padding: 0 0px 0 185px; width: 100%; min-height: 175px; float: none; margin-bottom: 15px; }
    .basket .row .col2 { width: 55%; float: left; text-align: left; }
    .basket .row .col2 span.col { float: left; line-height: 40px; }
    .basket .row .col2 input { margin: 0 0 0 5px; height: 40px; line-height: 40px; float: left; }
    .basket .row .col3 { display: none; }
    .basket .row .col4 { width: 45%; float: right; text-align: right; line-height: 40px; height: 40px; }
    .basket .row .col4 span.col { display: inline-block !important; }
    .basket .total .headrow.row { display: block; margin-top: 15px; }
    .basket .btn { max-width: 200px; }
    .basket .checkoutprices .btn { max-width: 100%; }
    #discountform .editors { padding-right: 215px; }
    #discountform .editor-field.submit { width: 200px; }
    .sab { margin-top: 10px; }
    .address-checked { padding: 10px 10px 0; }
    #delivery label { padding: 10px 105px 10px 34px; }
    #delivery label .rb { left: 10px; }
    #delivery label span.price { right: 10px; }
    #delivery label .details strong, #delivery label .details span { display: block; }
    .account .ambassador-forms .map-left #map { height: 500px; }
    .account .ambassador-forms.position a.btn.alice { top: 15px; }
    .review-img, .rev-strs { padding: 0 10px; }
    .google-placer { padding-top: 525px; padding-bottom: 55px; }
    .google-placer.random { padding-top: 605px; }
    .write-reviews .google-placer { padding-top: 0 !important; }
    .google-placer .person-rev { padding-left: 0px; }
    .google-placer .person-rev .review-img { float: none; position: relative; width: 340px; }
    .google-placer .person-rev .rev-strs h2 { margin: 15px 0 0; font-size: 1.5em; }
    .google-placer .person-rev .rev-strs .editor-label { margin: 15px 0 0 !important; }
    .google-placer .person-rev .rev-strs .editor-field { margin: 15px 0 0 !important; }
    .google-placer .rev-sub { position: absolute; bottom: 0; width: 100%; }
    .g-recaptcha { margin-top: 0; }
    .non-login .form-surround, #loginform { max-width: 100%; }
    .previous-orders .orders-top { display: none; }
    .previous-orders .orders-row .products { margin: 15px 0; }
    .previous-orders .orders-row .products div { position: relative; padding-right: 40px; }
    .previous-orders .orders-row .products div span { position: absolute; top: 0; right: 0; width: 30px; text-align: center; }
    .previous-orders.other .details { margin-bottom: 15px; }
    .previous-orders.other .products { width: 50%; padding: 0 15px 0 40px; position: relative; float: left; margin: 0; }
    .previous-orders.other .products div { position: absolute; top: 0; left: 0; width: 40px; line-height: 40px; }
    .previous-orders.other .cost { width: 50%; float: left; }
    .trade .previous-orders .products div { padding-right: 60px; }
    .trade .previous-orders .products span { width: 50px !important; }
    .pay-opt .card-surround { padding: 10px; margin-bottom: 10px; }
    .pay-opt .card-surround .check { margin-right: 10px; }
    .pay-opt span.btn { padding: 0 10px; }
    .event-map { padding-top: 15px; }
    .event-map .full-bg { padding: 15px 10px; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-1 { width: 100% !important; left: 0 !important; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 { width: 100% !important; left: 0 !important; padding: 0 20px !important; border: none; background-color: transparent; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 li:first-child { border-top: 1px solid #dadada; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 li { border-left: 1px solid #dadada; border-right: 1px solid #dadada; }
    .ui-autocomplete.ui-front.ui-menu.ui-widget#ui-id-2 li:last-child { border-bottom: 1px solid #dadada; }
    .an-event, .no-event { padding: 10px; }
    .adding-event { margin-top: 10px; }
    .subscription .sub-special .surround .txt { padding: 10px; }
    .subscription .sub-special .surround .txt h2 { margin-bottom: 15px; font-size: 1.3em; }
    .subscription .sub-special .surround .txt strong { font-size: 1.15em; }
    .subscription .sub-special .surround .txt p { margin-bottom: 15px; }
    .subscription .sub-special .surround .txt a.btn { margin: 0px auto; }
    .subscription .sub-special .surround .txt .btmsub { margin: 10px auto 10px auto; }
    .subscription .sub-special .surround .txt .btmsub span { display: block; margin-bottom: 10px; }
    .subscription .sub-special.alt { margin-top: 15px; }
    .newsletter { padding: 15px 10px 0; margin-top: 15px; }
    .newsletter .title { margin-bottom: 15px; font-size: 1.9em !important; line-height: 40px; text-align: center; }
    .newsletter .dw-lg-3 { margin-bottom: 15px; }
    .newsletter input { }
    .newsletter input[type="text"] { font-size: 13.3333px; }
    .usermsg .OK span, .usermsg .KO span { max-width: 100%; padding: 0 10px; }
    .event-map .full-bg span.top-text { font-size: 1em; }
    .small-so { font-size: 1.4em; max-width: 120px; max-height: 120px; }
    .instrabg .section .dw-sm-3:nth-child(3n+1) { clear: both; }
    .createcustomer-desc { min-height: 0 !important; margin: 20px 0 15px 0; }
    .page-review.reading { clear: both; }
    .instrabg .section .dw-sm-3 { height: auto; }
    .account.whichonetable { margin-bottom: 30px; }
    .banner#findnearest .specialhead .line { display: none; }
    .banner#findnearest { margin-bottom: 30px; }
    .banner#findnearest .editor-field { margin-bottom: 20px; }
    .calpage .cal.section .tophead strong { width: 34px; overflow: hidden; }
    .calpage .cal.section .dw-xs-2 .inner { font-size: 0.9em; }
    .specialhead .closeaccount { position: static; margin-bottom: 10px; display: block; }
    #contactform .greybx .sign label { min-height: 20px; margin-bottom: 10px; }
    #contactform .greybx .sign .dw-sm-6:nth-child(2) label { margin-top: 10px; }
    .stock .account.whichonetable.nearest .dw-xs-2 { width: 25%; }
    .steps .cf { bottom: 0; top: 100%; }


    .product-card a img { width: 100% }

    div.bx-veiwport, .bx-wrapper { width: 80% !important; }
    .bx-wrapper .bx-pager { bottom: -25px; }

    .top-card { height: 300px; }
    .product .nutritional .intake { margin: 0px 0px 15px 10px !important; }
    .video-bg { margin-top: 140px; height: 140px; }
    iframe#video, #video object, #video embed, #placeholder img, .videobanner { height: 140px; margin-top: 140px; }
    a.white { font-size: 0.8em; }
    .journey #alanajourney.image.alana-apprentice { margin-top: 15px; width: 90%; height: 100%; margin-bottom: 20px; }
    .alana-apprentice::after { display: none; }

    .product .product-info div.bx-veiwport, .product .product-info .bx-wrapper { height: auto !important; width: 100% !important; }
    .product .product-info .bx-wrapper .bx-controls-direction a.fa-angle-left { top: 10px; left: 0; }
    .product .product-info .bx-wrapper .bx-controls-direction a.fa-angle-right { top: 10px; right: 0; }
    .product .product-info .bx-wrapper .bx-pager { bottom: -26px; }
    .product .product-info.gred .bx-wrapper .bx-pager { bottom: -22px; }
    .product .product-info .slideinfo { text-align: center; margin-bottom: 15px; }
    .corporate-gallery { margin-top: 30px; }
    .corporate-gallery .img { max-width: 450px; margin: 0 auto; }

    #byomessage .container { display: flex; align-items: center; justify-content: center; flex-direction: column; }
    #byomessage .container .section.flx { justify-content: center; }
    #byomessage .brown-txt, label.whi-txt { font-size: 1rem; }
    #byomessage .OK { justify-content: center; }
    #byomessage .OK > span { flex-direction: column; }
}

@media screen and (max-width:630px) {
    .section.revs .dw-md-9 .rside, .stock .account.whichonetable.nearest .section .dw-xs-3, .stock .account.whichonetable.nearest .section.top { display: none; }
    .section.revs .dw-md-9 .review-stars { float: right; }
    .account.whichonetable.nearest .tr .dw-xs-2 { width: 50%; }
    .stock .account.whichonetable.nearest .tr .dw-xs-2 { margin-bottom: 10px; }
    .account.whichonetable.nearest .dw-xs-6 { width: 50%; }
    .account.whichonetable.nearest .tophalf, .account.whichonetable .dotted { display: none; }
    .account.whichonetable .dotted.top { display: block; }
    .stock .account.whichonetable.nearest .section .dw-xs-2.visible-lg { display: block !important; }
    .stock .account.whichonetable.nearest .section .dw-xs-2:nth-child(3) { clear: both; }
    .account.whichonetable.nearest .section.info { padding-bottom: 10px; }

    .product-btn .text { font-size: 12px; }
}

@media screen and (max-width:605px) {
    .blogpost { width: 100%; float: none; }
    .blogpost.post-0 { margin-top: 0px; }
    .prod-listing.wholesale form .lbl.top { position: relative; }
    .prod-listing.wholesale form .purchase.top { padding-left: 10px; }
    #tests .questwhite .questbtns .dw-md-6 .btn { max-width: 100%; }
    #tests .questwhite .questbtns .dw-md-6 .btn.dark { margin-bottom: 15px; }
}

@media screen and (max-width:550px) {
    .regions-split .dw-xs-6 { width: 100%; }
    .account-menu strong { height: 38px; }
    .account-menu a.green { min-width: 100% !important; max-width: 100%; }
}

@media screen and (max-width:530px) {
    .carousel { height: auto; }
    .carousel .item { height: 100%; min-height: 350px; padding-bottom: 100%; }
}

@media screen and (max-width:520px) {
    .about-alana .dw-xs-6 { width: 100% !important; max-width: 400px; margin: 0 auto; float: none; }
    .o-em table.order-info td { display: block !important; width: 50% !important; float: left !important; }
    .o-em table.order-info td:last-child { width: 100% !important; clear: both; float: none !important; text-align: left !important; }
    .pay-opt h2 { float: none; }
    .pay-opt span.btn { float: none; width: 100%; text-align: center; padding: 0; margin-bottom: 10px; }
    .pay-opt .card-surround { padding: 10px 10px 10px 40px; }
    .pay-opt .card-surround .check { position: absolute; top: 10px; left: 10px; margin-top: 10px; }
    .pay-opt .card-surround .card-details, .pay-opt .card-surround .card-expiry { float: none; padding: 0; }
    .dash-left { display: none; }
    .dash-right { display: none; }

    .img-container { width: 90% !important; min-height: 212px !important; padding-top: 70%; }
    .events-container { width: 90% !important; height: 10px !important; padding-top: 28%; }
}

@media screen and (max-width:500px) {
    .about-alana .offer .text strong { font-size: 1.5em; }
    .about-alana .offer .text span.desc { font-size: 1.35em; }
    .about-alana .offer img { right: -210px; }
    .footer .main-links a { display: block; }
    .footer .xxs { display: block !important; }
    .footer .links span.one { display: inline-block !important; }
    .footer .xs, .footer .links span.two { display: none !important; }
    .prod-list-top .dw-sm-6 { width: 100%; float: none; text-align: center; }
    .prod-list-top form { float: none; margin: 0 auto 15px; }
    .basket .btn { max-width: 180px; }
    #discountform .editors { padding-right: 180px; }
    #discountform .editor-field.submit { width: 165px; }
    .account .ambassador-forms .btn.small, .account .ambassador-forms .bio-text a.emaillink { float: none !important; width: 100%; min-width: 100%; }
    .account .ambassador-forms.position h1 { line-height: 25px; }
    #ambassadorinfobox { width: 270px; padding: 15px; height: auto; margin-left: -135px; }
    #ambassadorinfobox .surround.amb { padding: 0; }
    #ambassadorinfobox .image { position: relative; top: 0; left: 0; margin: 0 auto 15px; }
    .account .ambassador-forms .bio-text a { max-width: 100%; }
    .products .OK a { max-width: 100% !important; width: 100% !important; display: block !important; }
    .usermsg .OK a { max-width: 100%; width: 100% !important; display: block; }
    .google-placer .person-rev .rev-strs .editor-field { position: relative; left: 0; }
    .vidpage .innercentre .section .dw-md-3 { width: 50%; }
    .vidpage .innercentre .section .dw-md-3:nth-child(3n+1) { clear: none; }
    .vidpage .innercentre .section .dw-md-3:nth-child(2n+1) { clear: both; }
    .resources .account-menu strong { font-size: 0.8em; }
    .resources .account-menu strong span { display: none; }
    .resources .account-menu .section { margin: 0 -8px; }
    .resources .account-menu .section .dw-xs-4 { padding: 0 8px; }
    #contactform .greybx .whitebx label { padding-right: 75px; margin-top: 4px; }

    .location-tile .img { width: 100%; height: 200px; float: none; }
    .location-tile .openinghoursbackground { width: 100%; height: auto; float: none; }
    .location-tile { height: auto; max-width: 280px; margin: 0 auto; }
}


@media screen and (max-width:460px) {
    .section.revs .dw-md-9 .review-stars { float: left; margin-top: 5px; margin-left: 0; clear: both; }
    .section.revs .dw-md-9, .section.revs .dw-md-3 { width: 50%; }
    .product .greylink { min-height: 50px; }
    .section.revs .dw-md-3 a { line-height: 50px; padding: 0px 15px; }
    .section.revs .norevs { display: none; }
    #wholesaleformcontainer .business .editor-field .options:nth-child(1), #wholesaleformcontainer .business .editor-field .options:nth-child(2) { width: 50%; }
    #wholesaleformcontainer .business .editor-field .options:nth-child(3), #wholesaleformcontainer .business .editor-field .options:nth-child(4) { width: 50%; margin-top: 15px; }

    .mob-hide { display: none; }
    .overlay { background-color: #333; opacity: .7; position: absolute; height: 100%; width: 100%; left: 0; top: 0; }
    #mail strong { font-size: 11px; }
    .download-img .normtext { font-size: 14px; }
    .product-card .detail .detail-txt { font-size: 0.8em; min-height: 70px; }

    .hear-pop .popup-container { }
    .hear-pop .popup-container .inner-rel { padding: 20px; }
    .hear-pop .popup-container .inner-rel span { height: 40px; line-height: 20px; }
}

@media screen and (max-width:420px) {
    .product .price .section .dw-xs-5.first { width: 70%; }
    .product .price .section .dw-xs-5.first .editor-label { display: block; }
    .product .price .section .dw-xs-2 { width: 30%; }
    .product .price:not(.byob-price) .section .dw-xs-5 .editor-label { display: none; }
    .product .price .section .dw-xs-5 { width: 100%; }
    .products.oos .price .section .dw-xs-5 .editor-label { height: auto; }
    .products.oos .price .section .dw-xs-7, .products.oos .price .section .dw-xs-5 { width: 100%; float: none; }
    #contactform .greybx .whitebx a span { display: none; }
    .account.other .bill-del h2 { float: none; }
    .account.other .bill-del .sab { float: none; width: 120px; margin: 0 0 10px; }
}

@media screen and (max-width:400px) {
    .slide-margin { position: relative; }
    .slide-shadow { position: absolute; top: 50%; height: 85%; width: 5px; background-color: #d6d6d6; transform: translate(0,-50%); }
    .slide-shadow.left { left: -20px; }
    .slide-shadow.right { right: -20px; }
    .customer-testimonials .review strong { display: block; }
    .customer-testimonials .review-stars { float: none; }
    .product :not(.byob-price) .prod-submit .editor-label { display: none; }
    .product .byob-price .prod-submit .editor-label { display: block; }
    .product .price .dw-xs-6 { width: 100% !important; float: none; }
    .product .container .visible-md.visible-lg.clear { display: block !important; }
    .prod-listing .dw-xs-6 { width: 100%; float: none; }
    .basket .row.regular .col1 { padding: 0; min-height: 0; }
    .basket .row.regular .col1 img { display: none; }
    .basket .btn { max-width: 100%; }
    .basket .btn.grey { margin: 15px 0 0 0; }
    #discountform .editors { padding-right: 0px; }
    #discountform .editor-field { float: none; }
    #discountform .editor-field.submit { width: 100%; margin-top: 15px; position: relative; }
    .account-menu .dw-lg-3.dw-sm-4.dw-xs-6 { width: 100%; }
    .account-menu strong { height: auto; }
    .prod-listing.wholesale form .lbl.top { position: absolute; }
    .prod-listing.wholesale form .purchase.top { padding-left: 90px; }
    #wholesaleformcontainer .legal .terms .editor-label { position: relative; line-height: 20px; padding: 10px 35px 10px 0; }
    #wholesaleformcontainer .legal .terms span.lt { display: block; }
    #wholesaleformcontainer .legal .terms span.lt span { display: inline-block; float: left; }
    #wholesaleformcontainer .legal .terms span.lt span.clear { display: block; float: none; }
    #wholesaleformcontainer .legal .terms span a { display: block; float: left; }
    #wholesaleformcontainer .legal .terms .editor-label .editor-field { position: absolute; top: 50%; right: 0; width: 20px; -ms-transform: translate(0,-50%); -o-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
    .google-placer { padding-top: 625px; }
    .google-placer .person-rev .review-img { max-width: 320px; width: 100%; }
    .google-placer .person-rev .rev-strs .editor-label { margin: 15px 0 0 !important; float: none; width: 100%; }
    .google-placer .person-rev .rev-strs .editor-field { margin: 5px 0 0 !important; float: none; width: 100%; }
    #headerright .search { max-width: 190px; }
    .subscription .sub-images .dw-xs-6 { width: 100%; margin: 0 !important; }
    .resources .inner .tr i { display: none; }
    .resources .inner .tr a { padding: 20px 15px 20px 15px; }
    div.bx-veiwport, .bx-wrapper { width: 66% !important; height: 260px !important; }
    #headerleft a img { width: 120px; }
}

@media screen and (max-width:360px) {
    .product-card .detail .detail-txt { font-size: 0.7em; min-height: 60px; }
}

@media print {
    img, #headerright, .btn, #myCarousel, .slide-margin, .about-alana, .blogpost .image, #news .dw-md-4, #news .dw-md-8, .footer, .prod-listing, .section.revs, .product-reviews, #stock-partial .products, .banner, .event-map .full-bg .calendar-right strong.header, .event-map .full-bg .calendar-right .event-search, .g-recaptcha { display: none !important; }
    #headerleft img { display: block !important; }
    .product .nutritional .nut-info, .regions-split { max-width: 100% !important; width: 100% !important; }
    .subscription .sub-special .surround .txt { max-width: 100% !important; width: 100% !important; margin-top: 30px; }
    .about-quote { margin-bottom: 30px !important; }
    .event-map .full-bg .calendar-right .theevents { margin-top: 30px !important; }
    .regions-split .dw-sm-4.dw-xs-6 { width: 25% !important; }
}