/**
* Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
* http://cssreset.com
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
p {
    line-height:1.4em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

*:focus {
outline: 0;
}

/* ---------------------------------------------------- */
/* -- Clearfix ---------------------------------------- */
/* ---------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}


/* ---------------------------------------------------- */
/* -- Webkit input fix -------------------------------- */
/* ---------------------------------------------------- */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance:none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="submit"], button {
    -webkit-appearance:none;
    -webkit-border-radius:0;
    border-radius:0;
}

/* Reset HTML5 Search Input in Webkit */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    -webkit-appearance:none;
}
input[type=search] {
    -webkit-appearance:textfield!important;
    -webkit-box-sizing:content-box;
    -webkit-border-radius:0!important;
    border-radius:0!important;
}

input {
    -webkit-border-radius:0;
    border-radius:0;
}


/* ---------------------------------------------------- */
/* -- Skype fix --------------------------------------- */
/* ---------------------------------------------------- */

span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;}
@charset "UTF-8";
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
/*@font-face { font-family: "slick"; src: url("https://www.sugarshack.co.uk/skin/frontend/gene/default/css/jquery/fonts/slick.eot"); src: url("https://www.sugarshack.co.uk/skin/frontend/gene/default/css/jquery/fonts/slick.eot?#iefix") format("embedded-opentype"), url("https://www.sugarshack.co.uk/skin/frontend/gene/default/css/jquery/fonts/slick.woff") format("woff"), url("https://www.sugarshack.co.uk/skin/frontend/gene/default/css/jquery/fonts/slick.ttf") format("truetype"), url("https://www.sugarshack.co.uk/skin/frontend/gene/default/css/jquery/fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }*/
/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
[dir="rtl"] .slick-prev { left: auto; right: -25px; }
.slick-prev:before { content: "←"; }
[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }
[dir="rtl"] .slick-next { left: -25px; right: auto; }
.slick-next:before { content: "→"; }
[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

@font-face{font-family:greenpeople;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/icons/greenpeople.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/icons/greenpeople.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/icons/greenpeople.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/icons/greenpeople.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/icons/greenpeople.svg#greenpeople) format('svg');font-weight:400;font-style:normal}@font-face{font-family:journey;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/our-journey/journey.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/our-journey/journey.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/our-journey/journey.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/our-journey/journey.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/our-journey/journey.svg#journey) format('svg');font-weight:400;font-style:normal}@font-face{font-family:akzidenz_grotesk_light;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesklight-webfont.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesklight-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesklight-webfont.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesklight-webfont.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesklight-webfont.svg#berthold_akzidenz_grotesk_bLt) format('svg');font-weight:400;font-style:normal}@font-face{font-family:akzidenz_grotesk_italic;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/AkzidenzGrotesk-Italic.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/AkzidenzGrotesk-Italic.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/AkzidenzGrotesk-Italic.woff) format('woff');font-weight:400;font-style:italic}@font-face{font-family:akzidenz_grotesk_regular;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/AkzidenzGrotesk-Regular.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/AkzidenzGrotesk-Regular.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/AkzidenzGrotesk-Regular.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:akzidenz_grotesk_medium;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesk-mediumcond-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:akzidenz_grotesk_lightcond;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/AkzidenzGrotesk/akzidenzgrotesk-lightcond-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:garamondbold;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondbold-webfont.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondbold-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondbold-webfont.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondbold-webfont.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondbold-webfont.svg#garamondbold) format('svg');font-weight:400;font-style:normal}@font-face{font-family:garamonditalic;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamonditalic-webfont.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamonditalic-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamonditalic-webfont.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamonditalic-webfont.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamonditalic-webfont.svg#garamonditalic) format('svg');font-weight:400;font-style:normal}@font-face{font-family:garamondregular;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondregular-webfont.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondregular-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondregular-webfont.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondregular-webfont.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/css/fonts/Garamond/garamondregular-webfont.svg#garamondregular) format('svg');font-weight:400;font-style:normal}.inline-block{display:inline-block;zoom:1}.relative{position:relative}.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}.icon-font{font-family:greenpeople}.journey-font{font-family:journey}.transition{transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}.transition-easing{transition:.3s cubic-bezier(.175,.885,.32,1.275);-o-transition:.3s cubic-bezier(.175,.885,.32,1.275);-ms-transition:.3s cubic-bezier(.175,.885,.32,1.275);-moz-transition:.3s cubic-bezier(.175,.885,.32,1.275);-webkit-transition:.3s cubic-bezier(.175,.885,.32,1.275)}.transition-long{transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.animation-delay{-webkit-transition-delay:.2s;transition-delay:.2s}.animation-long-delay{-webkit-transition-delay:.5s;transition-delay:.5s}.no-delay{-webkit-transition-delay:0s;transition-delay:0s}.no-transition{transition:0s;-o-transition:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s}/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-image,.fancybox-inner,.fancybox-nav,.fancybox-nav span,.fancybox-outer,.fancybox-skin,.fancybox-tmp,.fancybox-wrap,.fancybox-wrap iframe,.fancybox-wrap object{padding:0;margin:0;border:0;outline:0;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#fff;color:#444;text-shadow:none}.fancybox-opened{z-index:8030}.fancybox-inner,.fancybox-outer{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#4a4a4a;font-family:akzidenz_grotesk_regular Arial,Helvetica,sans-serif;font-size:14px;margin:0;padding:20px;white-space:nowrap}.fancybox-iframe,.fancybox-image{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading{background-image:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/fancybox/fancybox_sprite.png)}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}#fancybox-loading div{width:44px;height:44px;background:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/fancybox/fancybox_loading.gif) center center no-repeat}.fancybox-close{transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;position:absolute;right:0;top:0;cursor:pointer;z-index:8040;background:#fff;width:48px;height:48px;line-height:48px;text-align:center;text-decoration:none;color:#4a4a4a;font-size:22px}.fancybox-close:hover{background:#819142;color:#fff}.fancybox-nav{width:40%;height:100%;position:absolute;top:0}.fancybox-nav span{opacity:0;position:absolute;top:48%;top:calc(50% - 34px);cursor:pointer;background:#819142;width:68px;height:68px;line-height:68px;text-align:center;text-decoration:none;color:#fff;font-size:30px;transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}.fancybox-nav span:hover{background:#2e3032}.fancybox-nav:hover span{opacity:1}.fancybox-nav.fancybox-prev{left:0}.fancybox-nav.fancybox-prev span{left:0}.fancybox-nav.fancybox-next{right:0}.fancybox-nav.fancybox-next span{right:0}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/fancybox/fancybox_overlay.png);background:rgba(0,0,0,.3)}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:hidden!important;}.fancybox-title{visibility:hidden;color:#4a4a4a;font-family:akzidenz_grotesk_regular Arial,Helvetica,sans-serif;font-size:16px;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:-10px;left:0;width:100%;z-index:8050;text-align:center}.fancybox-title-float-wrap .child{float:left;width:96%;padding:20px 2%;background:#819142;color:#fff}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading{background-image:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/fancybox/fancybox_sprite@2x.png);background-size:44px 152px}#fancybox-loading div{background-image:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/fancybox/fancybox_loading@2x.gif);background-size:24px 24px}}
/*----------------------------------------------------------*/
/*-- Sugar Shack Main LESS @author Gene Commerce ----------*/
/*----------------------------------------------------------*/
/*----------------------------------------------------------*/
/*-- Sugar Shack Base LESS @author Gene Commerce ----------*/
/*----------------------------------------------------------*/
/*-- Fonts --*/
/*-- Icon Font --*/
@font-face {
  font-family: 'icons';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.svg#sugarshack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- Food Font --*/
@font-face {
  font-family: 'food-font';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.svg#sugarshack') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- Muli Font --*/
@font-face {
  font-family: 'muli_regular';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Regular.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli#garamondregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'muli_bold';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold#garamondregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'muli_light';
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.eot');
  src: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.eot?#iefix') format('embedded-opentype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.woff') format('woff'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.ttf') format('truetype'), url('https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli#garamondregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
/*-- Colours --*/
/* Sugar Shack Colours */
/*-- Spacing --*/
/*-- Classes --*/
.inline-block {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.relative {
  position: relative;
}
.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  flex-flow: row wrap;
}
/*order academy page*/
.category-academy #page{
/*    -ms-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    display: flex;
    -ms-box-orient: horizontal;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
  */
  display: flex;
    flex-direction: column;
  }
.category-academy #category-header{
order: 0;
}
.category-academy .category-main-content{
order: 2;
}
.category-academy .category-products{
order: 1;
}
.category-academy #footer{
  order: 3;
}

/*academy calendar*/
.category-academy iframe:nth-child(1) body{
  background-color: #EEBF68 !important;
  font-style:  italic !important;
}
.category-academy iframe:nth-child(1) #calendarTitle{
  color: #D44F84 !important;
}

.category-academy iframe:nth-child(1) .date-label{
  color: #33A391 !important;
}
.category-academy iframe:nth-child(1) .event-title{
  color: #2D5D99 !important;
}

/*-- Fonts --*/
.icon-font {
  font-family: 'icons';
}
.food-font {
  font-family: 'food-font';
}
/*-- Sizes --*/
/*-- Columns --*/
/*-- Themed Border --*/
.stripped-border {
  float: left;
  width: 100%;
  background-image: url('/skin/frontend/gene/default/images/banners/stripes.png');
  height: 2px;
  background-size: 100% auto;
}
/*-- Animations --*/
.transition {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.transition-easing {
  transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -o-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -ms-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -moz-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  -webkit-transition: 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
.transition-long {
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.animation-delay {
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.animation-long-delay {
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.no-delay {
  -webkit-transition-delay: .0s;
  transition-delay: .0s;
}
.no-transition {
  transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  -moz-transition: .0s;
  -webkit-transition: .0s;
}
/*-- Layout --------------*/
/*-- Base --*/
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
html {
  /*overflow-x: hidden;*/
 /* overflow-y: auto;*/
  max-width: 100%;
  min-height: 100%;
  position: relative;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  background: white;
}
html.locked {
  overflow: hidden;
}
html.fix-height {
  height: 100%;
}
body {
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
  position: relative;
}
body.locked {
  overflow: hidden;
}
a {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
img {
  max-width: 100%;
}
/*-- Responsive Styles --*/
.tablet-large-only {
  display: none;
}
.tablet-only {
  display: none;
}
.mobile-only {
  display: none;
}
.small-only {
  display: none;
}
/*-- Common --*/
.full-width {
  width: 100%;
  float: left;
}
.one-half {
  width: 50%;
  float: left;
}
.one-half.right {
  float: right;
}
.one-third {
  width: 33.333333%;
  float: left;
}
.two-thirds {
  width: 66.666666%;
  float: left;
}
.half-block {
  width: 48%;
  float: left;
  margin-right: 4%;
}
.half-block.last {
  margin-right: 0;
}
.half {
  float: left;
  width: 50%;
}
.wrapper-half {
  float: right;
  width: 506px;
  max-width: 100%;
  padding: 20px;
}
.wrapper-half.last {
  float: left;
}
.right {
  float: right;
}
.wrapper {
  margin: 0 auto;
  width: 94%;
  max-width: 1180px;
}
.checkout-wrapper {
  margin: 0 auto;
  width: 98%;
  max-width: 1180px;
}
.hidden,
.hdn {
  display: none;
}
/*-- Columns --*/
.column {
  float: left;
  margin-right: 1.97628458%;
  min-height: 1px;
}
.column.column-1 {
  width: 6.52173913%;
}
.column.column-2 {
  width: 15.01976285%;
}
.column.column-3 {
  width: 23.51778656%;
}
.column.column-4 {
  width: 32.01581028%;
}
.column.column-5 {
  width: 40.51383399%;
}
.column.column-6 {
  width: 49.01185771%;
}
.column.column-7 {
  width: 57.50988142%;
}
.column.column-8 {
  width: 66.00790514%;
}
.column.column-9 {
  width: 74.50592885%;
}
.column.column-10 {
  width: 83.00395257%;
}
.column.column-11 {
  width: 91.50197628%;
}
.column.column-12 {
  width: 100%;
}
.column.last {
  margin-right: 0;
}
.column.right {
  float: right;
}
.column.centered-column {
  margin-right: auto;
  margin-left: auto;
  float: none;
}
.column-inner {
  float: left;
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
/*-- Margins / Padding --*/
.margin-top {
  margin-top: 20px;
}
.margin-bottom {
  margin-bottom: 20px;
}
.margin-left {
  margin-left: 20px;
}
.margin-right {
  margin-right: 20px;
}
/*-- Elements --*/
hr {
  border-style: dashed;
  border-color: #D1D1D1;
}
iframe {
  max-width: 100%!important;
}
.show-hide-content {
  display: none;
}
.show-hide-content.active {
  display: block;
}
.grey-notice {
  background-color: #f3f3f3;
  width: 96%;
  padding: 10px 2%;
  margin-bottom: 40px;
}
/*-- Page ----------------*/
/*-- Page --*/
.body-inner {
  width: 100%;
  float: left;
  z-index: 100;
  position: relative;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  background: white;
  overflow-x: hidden;
  min-height: 100%;
}
.overlay {
  z-index: 900;
  display: block;
  position: absolute;
  visibility: hidden;
  opacity: 0;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
#page {
  position: relative;
  z-index: 1;
  background: white;
  width: 100%;
  float: left;
}
.page-row {
  margin-bottom: 40px;
}
.color-page-row {
  padding: 40px 0;
}
.color-page-row .large-line-title {
  color: white;
}
/*-- Breadcrumbs --*/
#breadcrumbs {
  margin: 20px 0;
}
#breadcrumbs li {
  float: left;
  color: #808080;
  font-size: 14px;
  font-family: 'muli_regular';
}
#breadcrumbs li a {
  color: #e3569f;
  text-decoration: none;
  float: left;
}
#breadcrumbs li a:hover {
  color: #e3569f;
}
#breadcrumbs li .current,
#breadcrumbs li .no-link {
  float: left;
  color: #808080;
}
#breadcrumbs li .divider {
  float: left;
  margin: 0 5px;
}
.no-breadcrumbs {
  width: 100%;
  float: left;
  height: 40px;
}
.h455 .slick-track{height:250px;}
.h455 > .bluefoot-wrapper{padding:0 30px;}
.h455 .bluefoot-advanced-slide-content{display:none !important;}
/*slider*/
.slick-prev:before,.slick-next:before{text-shadow:0 0 10px red;}
.slick-prev span,.slick-next  span{display:none !important;}
/**/
/*.h455 .bluefoot-advanced-slide.bluefoot-entity.slick-slide{background-size: contain;} */

@media all and (max-width: 750px) {
.h455 .slick-track{height:auto;}
  #breadcrumbs {
    display: none;
  }
}
/*-- Base --*/
h1,
h2,
h3,
h4 {
  font-family: 'muli_bold';
  font-weight: 400;
  color: #5E5E5E;
}
p,
li,
address {
  color: #5E5E5E;
  font-size: 14px;
  font-family: 'muli_regular';
}
/*-- General Page --*/
.std p,
.std address {
  font-size: 14px;
  font-family: 'muli_regular';
  color: #5E5E5E;
  margin-bottom: 20px;
}
.std p a,
.std address a {
  color: #5E5E5E;
}
.std p a:hover,
.std address a:hover {
  color: #f27E8F;
}
.std p strong,
.std address strong {
  font-weight: bold;
}
.std h1 {
  font-size: 36px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.std h2 {
  font-size: 28px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.std h3 {
  font-size: 20px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
}
.std h4 {
  font-size: 16px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
}
.std h2 a,
.std h3 a,
.std h4 a {
  color: #5E5E5E;
  text-decoration: none;
}
.std h2 a:hover,
.std h3 a:hover,
.std h4 a:hover {
  text-decoration: underline;
}
.std ol,
.std ul {
  list-style: initial;
}
.std ol li,
.std ul li {
  font-size: 16px;
  color: #5E5E5E;
  margin-left: 20px;
  margin-bottom: 20px;
  line-height: 1.4em;
}
.std ol li strong,
.std ul li strong {
  font-weight: bold;
}
.std ol li a,
.std ul li a {
  color: #5E5E5E;
}
.std ol li a:hover,
.std ul li a:hover {
  color: #1E6AB4;
}
.std ol {
  list-style: decimal;
}
.std hr {
  margin: 20px 0;
  border: none;
  border-top: 1px solid #D1D1D1;
}
p,
address {
  line-height: 22px;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
/*-- Titles --*/
.page-title {
  margin-bottom: 40px;
  float: left;
  width: 100%;
}
.page-title h1 {
  font-size: 36px;
  font-family: 'muli_bold';
  line-height: 48px;
  text-transform: uppercase;
}
.page-title.with-button h1 {
  float: left;
}
.page-title.with-button a {
  line-height: 48px;
  float: right;
}
.main-title.with-image {
  overflow: hidden;
  height: 350px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main-title.with-image:after {
  content: '';
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: -80px;
  height: 0;
  width: 0;
  display: block;
  border-right: 80px solid white;
  border-top: 80px solid transparent;
  border-bottom: 80px solid transparent;
  rotation: deg(90);
}
.main-title-inner {
  position: absolute;
  bottom: 0;
  left: 0;
  opacity: 0.9;
  padding: 40px;
  background: #f27E8F;
  float: left;
}
.main-title-inner h1 {
  color: #ffffff;
  position: relative;
}
.large-title {
  font-size: 36px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 40px;
}
.large-title-block {
  margin-bottom: 40px;
}
.large-title-block .large-title {
  margin-bottom: 0;
}
.sub-title {
  font-size: 20px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
}
.small-title {
  font-size: 13px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
}
.large-title-link {
  float: right;
  line-height: 36px;
  font-size: 16px;
  color: #5E5E5E;
}
.line-title {
  font-size: 20px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
  text-align: center;
  width: 100%;
  float: left;
  text-transform: uppercase;
}
.line-title span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: auto;
  padding: 0 20px;
  position: relative;
}
.line-title span:before,
.line-title span:after {
  position: absolute;
  z-index: 1;
  content: '';
  border-bottom: 1px solid #D1D1D1;
  height: 50%;
  width: 40px;
  top: 0;
}
.line-title span:before {
  left: -40px;
}
.line-title span:after {
  right: -40px;
}
.large-line-title,
.std .large-line-title {
  font-size: 36px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-weight: 300;
}
.center {
  text-align: center;
}
.large-margin-bottom {
  margin-bottom: 50px;
}
.social-block {
  font-size: 36px;
  font-family: 'muli_bold';
  color: #1E6AB4;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-weight: 300;
}
/*-------------------------------------*/
/*-- Window Styles --------------------*/
/*-------------------------------------*/
.window {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 50%;
  display: block;
  z-index: 999;
  background: white;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.window.left {
  left: -50%;
}
.window.right {
  right: -50%;
}
.windows-open {
  overflow: hidden;
}
.windows-open .window.left {
  left: 0;
}
.windows-open .window.right {
  right: 0;
}
.window-inner {
  width: 90%;
  float: left;
  margin: 40px 5%;
}
.window-close {
  width: 48px;
  line-height: 48px;
  height: 48px;
  text-align: center;
  color: #5E5E5E;
  border: 1px solid #9B9B9B;
  float: right;
  background: white;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}
/*-- Forms / Buttons -----*/
input[type="text"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="password"] {
  border: none;
  background: rgba(236, 236, 236, 0.42);
  height: 48px;
  font-size: 14px;
  font-family: 'muli_bold';
  padding: 0 10px;
  float: left;
  color: #5E5E5E;
}
textarea {
  border: none;
  background: white;
  height: 144px;
  font-size: 14px;
  font-family: 'muli_bold';
  padding: 10px;
  float: left;
}
button {
  background: none;
  border: none;
  box-shadow: none;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
select {
  height: 48px;
  line-height: 48px;
  border: 1px solid #f3f3f3;
  border-radius: 0;
  color: #5E5E5E;
}
.validation-advice {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  padding: 0 5%;
  line-height: 48px;
  height: 100%;
  margin: 0;
  color: white;
  background: #CE4141;
  border-radius: 3px;
  z-index: 10001;
}
/*-- Common Forms --*/
label a {
  color: #5E5E5E;
}
.form-list,
#payment_form_gene_braintree_creditcard.form-list {
  width: 100%;
  float: left;
}
.form-list li,
#payment_form_gene_braintree_creditcard.form-list li {
  width: 100%;
  float: left;
}
.form-list .field,
#payment_form_gene_braintree_creditcard.form-list .field {
  width: 100%;
  float: left;
  margin-bottom: 10px;
}
.form-list .field label,
#payment_form_gene_braintree_creditcard.form-list .field label {
  float: left;
  width: 22%;
  margin-right: 3%;
  text-align: right;
  line-height: 48px;
}
.form-list .field .input-box,
#payment_form_gene_braintree_creditcard.form-list .field .input-box {
  float: left;
  width: 75%;
  position: relative;
}
.form-list .field .input-box input[type="email"],
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="email"],
.form-list .field .input-box input[type="number"],
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="number"],
.form-list .field .input-box input[type="text"],
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="text"],
.form-list .field .input-box input[type="password"],
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="password"],
.form-list .field .input-box input[type="tel"],
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="tel"] {
  line-height: 48px;
  height: 48px;
  float: left;
  width: 94%;
  padding: 0 3%;
  font-family: Arial, Helvetica, sans-serif;
}
.form-list .field .input-box input[type="email"].validation-failed,
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="email"].validation-failed,
.form-list .field .input-box input[type="number"].validation-failed,
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="number"].validation-failed,
.form-list .field .input-box input[type="text"].validation-failed,
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="text"].validation-failed,
.form-list .field .input-box input[type="password"].validation-failed,
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="password"].validation-failed,
.form-list .field .input-box input[type="tel"].validation-failed,
#payment_form_gene_braintree_creditcard.form-list .field .input-box input[type="tel"].validation-failed {
  background: #fbe0e0;
}
.form-list .field .input-box textarea,
#payment_form_gene_braintree_creditcard.form-list .field .input-box textarea {
  float: left;
  width: 94%;
  padding: 10px 3%;
  font-family: Arial, Helvetica, sans-serif;
  border: none;
}
.form-list .field .input-box select,
#payment_form_gene_braintree_creditcard.form-list .field .input-box select {
  line-height: 48px;
  height: 48px;
  float: left;
  width: 100%;
  border: none;
  background: rgba(236, 236, 236, 0.42);
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 0;
  text-indent: 1%;
  padding: 0;
}
.form-list .field .input-box .validation-advice,
#payment_form_gene_braintree_creditcard.form-list .field .input-box .validation-advice {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 90%;
  padding: 0 5%;
  line-height: 48px;
  height: 100%;
  margin: 0;
  color: white;
  background: #CE4141;
  border-radius: 3px;
  z-index: 10001;
}
.form-list .no-label label,
#payment_form_gene_braintree_creditcard.form-list .no-label label {
  display: none;
}
.form-list .no-label .input-box,
#payment_form_gene_braintree_creditcard.form-list .no-label .input-box {
  float: right;
}
.form-list.grey-form input[type="email"],
#payment_form_gene_braintree_creditcard.form-list.grey-form input[type="email"],
.form-list.grey-form input[type="number"],
#payment_form_gene_braintree_creditcard.form-list.grey-form input[type="number"],
.form-list.grey-form input[type="text"],
#payment_form_gene_braintree_creditcard.form-list.grey-form input[type="text"],
.form-list.grey-form input[type="password"],
#payment_form_gene_braintree_creditcard.form-list.grey-form input[type="password"],
.form-list.grey-form input[type="tel"],
#payment_form_gene_braintree_creditcard.form-list.grey-form input[type="tel"],
.form-list.grey-form textarea,
#payment_form_gene_braintree_creditcard.form-list.grey-form textarea {
  background: #f3f3f3;
}
.small-form .field label {
  width: 100%;
  margin-right: 0;
  text-align: left;
  line-height: 1.4em;
  margin-bottom: 5px;
}
.small-form .field label em {
  float: left;
  margin: 0 0 0 5px;
}
.small-form .field .input-box {
  width: 100%;
}
.control,
li.control {
  width: 75%;
  margin-left: 25%;
  line-height: 48px;
}
.control input[type="radio"],
li.control input[type="radio"],
.control input[type="checkbox"],
li.control input[type="checkbox"] {
  margin-right: 10px;
}
.control label strong,
li.control label strong {
  font-weight: 600;
}
.control.full,
li.control.full {
  width: 100%;
  margin-left: 0;
}
.control.right-control,
li.control.right-control {
  float: right;
  text-align: right;
}
.control.right-control input[type="radio"],
li.control.right-control input[type="radio"],
.control.right-control input[type="checkbox"],
li.control.right-control input[type="checkbox"] {
  margin-left: 10px;
  margin-right: 0;
}
.control.left-control,
li.control.left-control {
  margin-left: 0;
}
.required em {
  color: #d71e1e;
  float: right;
  margin-left: 2px;
}
.fieldset-container {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.fieldset-container.last {
  border-bottom: 0;
}
.buttons-set {
  position: relative;
}
.buttons-set .please-wait {
  height: 68px;
  width: 100%;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center center no-repeat white;
  position: absolute;
  top: 0;
  left: 0;
}
.no-background input[type="email"],
.no-background input[type="number"],
.no-background input[type="text"],
.no-background input[type="password"],
.no-background input[type="tel"],
.no-background textarea,
.no-background select {
  background: #f2f2f2 !important;
}
.v-fix {
  float: left;
  width: 49%;
  margin-right: 2%;
}
.v-fix.last {
  margin-right: 0;
}
.with-tooltip {
  position: relative;
}
.with-tooltip .tooltip {
  position: absolute;
  right: 0;
  top: 0;
  height: 48px;
  line-height: 48px;
  width: 48px;
  text-align: center;
  color: #5E5E5E;
  font-size: 20px;
  cursor: pointer;
  z-index: 10;
}
.with-tooltip .tooltip-content {
  max-width: 300px;
  position: absolute;
  right: 0;
  bottom: 58px;
  background: #2e3032;
  padding: 20px;
  z-index: 20;
}
.with-tooltip .tooltip-content p {
  color: #fff;
  margin: 0;
  display: block;
  font-size: 14px;
  line-height: 1.6em;
}
.with-tooltip .tooltip-content img {
  display: block;
  margin-bottom: 10px;
}
/*-- Custom Select --*/
/*-- @author https://github.com/filamentgroup/select-css/blob/master/src/select.css --*/
.custom-select {
  position: relative;
  display: block;
  padding: 0;
}
.custom-select select {
  width: 100%;
  margin: 0;
  background: none;
  border: 1px solid #9B9B9B;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  font-size: 14px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  padding: 0 1.9em 0 10px;
  height: 48px;
  line-height: 48px;
  border-radius: 0;
  text-transform: uppercase;
  cursor: pointer;
}
.custom-select select:focus {
  outline: none;
  box-shadow: 0;
  background-color: transparent;
}
.custom-select select.validation-failed {
  border-color: #d71e1e;
  color: #d71e1e;
}
.custom-select option {
  font-weight: normal;
}
.custom-select:after {
  content: "v";
  position: absolute;
  height: 46px;
  line-height: 46px;
  width: 48px;
  text-align: right;
  display: block;
  color: #f27E8F;
  font-family: 'icons';
  top: 1px;
  right: 1px;
  z-index: 2;
  pointer-events: none;
  cursor: pointer;
  font-size: 24px;
  padding-right: 10px;
  background: white;
  border-radius: 0;
}
/*-- Custom Select Browser 'Hacks' -*/
/* OPERA - Pre-Blink nix the custom arrow, go with a native select button to keep it simple. Targeted via this hack http://browserhacks.com/#hack-a3f166304aafed524566bc6814e1d5c7 */
x:-o-prefocus,
.custom-select::after {
  display: none;
}
/* IE 10/11+ - This hides native dropdown button arrow so it will have the custom appearance, IE 9 and earlier get a native select - targeting media query hack via http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5 - looking for better ways to achieve this targeting */
/* The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .custom-select select::-ms-expand {
    display: none;
  }
  .custom-select select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}
/* FIREFOX won't let us hide the native select arrow, so we have to make it wider than needed and clip it via overflow on the parent container. The percentage width is a fallback since FF 4+ supports calc() so we can just add a fixed amount of extra width to push the native arrow out of view. We're applying this hack across all FF versions because all the previous hacks were too fragile and complex. You might want to consider not using this hack and using the native select arrow in FF. Note this makes the menus wider than the select button because they display at the specified width and aren't clipped. Targeting hack via http://browserhacks.com/#hack-758bff81c5c32351b02e10480b5ed48e */
/* Show only the native arrow */
/*@-moz-document url-prefix() {
  .custom-select {
    overflow: hidden;
    border: 1px solid @border_grey;
    select {
      width: 120%;
      width: -moz-calc(100% + 3em);
      width: calc(100% + em);
      border:none;
    }
  }


}*/
/* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
.custom-select select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
/*-- Centered Form --*/
.centered-column .form-list .field label {
  width: 100%;
  margin: 0;
  text-align: left;
  display: none;
}
.centered-column .form-list .field label em {
  float: none;
}
.centered-column .form-list .field .input-box {
  width: 100%;
}
.centered-column .form-list .control {
  width: 100%;
  margin-left: 0;
  text-align: center;
}
.centered-column .form-list .control label,
.centered-column .form-list .control .input-box {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.centered-column .buttons-set {
  text-align: center;
}
.centered-column .text-link {
  float: none;
}
.select-margin {
  margin-bottom: 10px;
}
/*-- Button Styles --*/
button {
  cursor: pointer;
}
.button,
.std ul li a.button {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: none;
  background: #1E6AB4;
  color: white;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'muli_bold';
  cursor: pointer;
}
.button:hover,
.std ul li a.button:hover {
  background: #f6c348;
}
.button.clear,
.std ul li a.button.clear {
  background: none;
  border: 1px solid #D1D1D1;
  color: #9B9B9B;
}
.button.clear:hover,
.std ul li a.button.clear:hover {
  background: none;
  color: #1E6AB4;
  border-color: #1E6AB4;
}
.button.pink,
.std ul li a.button.pink {
  background-color: #f27E8F;
}
.button.pink:hover,
.std ul li a.button.pink:hover {
  background-color: #1E6AB4;
}
.button.small,
.std ul li a.button.small {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
}
.button.large,
.std ul li a.button.large {
  height: 68px;
  line-height: 68px;
}
.button.full,
.std ul li a.button.full {
  width: 100%;
  text-align: center;
  padding: 0;
}
.button.checkout-button,
.std ul li a.button.checkout-button {
  background: #f27E8F;
}
.button.checkout-button:hover,
.std ul li a.button.checkout-button:hover {
  background: #1E6AB4;
}
.button.success-button,
.std ul li a.button.success-button {
  float: none;
}
.button.alternate-button,
.std ul li a.button.alternate-button {
  background: #1E6AB4;
}
.button.alternate-button:hover,
.std ul li a.button.alternate-button:hover {
  background: #1d65ab;
}
.button.loading,
.std ul li a.button.loading {
  transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  -moz-transition: .0s;
  -webkit-transition: .0s;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-36px-grey.gif') center center no-repeat;
  text-indent: -9999px;
  cursor: default;
}
.button.loading:hover,
.std ul li a.button.loading:hover {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-36px-grey.gif') center center no-repeat;
}
.button span,
.std ul li a.button span {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.button span.small-only,
.std ul li a.button span.small-only {
  display: none;
}
.button span.mobile-only,
.std ul li a.button span.mobile-only {
  display: none;
}
.button.alternate,
.std ul li a.button.alternate {
  background: #1E6AB4;
}
.button.alternate:hover,
.std ul li a.button.alternate:hover {
  background: #1a5d9e;
}
.text-link {
  line-height: 48px;
  float: left;
  color: #5E5E5E;
}
.text-link.right {
  float: right;
}
.buttons-set .text-link {
  line-height: 48px;
}
.buttons-set .text-link.large {
  line-height: 68px;
}
/*-- Loaders Styles --*/
.loader {
  width: 100%;
  min-height: 64px;
  float: left;
  text-align: center;
  display: none;
}
.loader:after {
  display: inline-block;
  margin: 0 auto;
  -o-animation: foodanimate 1.2s infinite linear;
  -ms-animation: foodanimate 1.2s infinite linear;
  -moz-animation: foodanimate 1.2s infinite linear;
  -webkit-animation: foodanimate 1.2s infinite linear;
  animation: foodanimate 1.2s infinite linear;
  content: '1';
  color: #f27E8F;
  font-size: 55px;
  font-family: 'food-font';
}
.loader.loading {
  display: block;
}
.searchautocomplete .searchautocomplete-loader {
  display: none;
}
/*-- Rotate --*/
@-o-keyframes foodanimate {
  0% {
    content: '1';
  }
  35% {
    content: '2';
  }
  70% {
    content: '3';
  }
}
@-ms-keyframes foodanimate {
  0% {
    content: '1';
  }
  35% {
    content: '2';
  }
  70% {
    content: '3';
  }
}
@-moz-keyframes foodanimate {
  0% {
    content: '1';
  }
  35% {
    content: '2';
  }
  70% {
    content: '3';
  }
}
@-webkit-keyframes foodanimate {
  0% {
    content: '1';
  }
  35% {
    content: '2';
  }
  70% {
    content: '3';
  }
}
@keyframes foodanimate {
  0% {
    content: '1';
  }
  35% {
    content: '2';
  }
  70% {
    content: '3';
  }
}
.foodanimate {
  -o-animation: foodanimate 1.2s infinite linear;
  -ms-animation: foodanimate 1.2s infinite linear;
  -moz-animation: foodanimate 1.2s infinite linear;
  -webkit-animation: foodanimate 1.2s infinite linear;
  animation: foodanimate 1.2s infinite linear;
}
/*-- Tables ------------*/
/*-- Content Tables --*/
.std table {
  float: left;
  width: 100%;
  margin: 20px 0;
}
.std table th {
  background: #f2f2f2;
  font-family: 'muli_bold';
}
.std table td {
  border-bottom: 1px solid #D1D1D1;
}
.std table td,
.std table th {
  padding: 10px;
  text-align: left;
  font-size: 13px;
  line-height: 1.4em;
}
.std table td a,
.std table th a {
  color: #5E5E5E;
}
.std table td strong,
.std table th strong {
  font-weight: 600;
}
#my-orders-table td,
#my-orders-table th {
  font-size: 16px;
}
/*-- Messages ------------*/
.messages {
  width: 100%;
  float: left;
  max-width: 1240px;
  display: block;
  opacity: 1;
  z-index: 100;
  margin: 0 auto 20px;
  list-style: none!important;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.messages.active {
  opacity: 1;
}
.messages li {
  position: relative;
  font-size: 14px;
  font-family: 'muli_bold';
  color: white;
  margin: 0;
  padding: 20px;
  box-sizing: border-box;
  background: none;
}
.messages li:before,
.messages li:after {
  content: '';
  position: absolute;
  display: block;
  top: 0;
  background: transparent;
  width: 100%;
  height: 100%;
}
.messages li:before {
  left: -100%;
}
.messages li:after {
  right: -100%;
}
.messages li li {
  color: #808080;
  padding: 0;
  background: none;
  list-style: none;
  line-height: 1.4em;
  font-size: 14px;
}
.messages li li:before,
.messages li li:after {
  display: none;
}
.messages li li a {
  color: #808080;
  text-decoration: none;
}
.messages li.success-msg {
  border: 2px solid #00c98e;
  color: #00c98e;
}
.messages li.success-msg li {
  color: #00c98e;
}
.messages li.error-msg {
  border: 2px solid #f27E8F;
  color: #f27E8F;
}
.messages li.error-msg li {
  color: #f27E8F;
}
.wrapper .messages,
.checkout-wrapper .messages {
  margin-bottom: 20px;
  margin-top: 20px;
}
.wrapper .messages li:before,
.checkout-wrapper .messages li:before,
.wrapper .messages li:after,
.checkout-wrapper .messages li:after {
  display: none!important;
}
.wrapper #main-logo,
.checkout-wrapper #main-logo {
  float: left;
}
.message.error-msg {
  font-size: 14px;
  font-family: 'muli_bold';
  padding: 20px 5%;
  color: #d71e1e;
  width: 90%;
}
.notice-message {
  border: 2px solid #808080;
  color: #808080;
}
/*-- Tabs / Carousel -------*/
/*-- Base Tabs Css --*/
.tab-content {
  display: none;
}
.tab-content.active {
  display: block;
}
.tab {
  float: left;
  background: #f27E8F;
  color: white;
  padding: 20px;
  font-family: 'muli_bold';
  font-size: 14px;
  line-height: 1.2em;
  position: relative;
  cursor: pointer;
}
.tab:before {
  position: absolute;
  z-index: 2;
  left: 0;
  top: -5px;
  content: '';
  width: 100%;
  border-top: 5px solid white;
  display: none;
}
.tab:after {
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  border-left: 1px solid #fbdbdf;
  z-index: 2;
}
.tab.active {
  background: white;
  color: #f27E8F;
}
.tab.active:before {
  display: block;
}
.tab.active:after {
  border-color: white;
}
.tab.first:after {
  display: none;
}
.tab:hover {
  background: white;
  color: #f27E8F;
}
/*-- Base Carousel --*/
.slick-prev,
.slick-next {
  height: 48px;
  line-height: 48px;
  position: absolute;
  width: auto;
  padding: 0 10px;
  background: white;
  color: #e3569f;
}
.slick-prev:before,
.slick-next:before {
  line-height: 48px;
  font-family: 'icons';
  font-size: 28px;
}
.slick-prev {
  left: 0;
}
.slick-prev:before {
  content: '<';
}
.slick-next {
  right: 0;
}
.slick-next:before {
  content: '>';
}
.slick-slider {
  margin: 0;
}
/*-- Common CMS Carousel --*/
.carousel-outer {
  position: relative;
}
#carousel-arrows {
  position: absolute;
  z-index: 100;
  bottom: 20px;
  left: 0;
  text-align: center;
}
#carousel-arrows .slick-prev,
#carousel-arrows .slick-next {
  position: static;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 5px;
  border: 1px solid #D1D1D1;
  color: #5E5E5E;
  background: white;
  background: rgba(255, 255, 255, 0.6);
}
#carousel-arrows .slick-prev:before,
#carousel-arrows .slick-next:before {
  color: #9B9B9B;
}
#carousel-arrows .slick-prev:hover,
#carousel-arrows .slick-next:hover {
  background: white;
}
#carousel-arrows .slick-prev:hover:before,
#carousel-arrows .slick-next:hover:before {
  color: #5E5E5E;
}
.common-slide {
  background-position: center center;
  background-repeat: no-repeat;
  background-color: white;
  background-size: cover;
  position: relative;
}
.common-slide.with-link {
  cursor: pointer;
}
.common-slide.has-overlay-background:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 230, 230, 0.32);
  z-index: -1;
  left: 0;
}
.common-slide p {
  margin-bottom: 20px;
}
.common-slide h2 {
  font-size: 36px;
  font-weight: 100;
  color: black;
  text-transform: uppercase;
}
.common-slide h4 {
  font-size: 20px;
  text-transform: uppercase;
}
.common-slide .tablet-image {
  display: none;
  width: 300px;
}
.common-slide.light p,
.common-slide.light h2,
.common-slide.light h4 {
  color: white;
}
.common-slide .common-slide-content {
  padding: 40px 0;
  min-height: 400px;
  box-sizing: border-box;
}
.common-slide .common-slide-image {
  text-align: center;
  display: inline-block;
  *display: inline;
  zoom: 1;
  max-width: 100%;
}
.common-slide .button {
  background-color: #f27E8F;
  height: auto;
  line-height: normal;
  padding: 20px;
}
.common-slide .button.alternate {
  background-color: #1E6AB4;
}
.common-slide .button.white {
  background-color: transparent;
  border: 3px solid white;
}
.common-slide .button.white:hover {
  padding: 20px 40px;
}
.generic-carousel .slick-dots {
  position: absolute;
  bottom: 0;
  padding: 20px 0;
  width: 20%;
  margin: 0 40% ;
}
.generic-carousel .slick-dots li {
  margin-left: 0;
}
.generic-carousel .slick-dots li button {
  width: 30px;
  height: 30px;
}
.generic-carousel .slick-dots li button:before {
  width: 30px;
  height: 30px;
  font-size: 30px;
  color: white;
}
@media screen and (max-width: 750px) {
  .generic-carousel .slick-dots {
    width: 100%;
    margin: 0;
  }
}
/*-- Share -------*/
/*-- Add this --*/
.addthis_sharing_toolbox {
  min-height: 48px;
  margin-bottom: 30px;
  width: 100%;
  float: left;
}
.addthis_sharing_toolbox h3 {
  background-color: #1e6ab4;
  color: white;
  padding: 20px;
  font-family: 'muli_bold';
  font-size: 20px;
  margin-bottom: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.addthis_sharing_toolbox a {
  float: left;
  margin: 0 20px 0 0 !important;
  max-height: 48px !important;
  max-width: 48px !important;
  border-radius: 50%!important;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.addthis_sharing_toolbox a.at-svc-email {
  background-color: #f27E8F !important;
}
.addthis_sharing_toolbox a span {
  height: 48px !important;
  width: 48px !important;
  background-size: cover!important;
  background-position: center center!important;
}
.addthis_sharing_toolbox a:hover {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}
.social-networks .social-link {
  width: auto;
  margin-right: 5%;
}
/*-- Header --------------*/
/*-- Header --*/
#header {
  background: #ffffff;
  position: relative;
}
#header:after {
  content: '';
  width: 100%;
  height: 2px;
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/banners/stripes.png');
  background-size: cover;
  float: left;
}
#header.header-fixed {
  position: fixed;
  top: 0;
}
#header.header-fixed #header-left {
  width: 85px;
  padding: 8px 0;
}
#header.header-fixed #main-logo {
  width: 100px;
  height: 65px;
  background-size: 100%;
}
#header.header-fixed #header-center {
  padding-top: 0px;
  display:none;
}
#header.header-fixed #main-navigation li.level0.level-top.nav-1 > a {
  margin: 6px 0px;
  padding: 11px 20px;
}
#header.header-fixed #header-right {
  padding: 0;
  margin: 10px 20%;
}
#header.header-fixed #header-right .searchautocomplete {
  margin: 6px 0;
}
#header.header-fixed #header-last {
  display: none;
}
#header.header-fixed #main-navigation li.level0.level-top.nav-1 {
  height: auto;
}
#header.header-fixed #main-navigation li.level0.level-top.nav-1 a.over:after {
  display: none;
}
#header.header-fixed .sub-shown {
  margin-top: -1px;
}
#header-left {
  float: left;
  margin-right: 40px;
  width: 150px;
  padding: 20px 0;
}
#header-center {
  float: left;
  margin-right: 20px;
  padding-top: 20px;
  height: 0;
}
#header-center .shop-button {
  position: relative;
  float: left;
  background-color: #f27E8F;
  padding: 10px 20px;
  margin: 15px 0;
  font-family: 'muli_bold';
  color: white;
  font-size: 20px;
  line-height: 28px;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
#header-center .shop-button .icon-font {
  margin-left: 10px;
  padding-top: 3px;
  float: right;
}
#header-center .shop-button:hover {
  background-color: #1E6AB4;
  cursor: pointer;
}
#header-center .shop-button.active {
  background-color: #1E6AB4;
}
#header-center .shop-button.active:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #1E6AB4;
  top: 100%;
  left: calc(50% - 20px);
}
#header-right {
  float: left;
  width: 39%;
  padding: 27px 0;
}
#header-last {
  float: right;
  padding: 20px 0;
}
#header-last ul {
  float: left;
  padding: 10px 0;
  margin: 15px 0;
}
#header-last ul li {
  float: left;
  padding: 0.5em;
  font-size: 17px;
  font-family: 'muli_regular';
  line-height: 28px;
}
#header-last ul li a {
  text-decoration: none;
  color: #5E5E5E;
}
#header-last ul li a:hover {
  color: #f27E8F;
}
#header-last ul li a {
  color: #fff;
}

ul.header-links li:nth-child(1){    
    background-color: #1E6AB4;    
}
ul.header-links li:nth-child(2){    
    background-color: #FAAC1B;    
}

ul.header-links li:nth-child(3){
    background-color: #28ad9e;
}
ul.header-links li:nth-child(4){
    background-color: #e3569f;
}
ul.header-links li:nth-child(5){
    background-color: #73573D;   
}

#main-logo,
#main-logo-mobile {
  height: 80px;
 /*height: 90px;*/
  width: 150px;
  display: block;
  margin: 0 auto;
  /*background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/main_medium.png') center center no-repeat;*/
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/main_medium.png') center center no-repeat;
  background-size: 150px 80px;
  /*background-size: 150px 90px;*/
  text-indent: -9999px;
  transition: none;
  -o-transition: none;
  -ms-transition: none;
  -moz-transition: none;
  -webkit-transition: none;
}
#main-logo-mobile {
  float: left;
  padding-top: 20px;
  padding-right: 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  #main-logo {
    background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/main_medium@2x.png');
  }
}
/*-- Header outer --*/
.header-outer {
  position: relative;
  width: 100%;
  float: left;
}
/*-- Menu Button --*/
#mobile-menu-button {
  float: left;
  font-size: 36px;
  text-decoration: none;
  height: 95px;
  line-height: 95px;
  width: 95px;
  text-align: center;
  color: #1E6AB4;
}
#mobile-search-button {
  float: left;
  font-size: 22px;
  height: 95px;
  line-height: 95px;
  width: 95px;
  text-align: center;
  display: none;
}
/* Tablet Basket Link */
.mobile-basket-link {
  float: right;
  width: 95px;
  height: 95px;
  text-align: center;
}
.mobile-basket-link a {
  text-decoration: none;
  color: #1E6AB4;
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 95px;
}
.mobile-basket-link a .icon-font,
.mobile-basket-link a.icon-font {
  font-size: 40px;
  margin-right: 10px;
}
.mobile-basket-link .mini-basket-qty {
  top: 6px;
  background-color: #1E6AB4;
}
/*-- Top Header --*/
#header-top {
  background: #1E6AB4;
  position: relative;
}
#header-top-right {
  float: right;
  position: relative;
}
#header-top-left {
  float: left;
}
/*-- Top Links --*/
#top-links {
  float: right;
}
#top-links li {
  float: right;
  margin-left: 20px;
  line-height: 48px;
  font-family: 'muli_regular';
}
#top-links li a {
  color: white;
  text-decoration: none;
  line-height: 48px;
  position: relative;
  float: left;
}
#top-links li a .icon-font,
#top-links li a.icon-font {
  font-size: 28px;
  float: left;
  margin-right: 10px;
}
#top-links li a .account-icon {
  font-weight: 600;
}
#top-links li a .text {
  float: left;
  padding-right: 20px;
  border-right: 1px solid white;
}
#top-links li a:hover,
#top-links li a.active {
  color: rgba(255, 255, 255, 0.74);
}
#top-links li a:hover #mini-basket-qty,
#top-links li a.active #mini-basket-qty {
  background: #28ad9e;
}
#top-links li.basket-link a .icon-font,
#top-links li.basket-link a.icon-font {
  font-size: 32px;
}
.top-header-link {
  position: relative;
}
.top-header-link:after {
  content: '';
  position: absolute;
  top: 100%;
  right: 50%;
  height: 0;
  width: 0;
  display: block;
  z-index: 20;
  opacity: 0;
  border-right: 20px solid #f3f3f3;
  border-top: 20px solid transparent;
  border-left: 20px solid transparent;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.top-header-link.active:after {
  opacity: 1;
}
.mini-basket-qty {
  position: absolute;
  right: -10px;
  top: 4px;
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 50%;
  background: white;
  text-align: center;
  font-family: 'muli_regular';
  font-size: 14px;
  color: #1E6AB4;
  font-weight: bold;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
/*-- Header Blocks --*/
.header-block {
  position: absolute;
  right: 0;
  top: 68px;
  width: 530px;
  background: #f3f3f3;
  display: block;
  z-index: -1;
  opacity: 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.header-block.active {
  z-index: 99;
  opacity: 1;
}
.header-block p {
  color: #2e3032;
  font-size: 16px;
  font-family: 'muli_regular';
}
.account-button {
  float: left;
  width: 265px;
  padding: 76.25px 0;
  text-align: center;
  color: #2e3032;
  text-decoration: none;
}
.account-button .icon-font {
  font-size: 50px;
  display: block;
  line-height: 56.25px;
}
.account-button .text {
  font-size: 16px;
  text-transform: uppercase;
  display: block;
  line-height: 56.25px;
}
.account-button:hover {
  background: #28ad9e;
}
/*-- Header Message --*/
#header-message {
  float: left;
}
#header-message p {
  color: white;
  font-size: 14px;
  font-family: 'muli_regular';
  line-height: 48px;
}
/*-- Include Phone number --*/
#header-phone {
  float: left;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid white;
}
#header-phone p {
  color: white;
  font-size: 14px;
  font-family: 'muli_regular';
  line-height: 48px;
}
#header-phone .icon-font {
  font-size: 20px;
  line-height: 48px;
  float: left;
  margin-right: 5px;
}
#main-navigation .image-container a {
  background: transparent!important;
}
#main-navigation .view-all {
  display: none;
}
#main-navigation li {
  text-align: center;
  float: left;
}
#main-navigation li a {
  color: white;
  text-decoration: none;
  font-family: 'muli_regular';
  font-size: 16px;
}
#main-navigation li.level0.level-top {
  display: none;
}
#main-navigation li.level0.level-top.nav-1 {
  display: block;
  height: 100px;
}
#main-navigation li.level0.level-top.nav-1 > a,
#main-navigation li.level0.level-top.nav-1 a.level-top {
  margin: 15px 0;
}
#main-navigation li.level0.level-top.nav-1 a {
  float: left;
  position: relative;
  display: block;
  background-color: #f27E8F;
  padding: 10px 20px;
  font-family: 'muli_bold';
  margin: 5px 0;
  color: white;
  font-size: 20px;
  line-height: 24px;
  -webkit-transition: none;
}
#main-navigation li.level0.level-top.nav-1 a .icon-font {
  margin-left: 10px;
  padding-top: 3px;
  float: right;
}
#main-navigation li.level0.level-top.nav-1 a.over {
  background-color: #1E6AB4;
}
#main-navigation li.level0.level-top.nav-1 a.over:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #1E6AB4;
  top: 100%;
  left: calc(50% - 20px);
}
@media all and (min-width: 951px) {
  #page {margin-top: 5em !important}
  #main-navigation a.level-top{
      display: none !important;
    }
  .smallIcon {
      font-size: 11px;
      padding-top: 10px;
      margin: 0;
      padding: 0;
      vertical-align: top;
  }
}
@media (max-width: 1024px){
  #main-navigation .drop-down:nth-child(1) {
    display: block;
  }  
}
#main-navigation li.level0.level-top>.drop-down {
  margin-top: 1em;
}
#main-navigation li.level0.level-top .drop-down {
 
  position: absolute;
  left: 0;
  top: 98%;
  display: block;
  width: 80%;
  padding: 0 10%;
  background-color: #f27E8F;
  opacity: 1;
  visibility: visible;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
#main-navigation li.level0.level-top li.level1 a .icon-font{
  display: none;
}
/*
#main-navigation li.level0.level-top .drop-down:before {
  content: '';
  width: 100%;
  height: 2px;
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/banners/stripes.png');
  background-size: cover;
  float: left;
}
*/
#main-navigation li.level0.level-top .drop-down .cms-block li {
  background: none;
  margin-left: 0;
  padding-left: 0;
}
#main-navigation li.level0.level-top .drop-down .cms-block li a {
  background: none;
  padding: 0!important;
}
#main-navigation li.level0.level-top.over .drop-down {
  display: block;
  opacity: 1;
  visibility: visible;
}
#main-navigation li.level0.level-top li.level1 {
  float: left;
  width: 14%;
  padding: 0 0%;
  text-align: center;
  border-left: 1px solid #fff;
}
#main-navigation li.level0.level-top li.level1:nth-child(7){
      border-right: 1px solid #fff;
}
#main-navigation li.level0.level-top li.level1.view-all {
  display: none;
}
#main-navigation li.level0.level-top li.level1.over {
  background-color: white;
}
#main-navigation li.level0.level-top li.level1.over a {
  color: #f27E8F;
  font-size: 15px;
}
#main-navigation li.level0.level-top li.level1.over a:hover {
  text-decoration: underline;
}
#main-navigation li.level0.level-top li.level1.over .drop-down {
  opacity: 1;
  visibility: visible;
  display: block;
  overflow: auto;
}
#main-navigation li.level0.level-top li.level1.over .drop-down:after {
  display: none;
}
#main-navigation li.level0.level-top li.level1 a {
  width: 100%;
  float: left;
  padding: 0 0;
  background-color: #f27E8F;
  line-height: 1.4em;
  font-size: 16px;
}
#main-navigation li.level0.level-top li.level1 a span {
  float: left;
  min-height: 45px;
  width: 100%;
}
#main-navigation li.level0.level-top li.level1 a .icon-font {
  float: left;
  width: 100%;
  padding-top: 10px;
  font-size: 36px;
  min-height: auto;
  margin-left: 0;
}
#main-navigation li.level0.level-top li.level1 a.over {
  background-color: transparent;
}
#main-navigation li.level0.level-top li.level1 a.over:after {
  display: none;
}
#main-navigation li.level0.level-top li.level1 .drop-down {
  display: none;
  background-color: white;
  width: 84%;
  padding: 20px 10%;
  left: 0;
  border-bottom: 2px solid #f3f3f3;
}
#main-navigation li.level0.level-top li.level1 .drop-down h3 {
  color: #808080;
  text-align: left;
  font-size: 20px;
  margin-bottom: 20px;
}
#main-navigation li.level0.level-top li.level1 .drop-down ul {
  list-style: none;
  padding: 0;
}
#main-navigation li.level0.level-top li.level1 .drop-down ul li {
  color: #f27E8F;
  width: 100%;
  text-align: left;
  font-family: 'muli_regular';
}
#main-navigation li.level0.level-top li.level1 .drop-down:after {
  content: '';
  position: absolute;
  bottom: -2px;
  height: 2px;
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/banners/stripes.png');
  width: 100%;
  left: 0;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 {
  width: 8.5%;
  padding: 0 2%;
  text-align: center;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 > a {
  font-weight: bold;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 a {
  background-color: white;
  color: #f27E8F;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 a:hover {
  text-decoration: underline !important;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 a .icon-font {
  display: none;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 a .image {
  max-width: 80%;
  margin: 0 auto;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level2 a span {
  line-height: 20px;
}
#main-navigation li.level0.level-top li.level1 .drop-down li.level3 a {
  color: #808080;
  font-size: 14px;
}
#main-navigation li.level0.level-top li.level1 .drop-down .listed li.level2 {
  width: 20%;
  box-sizing: border-box;
  text-align: left;
  min-height: 50px;
}
#main-navigation li.level0.level-top li.level1 .drop-down .listed li.level2 a {
  padding: 0;
  font-family: 'muli_regular';
  margin: 2px 0;
}
#main-navigation li.level0.level-top li.level1 .drop-down .listed li.level2 a span {
  min-height: 0;
}
#main-navigation li.level0.level-top li.level1 .drop-down .listed li.level2 a:hover {
  color: #1E6AB4;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
#main-navigation li.level0.level-top li.level1 .drop-down .listed .drop-down {
  display: none;
}
#main-navigation li.level0.level-top li.level1.over .drop-down {
  display: block;
  -webkit-box-shadow: 0px 2px 19px -2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0px 2px 19px -2px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 2px 19px -2px rgba(0, 0, 0, 0.15);
}
#mobile-navigation {
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  overflow-y: scroll;
  background: #ffffff;
  display: none;
}
#mobile-nav ul.level1 li.level3 {
  background-color: #F1F1F1;
}
#mobile-nav li {
  float: left;
  width: 100%;
  font-family: 'muli_bold';
}
#mobile-nav img {
  display: none!important;
}
#mobile-nav .cms-block {
  display: none!important;
}
#mobile-nav a {
  color: white;
  line-height: 60px;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  padding: 0 20px;
  box-sizing: border-box;
  float: left;
  text-decoration: none;
  font-family: 'muli_bold';
  text-transform: uppercase;
  letter-spacing: 1px;
}
#mobile-nav li.level0 a .icon-font {
  display: none;
}
#mobile-nav li.level0.first a {
  font-weight: 600;
}
#mobile-nav li.level0:nth-child(1) {
  background-color: #f27E8F;
}
#mobile-nav .parent > a:after {
  content: 'v';
  text-transform: none;
  float: right;
  margin-right: 5px;
  font-family: 'icons';
  font-size: 20px;
}
#mobile-nav .parent > a.open:after {
  content: '^';
  text-transform: none;
  float: right;
  margin-right: 5px;
  font-family: 'icons';
  font-size: 20px;
}
#mobile-nav ul {
  width: 100%;
  float: left;
  display: none;
}
#mobile-nav ul.header-links {
  display: block;
}
#mobile-nav ul.header-links li:nth-child(1) {
  background-color: #1E6AB4;
}
#mobile-nav ul.header-links li:nth-child(2) {
  background-color: #FAAC1B;
}
#mobile-nav ul.header-links li:nth-child(3) {
  background-color: #28ad9e;
}
#mobile-nav ul.header-links li:nth-child(4) {
  background-color: #e3569f;
}
#mobile-nav ul.header-links li:nth-child(5) {
  background-color: #73573D;
}


#mobile-nav ul.level0 li a {
  color: white;
  font-weight: 400!important;
  font-size: 14px;
  text-transform: none;
  letter-spacing: normal;
}
#mobile-nav ul.level1 li {
  background-color: white;
}
#mobile-nav ul.level1 li a {
  color: #808080;
  font-weight: 400 !important;
  font-size: 14px;
}
#mobile-nav ul.level2 {
  display: none;
}
#mobile-nav ul.level1.listed {
  width: 100%;
}
#mobile-nav ul.level1.listed h3 {
  display: none;
}
#mobile-nav .navigation-static-blocks-outer {
  display: none;
}
.mobile-menu-close {
  width: 100%;
  float: left;
  position: relative;
}
.mobile-menu-button {
  float: left;
  width: 24.65%;
  text-align: center;
  font-size: 28px;
  height: 95px;
  line-height: 95px;
  background-color: #f2f2f2;
  border-right: 1px solid #D1D1D1;
}
.mobile-menu-button.last {
  border-right: 0;
}
.mobile-menu-button a {
  color: #808080;
  text-decoration: none;
}
.mobile-menu-button:hover {
  background-color: #1E6AB4;
}
body.left #menu-close {
  transform: translate(0);
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
}
/*-- Sidebar Search --*/
#navigation-search-form {
  background: #ededed;
}
#navigation-search-form input[type="search"] {
  float: left;
  background: #ededed;
  width: 255px;
  height: 60px;
  line-height: 60px;
}
#navigation-search-form .search-button {
  float: right;
  width: 60px;
  height: 60px;
  line-height: 48px;
  padding: 0;
  text-align: center;
  font-size: 22px;
  color: white;
  background-color: #28ad9e;
  cursor: pointer;
}
#navigation-search-form .search-button:hover {
  color: #1E6AB4;
}
/*-- Sub Nav --*/
#sub-navigation {
  border-top: 1px solid #D1D1D1;
  padding-top: 20px;
  width: 100%;
  float: left;
  background-color: #f3f3f3;
}
#sub-navigation li {
  font-family: 'muli_bold';
  font-size: 13px;
  text-transform: uppercase;
  float: left;
  width: 94%;
  padding: 0 3%;
  margin: 0 0 20px;
}
#sub-navigation li.last {
  margin: 0;
}
#sub-navigation li a {
  color: #5E5E5E;
  text-decoration: none;
}
#sub-navigation.fixed {
  width: 410px;
  padding: 40px 20px;
  bottom: 0;
  left: 0;
  position: relative;
}
#sub-navigation.fixed:before {
  content: '';
  width: 100%;
  background-image: url('/skin/frontend/gene/default/images/banners/stripes.png');
  background-size: 100% auto;
  height: 2px;
  position: absolute;
  left: 0;
  top: 100%;
}
/*-- CMS Nav --*/
.cms-navigation-links .main-nav {
  width: 100%;
  float: left;
  border-top: 1px solid #D1D1D1;
  padding-top: 20px;
  margin-top: 20px;
}
.cms-navigation-links li {
  padding: 10px 0;
}
.cms-navigation-links li:first-child {
  padding: 0 0 10px;
}
.cms-navigation-links li:last-child {
  padding: 10px 0 0;
}
.cms-navigation-links li a {
  color: #f27E8F;
}
/*-- Header Search --*/
#header {
  z-index: 200;
}
.search-active .search-container {
  top: 100%;
}
#page.search-active {
  -ms-transform: translateY(75px);
  /* IE 9 */
  -webkit-transform: translateY(75px);
  /* Safari */
  transform: translateY(75px);
}
#header-right .form-search label {
  display: none;
}
#header-right .form-search .input-text {
  background-color: white;
  border: 1px solid #D1D1D1;
  width: 70%;
  font-family: 'muli_regular';
  color: #808080;
}
#header-right .form-search .search-button {
  border: 1px solid #D1D1D1;
  border-left: 0;
  text-transform: lowercase;
  height: 50px;
}
#header-right .searchautocomplete {
  position: relative;
  margin: 15px 10%;
  width: 85%;
}
#header-right .searchautocomplete .nav {
  height: 50px;
}
/*-- Footer --------------*/
footer {
  position: relative;
  z-index: 2;
}
footer p {
  color: white;
  font-size: 16px;
  line-height: 28px;
  font-family: 'muli_regular';
}
footer h4 {
  color: white;
  font-size: 20px;
  line-height: 1.6em;
  text-transform: uppercase;
  margin-bottom: 20px;
  font-weight: 600;
}
footer ul {
  width: 100%;
  float: left;
  display: block;
}
footer li {
  color: white;
  float: left;
  width: 100%;
  font-family: 'muli_bold';
  font-size: 16px;
  margin: 0 0 20px;
}
footer li.social-link a:hover {
  text-decoration: none;
  transform: rotate(360deg);
}
footer li a {
  text-decoration: none;
  color: white;
  font-family: 'muli_regular';
  font-size: 16px;
}
footer li a:hover {
  text-decoration: underline;
}
/*-- Main Center Footer --*/
#footer-main {
  float: left;
  width: 100%;
  background-color: #28ad9e;
  padding: 20px 0;
}
#footer-main .social-icons {
  padding: 20px 0;
}
#footer-main .social-icons .social-networks {
  width: auto;
  float: right;
}
#footer-main .social-icons .social-networks .social-link {
  width: auto;
  margin-right: 20px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
#footer-main .social-icons .social-networks .social-link a {
  font-size: 50px;
}
#footer-main .social-icons .social-networks .social-link a:hover {
  text-decoration: none;
}
#footer-main .footer-column .footer-column-inner {
  float: left;
  width: 90%;
  padding: 20px 10% 20px 0;
}
#sub-footer {
  float: left;
  width: 100%;
  background-color: white;
  padding: 10px 0;
  line-height: 47px;
}
#sub-footer p {
  color: #5E5E5E;
}
#sub-footer ul {
  width: auto;
  float: right;
  text-align: right;
}
#sub-footer ul li {
  display: inline-block;
  width: auto;
  margin: 0 10px;
}
#sub-footer ul li a {
  text-decoration: none;
  display: inline-block;
  color: #28ad9e;
}
#sub-footer ul li a:hover {
  color: #e3569f;
}
/*-- Upper Footer --*/
#footer-upper {
  float: left;
  width: 100%;
  background-color: #7f5a41;
  padding: 80px 0;
  /*-- Newsletter Block --*/
}

/*subsciber*/
#bluefoot-newsletter-61 .g-recaptcha {
  float: left;
  width: 25%;
}
#bluefoot-newsletter-61 .block-content {
  float: left;
  width: 75%;
}

#bluefoot-newsletter-61 .block-content .form-subscribe-header {
display: none;
}

#bluefoot-newsletter-61 .block-content .input-box{
  margin: 1.5% 0;
}

/*subsciber end*/

#footer-upper #newsletter-sign-up {
  width: 100%;
  float: left;
}
#footer-upper #newsletter-sign-up label {
  margin-bottom: 40px;
  width: 100%;
  float: left;
}
#footer-upper #newsletter-sign-up input[type="text"],
#footer-upper #newsletter-sign-up input[type="email"] {
  width: calc(60% - 20px);
  box-sizing: border-box;
  padding: 0 20px;
  border-radius: 0px;
  font-family: 'muli_regular';
  font-size: 16px;
  background-color: white;
}
#footer-upper #newsletter-sign-up .button {
  width: 40%;
  box-sizing: border-box;
  background-color: #f27E8F;
}
.body-inner.footer-open {
  -webkit-transform: translatey(-50px);
  -moz-transform: translatey(-50px);
  -o-transform: translatey(-50px);
  transform: translatey(-50px);
}
/*-- Mobile and Tablet footer --*/
.footer-main-tablet {
  background-color: #1E6AB4;
  padding: 40px 0 0;
  position: relative;
}
.footer-main-tablet .social-networks {
  text-align: center;
  margin: 20px auto 0;
}
.footer-main-tablet .social-networks .social-link a {
  font-size: 30px;
}
.footer-main-tablet .social-networks li {
  display: inline-block;
  margin-bottom: 0;
  float: none;
}
.footer-main-tablet .footer-inner-container {
  text-align: center;
  /*-- Footer links block --*/
  /*-- Newsletter links block --*/
}
.footer-main-tablet .footer-inner-container h4 {
  text-align: center;
}
.footer-main-tablet .footer-inner-container .footer-links {
  width: 100%;
  float: left;
  padding: 40px 0;
  background-color: #28ad9e;
  margin-top: 40px;
}
.footer-main-tablet .footer-inner-container .footer-links li {
  margin: 10px 0;
}
.footer-main-tablet .footer-inner-container .footer-links li a {
  font-size: 16px;
}
.footer-main-tablet .footer-inner-container .newsletter {
  padding: 20px 0;
  background-color: #7f5a41;
}
.footer-main-tablet .footer-inner-container .newsletter #newsletter-sign-up .button {
  width: 33%;
  text-align: center;
  padding: 0;
}
.footer-main-tablet .footer-inner-container .newsletter #newsletter-sign-up input[type="email"] {
  background-color: white;
  width: 60%;
}
.footer-main-tablet .view-footer-button {
  position: absolute;
  height: 20px;
  top: -20px;
  width: 100%;
}
.footer-main-tablet .view-footer-button .view-footer {
  line-height: 48px;
  background-color: #1E6AB4;
  color: white;
  font-family: 'muli_bold';
  text-transform: uppercase;
  margin: 0 auto;
  display: block;
  width: 20%;
  font-size: 28px;
  text-align: center;
  position: relative;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.footer-main-tablet .view-footer-button .view-footer:hover {
  cursor: pointer;
  -webkit-transform: translatey(-5px);
  -moz-transform: translatey(-5px);
  -o-transform: translatey(-5px);
  transform: translatey(-5px);
}
.footer-main-tablet .view-footer-button .view-footer:before {
  position: absolute;
  content: '';
  left: -53px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 53px 53px;
  border-color: transparent transparent #1E6AB4 transparent;
}
.footer-main-tablet .view-footer-button .view-footer:after {
  position: absolute;
  content: '';
  right: -53px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 53px 0 0 53px;
  border-color: transparent transparent transparent #1E6AB4;
}
.copyright-links .footer-image {
  float: left;
  margin-right: 10px;
}
.copyright-links p {
  line-height: 47px;
}
/*-- Sidebar -------------*/
/*-- Sidebar --*/
#basket-sidebar {
  position: fixed;
  overflow-y: scroll!important;
  right: 0;
  top: 0;
  float: right;
  height: 100%;
  z-index: 1;
  min-height: 450px;
  background: white;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
#basket-sidebar h3 {
  color: #5E5E5E;
  font-size: 28px;
  letter-spacing: 1px;
  text-transform: uppercase;
  line-height: 80px;
}
#basket-sidebar .sidebar-close {
  position: absolute;
  right: 0;
  top: 2px;
  z-index: 3;
  background: #f27E8F;
  width: 48px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  text-decoration: none;
  color: white;
  font-size: 22px;
}
#basket-sidebar .sidebar-close:hover {
  background: #1E6AB4;
}
.sidebar-title {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 20px;
}
.sidebar-title span {
  line-height: 80px;
}
#page-sidebar-inner {
  z-index: 2;
  float: right;
}
#page-sidebar-inner:before {
  content: '';
  float: left;
  width: 100%;
  background-image: url('/skin/frontend/gene/default/images/banners/stripes.png');
  height: 2px;
  background-size: 100% auto;
}
.sidebar-inner {
  width: 370px;
  padding: 20px 40px;
  float: left;
  position: relative;
  z-index: 2;
}
.page-sidebar-block {
  width: 100%;
  float: left;
}
.sidebar-content {
  text-align: center;
}
.sidebar-content p {
  color: #5E5E5E;
  font-family: 'muli_bold';
  font-size: 16px;
}
.sidebar-content p a {
  color: #f27E8F;
}
body.sidebar-hidden #page-sidebar {
  opacity: 0;
}
body.right #page-sidebar {
  opacity: 1!important;
}
/*-- Basket Sidebar --*/
.empty-mini-basket.ie-message {
  display: none;
}
#mini-basket .loader {
  display: none;
  margin: 80px 0;
}
#mini-basket .loader:after {
  font-size: 65px;
}
#mini-basket.loading .loader {
  display: block;
}
#mini-basket.loading .sidebar-inner {
  display: none;
}
.basket-checkout-button.button {
  width: 100%;
  padding: 0 5%;
  text-align: left;
  height: 48px;
  line-height: 48px;
  background: #1E6AB4;
}
.basket-checkout-button.button .icon-font {
  float: right;
  margin-right: 10px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  text-transform: uppercase;
}
.basket-checkout-button.button:hover {
  background: #f6c348;
}
.basket-checkout-button.button:hover .icon-font {
  margin-right: 0;
}
#cart-sidebar .item {
  border-top: 1px solid #D1D1D1;
  padding-top: 20px;
  color: #5E5E5E;
}
#cart-sidebar .item p {
  font-size: 13px;
  font-family: 'muli_bold';
}
#cart-sidebar .item .item-image {
  float: left;
  width: 25%;
  margin-right: 5%;
}
#cart-sidebar .item .product-details {
  float: left;
  width: 70%;
  padding-top: 20px;
}
#cart-sidebar .product-name {
  font-size: 13px;
  line-height: 1.4em;
  font-family: 'muli_bold';
  margin-bottom: 5px;
}
#cart-sidebar .product-name a {
  text-decoration: none;
  color: #5E5E5E;
}
#cart-sidebar .item-actions {
  margin-top: 10px;
}
#cart-sidebar .item-actions a {
  color: #5E5E5E;
  margin-right: 5px;
  font-family: 'muli_bold';
  font-size: 13px;
}
#cart-sidebar .item-actions a:hover.btn-edit {
  color: #1E6AB4;
}
#cart-sidebar .item-actions a:hover.btn-remove {
  color: #d71e1e;
}
#cart-sidebar .mini-basket-item-quantity {
  float: left;
  margin-bottom: 10px;
}
#cart-sidebar .mini-basket-item-quantity .quantity-box {
  float: left;
  font-size: 16px;
  border: 1px solid #D1D1D1;
  border-right: none;
  padding: 10px 15px;
}
#cart-sidebar .basket-quantity-button {
  float: left;
  font-size: 16px;
  border: 1px solid #D1D1D1;
  padding: 10px 15px;
  background-color: #f2f2f2;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
#cart-sidebar .basket-quantity-button:hover {
  background-color: #28ad9e;
  color: white;
  cursor: pointer;
}
#cart-sidebar .basket-quantity-button.add {
  border-right: 1px solid #D1D1D1;
}
.mini-products-list {
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 20px;
}
.mini-basket-totals {
  text-align: right;
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.mini-basket-totals p {
  font-family: 'muli_bold';
  font-size: 13px;
  color: #5E5E5E;
  line-height: 1.8em;
}
.mini-basket-totals p.subtotal {
  font-size: 20px;
}
/*-- Cross sells --*/
.basket-crosssells {
  margin-top: 20px;
}
.basket-crosssells h2 {
  font-size: 14px;
  margin-bottom: 20px;
  line-height: 1.6em;
}
.basket-crosssells .item {
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.basket-crosssells .item .product-image {
  width: 80%;
  padding: 0 10%;
}
.basket-crosssells .item .product-name,
.basket-crosssells .item .product-name a {
  font-size: 14px;
  line-height: 1.2em;
  text-transform: none;
}
.basket-crosssells .item .btn-cart:after {
  display: none;
}
.basket-crosssells .item .price-box {
  line-height: initial;
  margin-bottom: 20px;
}
.basket-crosssells .item .price {
  font-size: 16px;
}
.basket-crosssells.upsell {
  border-top: 1px solid #D1D1D1;
  padding-top: 40px;
  margin-top: 40px;
  text-align: center;
}
.basket-crosssells.upsell h2 {
  font-size: 20px;
  font-weight: 600;
}
#basket-upsell-products-list .price-box {
  margin-bottom: 10px;
}
/*-- Generic Sidebar Styles --*/
.sidebar {
  width: 450px;
  height: 100%;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
  display: block;
  opacity: 0;
  overflow-y: scroll;
  background: white;
  -webkit-transition-delay: .5s;
  transition-delay: .5s;
}
.sidebar.active {
  visibility: visible;
  opacity: 1;
  transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  -moz-transition: .0s;
  -webkit-transition: .0s;
  z-index: 2;
}
.sidebar.left {
  left: 0;
  right: auto;
  width: 350px;
}
.sidebar.top {
  width: 100%!important;
  height: 45px;
}
.sidebar-link {
  cursor: pointer;
}
body.sidebar-open .body-inner {
  position: fixed;
}
.sidebar-open .body-inner {
  box-shadow: 1px -1px 2px rgba(0, 0, 0, 0.1);
  transform: translate(-450px);
  -ms-transform: translate(-450px);
  -webkit-transform: translate(-450px);
}
.sidebar-open .overlay {
  visibility: visible;
  opacity: 1;
}
.sidebar-open.sidebar-left .body-inner {
  box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.1);
  transform: translate(350px);
  -ms-transform: translate(350px);
  -webkit-transform: translate(350px);
}
.sidebar-open.sidebar-top .body-inner {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  transform: translateY(45px);
  -ms-transform: translateY(45px);
  -webkit-transform: translateY(45px);
}
.sidebar-heading {
  width: 100%;
  float: left;
  box-sizing: border-box;
  padding: 0 20px;
  line-height: 48px;
  border-bottom: 1px solid #f2f2f2;
}
.sidebar-heading.with-button {
  padding: 0 0 0 20px;
}
.sidebar-heading .heading {
  font-family: 'muli_bold';
  color: #808080;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 60px;
  float: left;
  width: auto;
  margin: 0;
}
.sidebar-heading .sidebar-heading-btn {
  line-height: 60px;
  height: 60px;
  float: right;
  text-transform: uppercase;
  border-left: 1px solid #f2f2f2;
  background: none;
}
.sidebar-heading .sidebar-heading-btn .icon-font {
  float: right;
  margin-left: 5px;
}
.sidebar-heading .sidebar-heading-btn:hover {
  background: white;
}
.sidebar-heading .sidebar-close {
  line-height: 60px;
  height: 60px;
  width: 60px;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
  float: right;
  color: #808080;
  font-weight: 600;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.sidebar-heading .sidebar-close:hover {
  background: #f3f3f3;
}
.sidebar-inner {
  padding: 20px;
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.sidebar-row {
  padding: 20px 0;
  border-top: 1px solid #f2f2f2;
}
.sidebar .loader {
  display: none;
  padding: 40px 0;
  position: static;
  background: white;
}
.sidebar.loading .loader {
  display: block;
}
.sidebar.loading .loader .spinner {
  display: block;
}
.sidebar.loading .sidebar-inner,
.sidebar.loading .sidebar-row {
  display: none;
}
/*-- Responsive Styles --*/
@media all and (max-width: 1024px) {
  .sidebar {
    width: 350px;
  }
  .sidebar-open .body-inner {
    transform: translate(-350px);
    -ms-transform: translate(-350px);
    -webkit-transform: translate(-350px);
  }
  .sidebar-heading {
    font-size: 16px;
  }
}
/*-- Responsive Styles --*/
@media all and (max-width: 750px) {
  .sidebar-heading .heading {
    font-size: 14px;
  }
  .sidebar-heading .sidebar-heading-btn {
    padding: 0 10px;
    font-size: 14px;
  }
}
@media all and (max-width: 650px) {
  .sidebar,
  .sidebar.left {
    width: 80%;
  }
  .sidebar-open .body-inner {
    transform: translate(-80%);
    -ms-transform: translate(-80%);
    -webkit-transform: translate(-80%);
  }
  .sidebar-open.sidebar-left .body-inner {
    transform: translate(80%);
    -ms-transform: translate(80%);
    -webkit-transform: translate(80%);
  }
  .sidebar-open.sidebar-top .body-inner {
    transform: translateY(45px);
    -ms-transform: translateY(45px);
    -webkit-transform: translateY(45px);
  }
  .sidebar.top {
    height: 45px;
  }
}
/*-- Popup --------*/
/*-- Lightbox --*/
.fancybox-margin {
  overflow: hidden !important;
  width: auto;
}
.lightbox-content {
  padding: 70px 40px 40px;
  float: left;
}
.lightbox-content.text-lightbox {
  padding: 40px 3%;
  min-width: 250px;
  max-width: 972px;
  width: 94%;
}
.lightbox-content.newsletter-lightbox {
  padding: 40px 5%;
  width: 90%;
  background: white;
}
.lightbox-content.centered {
  text-align: center;
}
.lightbox-content .content-block {
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #D1D1D1;
}
.lightbox-content .content-block p {
  margin: 0;
}
.lightbox-content .large-text {
  width: 100%;
  float: left;
}
.lightbox-content .large-text p,
.lightbox-content .large-text li {
  font-size: 16px;
}
.lightbox-content .large-text strong {
  font-weight: 600;
}
.lightbox-content .title-block {
  width: 100%;
  float: left;
  margin: 0 0 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid #D1D1D1;
}
.lightbox-content .title-block h2,
.lightbox-content .title-block h3 {
  margin: 0;
}
.lightbox-title h2,
.lightbox-title .h2 {
  font-family: muli_bold;
  font-weight: 400;
  float: left;
  width: 100%;
  text-align: center;
  color: #5E5E5E;
  font-size: 28px;
  margin-bottom: 20px;
}
.popup-top {
  margin-top: 20px;
}
.popup-lower {
  background-color: #f3f3f3;
  text-align: center;
}
#ajax-login {
  position: relative;
}
#ajax-login .loader {
  z-index: 500;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  background-color: white;
}
#ajax-login .loader:after {
  margin: 40px auto;
}
#ajax-login.loading .loader {
  display: block;
}
#form-success {
  text-align: center;
  font-size: 16px;
  margin: 40px 0;
}
/*-- Error ------------*/
#error-page-block {
  padding: 120px 0;
  background-size: cover;
  background-position: center center;
  position: relative;
  background-color: white;
  background-image: url('/skin/frontend/gene/default/images/backgrounds/success.jpg');
}
#error-page-block h1,
#error-page-block h2,
#error-page-block p,
#error-page-block a {
  color: white;
}
#error-page-block h1 {
  font-size: 72px;
}
#error-page-block h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
#error-page-block p {
  font-size: 16px;
}
#error-page-block:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
#error-page-block .wrapper {
  position: relative;
  z-index: 2;
  text-align: center;
}
.error-upsell h3 {
  color: #5E5E5E;
}
.error-page .cms-content {
  text-align: center;
}
.error-page .cms-content p {
  color: white;
  font-size: 28px;
}
.error-page h1 {
  font-size: 72px;
  line-height: 1.4em;
  margin: 0;
  color: #808080;
}
.error-page .page-title {
  margin: 0;
}
/*-- Homepage ------------*/
/*new products*/
.onHome li{list-style:none;}
.onHome ul.products-grid{float:left;width:100%;}
.onHome li.item{width: 20%;float:left;}
.onHome li.item img {width: auto !important;}
/*new products end*/
/*-- Homepage Base --*/
.homepage-row {
  margin-bottom: 80px;
}
.hompage-title {
  font-size: 36px;
  margin-bottom: 60px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}
/*-- Homepage Carousel --*/
.carousel-row {
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
#homepage-carousel {
  margin-bottom: 0;
}
#homepage-carousel .slick-dots {
  position: absolute;
  color: transparent;
  left: 0;
  bottom: 0;
  margin: 40px 0;
}
#homepage-carousel .slick-dots:before {
  color: transparent;
}
#homepage-carousel .slick-dots li button {
  width: 20px;
  height: 20px;
  border-radius: 13px;
  border: 3px solid white;
  background: none;
}
#homepage-carousel .slick-dots li button:hover {
  background: white;
}
#homepage-carousel .slick-dots li.slick-active button {
  background: white;
}
#homepage-carousel .slick-dots.dark li button {
  border-color: black;
}
#homepage-carousel .slick-dots.dark li button:hover {
  background: black;
}
#homepage-carousel .slick-dots.dark li.slick-active button {
  background: black;
}
#homepage-carousel.dark .slick-dots li button {
  border-color: #f27E8F;
}
#homepage-carousel.dark .slick-dots li button:hover {
  background: #f27E8F;
}
#homepage-carousel.dark .slick-dots li.slick-active button {
  background: #e3569f;
  border: #e3569f;
}
.homepage-slide {
  min-height: 400px;
}
.homepage-slide .common-slide-content {
  float: left;
  text-align: center;
}
.homepage-slide .wrapper {
  box-sizing: border-box;
  padding: 0 40px;
}
.homepage-slide h2 {
  font-size: 50px;
  font-weight: 600;
  color: black;
  text-transform: uppercase;
  margin-bottom: 40px;
}
.homepage-slide h2 sup {
  font-size: 50px;
}
.homepage-slide p {
  font-size: 16px;
  font-family: 'muli_bold';
  margin-bottom: 40px;
  font-weight: 100;
  text-transform: uppercase;
  color: white!important;
}
/*-- Featured Products --*/
.homepage-featured-products {
  padding: 40px 0;
}
.homepage-featured-products .large-line-title {
  color: white;
}
.homepage-featured-products .products-grid .item .inner {
  border: none;
}
/*-- Latest Posts --*/
#homepage-latest-blog {
  padding: 40px 0;
  background-color: #f6c348;
  font-family: 'muli_regular';
}
#homepage-latest-blog h3 {
  font-size: 36px;
  margin-bottom: 60px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
}
#homepage-latest-blog .blog-post {
  float: left;
  background-color: #fff;
  position: relative;
}
#homepage-latest-blog .blog-post .inner {
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0 5%;
  float: left;
  width: 90%;
}
#homepage-latest-blog .blog-post .blog-title {
  position: absolute;
  text-align: center;
  top: -21px;
  width: 90%;
  float: left;
}
#homepage-latest-blog .blog-post .blog-title h1 {
  background-color: white;
  color: #f6c348;
  font-family: 'muli_bold';
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  max-width: 80%;
  padding: 14px 5%;
  margin: 0 auto;
}
#homepage-latest-blog .blog-post .blog-image {
  width: 100%;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
}
#homepage-latest-blog .blog-post .date {
  color: #1E6AB4;
  font-size: 16px;
}
#homepage-latest-blog .blog-post h2 {
  color: #1E6AB4;
  font-size: 28px;
  padding: 5% 0;
}
#homepage-latest-blog .blog-post p {
  line-height: 22px;
  color: #808080;
  font-size: 16px;
}
/*-- Featured Blocks --*/
#featured-blocks .inner {
  padding-bottom: 5px;
  padding-top: 5px;
  margin: 0 5px;
  float: left;
  width: calc(100% - 10px);
}
#featured-blocks h3 {
  font-size: 36px;
  margin-bottom: 60px;
  color: white;
  text-align: center;
  text-transform: uppercase;
  font-weight: 800;
  color: #5E5E5E;
}
#featured-blocks .featured-block {
  background-color: #f27E8F;
  position: relative;
}
#featured-blocks .featured-block .image {
  float: left;
  width: 100%;
  height: 220px;
  background-repeat: no-repeat;
  background-size: cover;
}
#featured-blocks .featured-block .block-title {
  position: absolute;
  text-align: center;
  top: -21px;
  width: 90%;
  float: left;
  left: 0;
  padding: 0 5%;
}
#featured-blocks .featured-block .block-title h1 {
  background-color: #f27E8F;
  color: white;
  font-family: 'muli_bold';
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 12px 2%;
  margin: 0 auto;
}
/*-- Featured Category --*/
.featured-category {
  width: 100%;
  float: left;
  position: relative;
  text-align: center;
  margin-right: 1.31%!important;
}
.featured-category .inner {
  float: left;
  width: 90%;
  margin: 5%;
}
.featured-category .image-driver {
  height: 200px;
  background-size: cover;
  background-position: center center;
}
.featured-category p {
  margin: 20px 0;
  font-family: 'muli_regular';
}
.featured-category h3 {
  background-color: #1E6AB4;
  padding: 10px;
  color: white;
  text-transform: uppercase;
  margin-bottom: 0;
}
.pink-background {
  background-color: #e3569f;
}
.yellow-background {
  background-color: #f6c348;
}
.brown-background {
  background-color: #7f5a41;
}
.video-link {
  text-decoration: none;
  position: relative;
  display: inline-block;
  width: 100%;
  text-align: center;
  margin: 20px 0;
}
.video-image {
  height: 350px;
  width: 350px;
  border-radius: 50%;
  margin: 0 auto;
  background-size: cover;
  position: relative;
  line-height: 350px;
  color: white;
  font-size: 100px;
  text-align: center;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.video-image:before {
  content: '';
  height: 350px;
  width: 350px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.28);
  position: absolute;
  left: 0;
  top: 0;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.video-image:hover {
  font-size: 110px;
}
.video-image:hover:before {
  background-color: transparent;
}
/*-- CMS -------------*/
/*-- CMS Page --*/
.cms-page-view .page-title {
  font-size: 36px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
  width: 100%;
  float: left;
  text-transform: uppercase;
  font-weight: 300;
  margin: 40px 0;
}
.cms-page-view .page-title h1 {
  background: white;
  display: inline-block;
  *display: inline;
  zoom: 1;
  padding: 0 40px;
  position: relative;
  z-index: 2;
}
.cms-page-view .cms-content {
  width: 70%;
  margin-left: 15%;
  margin-right: 15%;
  margin-bottom: 0;
}
.cms-page-view .std p {
  color: #808080;
}
.cms-page-view .std table {
  width: auto;
  float: none;
  max-width: 100%;
  clear: both;
  margin: 20px 0;
  border: 1px solid #D1D1D1;
}
.cms-page-view .std table td,
.cms-page-view .std table th {
  padding: 10px 20px;
  font-size: 16px;
  font-family: 'muli_regular';
  border-right: 1px solid #D1D1D1;
}
.cms-page-view .std table th {
  vertical-align: middle;
}
/*-- Error CMS Page --*/
.error-page .cms-content p,
.error-page .cms-content li {
  font-family: 'muli_bold';
}
/*-- Blog */
.blog-page .entity-view-content {
  line-height: 22px;
  color: #5E5E5E;
  font-size: 14px;
  font-family: 'muli_regular';
}
.blog-page .entity-view-content a {
  color: #1E6AB4;
  text-decoration: none;
  font-weight: bold;
}
.blog-page .entity-view-content img.aligncenter {
  width: auto;
  margin: 0 auto;
  display: block;
  margin-bottom: 20px;
}
.blog-page .entity-view-content ul {
  list-style: initial;
  margin-left: 30px;
  margin-bottom: 20px;
}
.blog-page  ul.products-grid {
  margin-left: 0 !important;
}

/*-- Contact ------------*/
/*-- Contact Page Styles --*/
.contacts-index-index .no-breadcrumbs {
  display: none;
}
.contacts-index-index .page-title {
  margin: 40px 0;
}
.half-wrapper {
  float: left;
  width: 100%;
  max-width: 540px;
}
.half-wrapper.left {
  float: right;
}
.contact-column {
  float: left;
  width: 50%;
  padding: 40px;
  box-sizing: border-box;
}
.contact-column.first {
  background-color: #f6c348;
}
.contact-column.first h2 {
  color: white;
}
.contact-column.first input,
.contact-column.first textarea {
  background-color: white!important;
}
.contact-column h2 {
  font-size: 28px;
  margin-bottom: 20px;
}
.contact-column p,
.contact-column address {
  font-size: 16px;
  font-family: 'muli_regular';
  margin-bottom: 20px;
  line-height: 1.4em;
  color: #808080;
}
.contact-column p strong,
.contact-column address strong {
  font-weight: 600;
}
.contact-column p.no-margin,
.contact-column address.no-margin {
  margin: 0;
}
.contact-column a {
  color: #f27E8F;
  text-decoration: none;
}
.contact-column a:hover {
  text-decoration: underline;
}
.contact-detail {
  margin-bottom: 20px;
}
.color-title {
  background-color: #28ad9e;
  margin-bottom: 0;
}
.color-title h1 {
  color: white;
}
.color-title ul {
  margin-top: 20px;
}
.color-title ul li {
  display: inline-block;
  margin-right: 0!important;
}
.color-title ul li a {
  color: white;
  font-size: 30px;
  margin-top: 20px;
  text-decoration: none;
}
#contact-form label {
  width: 100%;
  margin: 0;
  text-align: left;
  line-height: 1.4em;
  display: none;
}
#contact-form label em {
  float: none;
}
#contact-form .input-box {
  width: 100%;
}
/*-- Contact Map --*/
#map {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center center no-repeat;
}
.map-container {
  float: left;
  width: 100%;
  height: 400px;
}
/*-- Wishlist ------------*/
/*-- Wish list view --*/
.my-wishlist table {
  width: 100%;
}
.my-wishlist tbody tr {
  float: left;
  width: 100%;
  margin: 20px 0;
  border-bottom: 1px solid #D1D1D1;
}
.my-wishlist tbody tr.last {
  border-bottom: 0;
}
.my-wishlist tbody td {
  display: block;
  float: left;
  padding: 10px;
}
.my-wishlist .old-price {
  display: none!important;
}
.my-wishlist .product-name {
  margin-bottom: 20px;
}
.my-wishlist .product-name a {
  color: #5E5E5E;
  font-family: 'muli_bold';
  text-decoration: none;
  font-size: 20px;
}
.buttons-set button {
  float: right;
  margin-left: 5px;
  height: 40px;
  line-height: 40px;
}
.green {
  color: #28ad9e;
}
.red {
  color: #ff2637;
}
.image-column {
  width: calc(20% -  20px );
}
.image-column img {
  width: calc(100% - 4px) !important;
  border: 2px solid #e3569f;
}
.description-column {
  width: calc(60% -  20px );
}
.cart-column {
  width: calc(20% -  20px );
}
.cart-column input[type="number"] {
  width: calc(100% - 20px);
}
.remove-column {
  margin: 20px 0;
}
.remove-column a {
  text-decoration: none;
  color: #808080;
}
.remove-column a .icon-font {
  font-size: 16px;
}
.remove-column a:hover {
  color: #ff2637;
}
.btn-cart.wishlist-button {
  width: 100%;
  padding: 0px;
  font-size: 13px;
}
.back-link a {
  color: #2e3032;
  text-decoration: none;
  font-size: 16px;
}
.back-link a:hover {
  color: #e3569f;
}
/*-- Catalog ------------*/
/*-- Listing Page --*/
.category-image-main {
  display: block;
}
#list-overlay {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  display: none;
  opacity: 0;
  background: white;
  background: rgba(255, 255, 255, 0.6);
  z-index: 20;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.category-products {
  margin-bottom: 30px;
}
.category-products.active #list-overlay {
  display: block;
}
.category-products.visible #list-overlay {
  opacity: 1;
}
.category-products .products-grid .column-3 {
  width: 18.41%;
}
/*-- Listing Products --*/
.products-grid .listing-stars {
  color: #808080;
}
.products-grid .item {
  margin-bottom: 20px;
  text-align: center;
  list-style: none;
  margin-left: 0;
}
.products-grid .item .inner {
  background-color: white;
  width: 90%;
  padding: 5%;
  border: 3px solid;
  margin: 0;
  padding-bottom: 20px;
  float: left;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.products-grid .item .inner img {
  border: 0;
}
.products-grid .item .inner.colour-1 {
  border-color: #e3569f;
}
.products-grid .item .inner.colour-2 {
  border-color: #28ad9e;
}
.products-grid .item .inner.colour-3 {
  border-color: #7f5a41;
}
.products-grid .item .inner.colour-4 {
  border-color: #1E6AB4;
}
.products-grid .item .inner.colour-5 {
  border-color: #f6c348;
}
.products-grid .item .inner .old-price {
  width: 100%;
}
.products-grid .item .inner .old-price .price-label {
  display: none;
}
.products-grid .item .product-image img {
  min-height: 100px;
}
.products-grid .slick-track .item {
  margin: 0;
  padding: 0 10px;
  box-sizing: border-box;
}
.products-grid.slick-slider {
  padding: 0 20px;
}
.products-grid.slick-slider .slick-next,
.products-grid.slick-slider .slick-prev {
  background: #e3569f;
}
.products-grid.slick-slider .slick-next:after,
.products-grid.slick-slider .slick-prev:after {
  color: white;
}
.product-image {
  display: block;
  width: 100%;
  margin: 0;
  text-align: center;
  overflow: hidden;
}
.product-image img {
  display: inline-block;
  *display: inline;
  zoom: 1;
  background: white;
  width: 100%;
  height: auto;
}
.product-image.with-hover {
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center center;
}
.product-image.with-hover img {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.lazy-load .product-image {
  position: relative;
}
.lazy-load .product-image img {
  opacity: 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.lazy-load .product-image .loader {
  position: absolute;
  top: 40%;
  left: 0;
  z-index: 10;
}
.lazy-load .product-image.active img {
  opacity: 1;
}
.lazy-load .product-image.active .loader {
  display: none;
}
.item .product-name {
  font-family: 'muli_regular';
  font-size: 18px;
  text-transform: uppercase;
  line-height: 1.3em;
  margin: 10px 0;
}
.item .product-name a {
  color: #5E5E5E;
  text-decoration: none;
}
.product-sku {
  color: #808080;
  margin: 0 0 10px 0;
  font-size: 16px;
}
.price-box {
  color: #1E6AB4;
  margin: 0 0 20px;
  width: 100%;
  float: left;
  font-family: 'muli_regular';
  font-size: 28px;
  line-height: 1.4em;
}
.price-box .old-price {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-decoration: line-through;
}
.price-box .minimal-price {
  color: #1E6AB4;
  width: 100%;
  float: left;
  font-family: 'muli_regular';
  font-size: 28px;
  line-height: 1.4em;
}
.price-box .special-price {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #d71e1e;
  font-size: 28px;
}
.price-box .special-price .price-label {
  display: none;
}
.price-box .price-label {
  width: 100%;
  float: left;
  font-size: 14px;
  line-height: 16px;
}
.btn-cart {
  width: calc(100% - 40px);
  margin: 0 auto;
  text-transform: uppercase;
  font-weight: 600;
  font-size: 20px;
}
.out_of_stock {
  width: 100%;
  float: left;
  font-size: 16px;
  height: 48px;
  line-height: 48px;
  color: #1E6AB4;
}
.products-grid .out_of_stock {
  margin: 0;
}
.products-grid .out_of_stock_notify a {
  color: #1E6AB4;
  text-decoration: none;
  display: block;
  text-align: center;
}
/*-- Featured Products --*/
.error-upsell {
  margin-bottom: 40px;
}
.active-filters li {
  float: left;
  line-height: 48px;
  margin: 0 20px 20px 0;
  font-family: 'muli_bold';
}
.active-filters li.filter a {
  float: left;
  line-height: 48px;
  padding: 0 10px;
  text-decoration: none;
}
.active-filters li.filter a:hover .label {
  color: #1E6AB4;
}
.active-filters li.filter a:hover .remove {
  background: #1E6AB4;
}
.active-filters li.filter .label {
  color: #e3569f;
  float: left;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.active-filters li.filter .remove {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  float: left;
  margin: 10px;
  margin-right: 0;
  background: #e3569f;
  color: white;
  border-radius: 3px;
  line-height: 28px;
  text-decoration: none;
  font-size: 13px;
  text-align: center;
  width: 28px;
}
.active-filters li.clear-all a {
  color: #e3569f;
  text-decoration: none;
}
.active-filters li.clear-all a:hover {
  color: #1E6AB4;
}
.active-filters li.filter-note {
  color: #808080;
  font-family: 'muli_regular';
}
/*-- Pager --*/
.pager {
  text-align: center;
  margin: 20px 0 30px;
}
.pager li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin-left: 10px;
  line-height: 48px;
}
.pager li a,
.pager li span {
  text-decoration: none;
  font-family: 'muli_bold';
  color: #5E5E5E;
  font-size: 14px;
  height: 48px;
  width: 48px;
  text-align: center;
  float: left;
  border: 2px solid #f3f3f3;
}
.pager li a.icon-font,
.pager li span.icon-font {
  font-family: 'icons' !important;
}
.pager li a:hover,
.pager li span:hover,
.pager li a.active,
.pager li span.active {
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.pager li.last {
  margin-right: 0;
}
.toolbar-bottom-count {
  text-align: center;
  margin-bottom: 10px;
}
.toolbar-bottom-count p {
  font-family: 'muli_bold';
  color: #5E5E5E;
  font-size: 14px;
  line-height: 48px;
  position: relative;
}
.toolbar-bottom-count p span {
  display: inline-block;
  *display: inline;
  zoom: 1;
  line-height: 1em;
  padding: 20px;
  background: white;
  position: relative;
  z-index: 2;
}
.toolbar-bottom-count p:before {
  position: absolute;
  z-index: 1;
  content: '';
  border-bottom: 1px solid #D1D1D1;
  height: 50%;
  width: 100%;
  left: 0;
  top: 0;
}
.price-list {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}
.price-list .price-box {
  margin-bottom: 0;
}
.minimal-price-link {
  display: none;
}
/*-- Search --*/
.catalogsearch-result-index .toolbar-left {
  display: none;
}
.filter-container {
  width: 100%;
  float: left;
  margin: 30px 0;
}
.filter-container .searcher,
.filter-container .top-level-shop {
  display: none;
}
.filter-container .filter-button {
  background: white;
  border: 2px solid #e3569f;
  margin-right: 10px;
  float: left;
  color: #e3569f;
  font-family: 'muli_bold';
  font-size: 16px;
  line-height: 48px;
  padding: 0 14px 0 10px;
  text-decoration: none;
}
.filter-container .filter-button:before {
  content: '+';
  font-family: 'icons';
  float: left;
  padding-top: 2px;
  padding-right: 5px;
}
.filter-container .filter-button:hover,
.filter-container .filter-button.active {
  background: #e3569f;
  color: white;
}
.filter-container .filter-button.active:before {
  content: '-';
}
.filter-container .category-list {
  display: block;
}
.filter-container .category-list ul {
  list-style: none;
}
.filter-container .category-list ul li {
  float: left;
  width: 25%;
  height: 50px;
}
.filter-container .category-list ul li a {
  float: left;
  color: #e3569f;
  background-color: white;
  padding: 10px 10px;
  text-decoration: none;
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.filter-container .filter-list .title {
  width: 100%;
  float: left;
  font-size: 20px;
  color: #e3569f;
  font-family: 'muli_bold';
  margin-bottom: 10px;
}
.filter-container .filter-list .category-attribute {
  float: left;
  margin-bottom: 10px;
}
.filter-container .filter-list ul {
  list-style: none;
}
.filter-container .filter-list ul li {
  float: left;
  width: 100%;
  position: relative;
}
.filter-container .filter-list ul li ol li {
  width: 25%;
}
.filter-container .filter-list ul li a {
  float: left;
  color: #e3569f;
  background-color: white;
  padding: 10px 20px;
  text-decoration: none;
  font-size: 16px;
  margin-right: 10px;
  margin-bottom: 10px;
  margin-left: 38px;
}
.filter-container .filter-list ul li a.active:before {
  content: 'x';
  font-family: 'icons';
  text-align: center;
  line-height: 20px;
  font-size: 15px;
  padding-left: 1px;
}
.filter-container .filter-list ul li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 18px;
  margin: 10px;
  float: left;
  background-color: white;
  border: 2px solid #e3569f;
}
.filter-container.filter-container-fixed {
  position: fixed;
  top: 0;
  z-index: 10000;
  background: #FFF;
  float: none;
  padding: 5px 0;
  margin: 0;
}
.filter-container.filter-container-fixed .sort-by {
  display: none;
}
.filter-container.filter-container-fixed .searcher {
  display: block;
  float: right;
  border: 2px solid #fff;
}
.filter-container.filter-container-fixed .searcher .icon-font {
  text-transform: lowercase;
}
.filter-container.filter-container-fixed .top-level-shop {
  float: right;
  display: block;
  padding: 12px 20px;
  margin: 0px 10px;
  font-family: muli_bold;
  color: #e3569f;
  font-size: 20px;
  line-height: 24px;
  -webkit-transition: none;
  border: 2px solid #e3569f;
  text-decoration: none;
}
.filter-container.filter-container-fixed .top-level-shop .icon-font {
  margin-left: 10px;
}
.filter-dropdown {
  display: none;
  border: 2px solid #e3569f;
  margin-top: 10px;
}
.filter-dropdown a {
  color: white;
}
.filter-dropdown.active {
  display: block;
}
.filter-dropdown .column-inner {
  padding-bottom: 10px;
}
.sort-by {
  float: right;
  border: 2px solid #e3569f;
  font-family: 'muli_bold';
  font-size: 16px;
  color: #e3569f;
  line-height: 48px;
  position: relative;
  padding-right: 23px;
}
.sort-by:after {
  content: 'v';
  position: absolute;
  right: 2px;
  float: right;
  font-family: 'icons';
  font-size: 20px;
  top: 1px;
}
.sort-by span {
  float: left;
  margin-left: 10px;
  margin-right: 5px;
}
.sort-by select {
  float: right;
  background-color: white;
  color: #e3569f;
  font-family: 'muli_bold';
  font-size: 16px;
  width: auto;
  line-height: 48px;
  height: auto;
  border-radius: 0;
  border: 0;
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}
.sort-by select:after {
  content: '';
}
.sort-by.limiter {
  margin-left: 10px;
}
.page-number {
  float: left;
  line-height: 54px;
  font-family: 'muli_regular';
  color: #808080;
  padding: 0 20px;
}
.filter-link {
  float: left;
  margin-bottom: 10px;
  width: calc(50% - 0.5px);
  text-align: center;
  font-family: 'muli_regular';
  text-transform: uppercase;
  font-size: 16px;
  color: #5E5E5E;
  padding: 20px 0;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
}
.filter-link.first {
  border-right: 1px solid #D1D1D1;
}
.mobile-categories ul li,
.mobile-refine ul li {
  border-bottom: 1px solid #D1D1D1;
  line-height: 20px;
  padding: 15px 0;
  background-color: white;
}
.mobile-categories ul li.title,
.mobile-refine ul li.title {
  background-color: #f3f3f3;
  font-family: 'muli_bold';
  letter-spacing: 1px;
  padding-left: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #D1D1D1;
  text-decoration: none;
  color: #808080;
  text-transform: uppercase;
}
.mobile-categories ul li a,
.mobile-refine ul li a {
  font-family: 'muli_bold';
  text-decoration: none;
  font-size: 13px;
  color: #808080;
  text-transform: uppercase;
  letter-spacing: 1px;
}
.mobile-categories ul li {
  padding: 15px 20px;
  width: calc(100% - 40px);
}
.mobile-refine ul li {
  line-height: normal;
  padding: 20px 0;
}
.mobile-refine ul li.title {
  float: left;
  width: 100%;
}
.mobile-refine a {
  padding-left: 20px;
}
.mobile-refine a:before {
  content: 'z';
  font-family: 'icons';
  text-transform: lowercase;
}
.mobile-refine a.active:before {
  content: '/';
}
.category-header {
  width: 100%;
  float: left;
  background-color: #f27E8F;
  color: white;
  overflow: hidden;
}
.category-header h1 {
  color: white;
  font-size: 36px;
  margin-bottom: 20px;
}
.category-header p {
  color: white;
}
.category-header ul {
  width: 100%;
  float: left;
  list-style: none;
}
.category-header ul li {
  float: left;
  width: 50%;
  margin: 0;
}
.category-header ul li a {
  text-decoration: none;
  color: white;
  font-family: 'muli_regular';
  padding-left: 10px;
  font-size: 14px;
}
.category-header ul li a:before {
  content: '>';
  font-family: 'icons';
}
.category-header .category-header-left {
  padding: 30px 0;
}
.category-header .category-header-right {
  position: relative;
  padding: 30px 0;
}
.category-header .category-header-right img {
  position: absolute;
  bottom: -100px;
}
/*-- Featured Products (carousel) --*/
.featured-grid {
  padding: 0 50px;
}
.featured-grid.products-grid .item.column {
  margin: 0;
  margin-right: 0.24703557%;
  margin-left: 0.24703557%;
}
@media all and (max-width: 1024px) {
  .featured-grid.products-grid .item.column,
  .featured-grid.products-grid .item.column.last {
    margin-left: 0.75%;
    margin-right: 0;
  }
  .featured-grid.products-grid .item.column .inner,
  .featured-grid.products-grid .item.column.last .inner {
    margin: 0 30px 0 0;
    float: left;
    width: auto;
  }
}
@media all and (max-width: 750px) {
  .featured-grid.products-grid .item.column,
  .featured-grid.products-grid .item.column.last {
    width: 127px!important;
    margin-left: 0.75%;
    margin-right: 0;
  }
  .featured-grid.products-grid .item.column:nth-child(3n),
  .featured-grid.products-grid .item.column.last:nth-child(3n) {
    margin-right: 0!important;
  }
  .featured-grid.products-grid .item.column .inner,
  .featured-grid.products-grid .item.column.last .inner {
    margin: 0 10px 0 0;
    float: left;
    width: auto;
  }
}
/*-- Category Styles --*/
.catalog-category-view #breadcrumbs {
  margin: 20px 0;
}
.catalog-category-view .product-list-widget-outer {
  background: #e3569f;
  padding: 30px 0;
  margin: 0;
}
.catalog-category-view .product-list-widget-outer .product-list-widget {
  margin: 0;
}
.catalog-category-view .product-list-widget-outer .large-line-title {
  color: white;
}
.catalog-category-view .product-list-widget-outer .item .inner {
  border-color: white!important;
}
#category-header {
  width: 100%;
  float: left;
}
#category-header .page-title.category-title {
  margin-top: 5px;
  margin-bottom: 5px;
}
.category-header-no-anchor .category-title h1 {
  color: white;
  margin-bottom: 20px;
}
.category-header-no-anchor .category-description,
.category-header-no-anchor .category-description p,
.category-header-no-anchor .category-description li {
  font-size: 20px;
  margin-bottom: 20px;
  font-family: 'muli_bold';
  line-height: 1.6em;
  font-weight: 300;
  color: white;
}
.subcateogires {
  color: white;
  margin: 30px 0;
}
.subcateogires li {
  font-size: 16px;
  margin-bottom: 20px;
  font-family: 'muli_bold';
  font-weight: 300;
}
.subcateogires li a {
  color: white;
  text-decoration: none;
}
.subcateogires li a:before {
  content: '>';
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  margin-right: 10px;
}
.subcateogires li a:hover:before {
  margin-right: 20px;
}
@media all and (max-width: 950px) {
  .category-header-no-anchor .category-heading-content-column {
    width: 100%;
    margin: 0;
  }
  .category-header-no-anchor .category-heading-image-column {
    display: none;
  }
}
@media all and (max-width: 550px) {
  .category-header-no-anchor .subcateogires li {
    margin: 0 0 10px;
    width: 100%;
  }
 .category-description{display:none;}
 #category-list{display:none !important;}
}
/*-- Catalog View Styles --*/
.product-view {
  padding-bottom: 0;
}
.product-shop {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}
.product-shop .product-name {
  margin-bottom: 20px;
}
.product-shop .product-name h1 {
  line-height: 1.2em;
  font-size: 36px;
  font-weight: 300;
}
.product-shop .product-size {
  font-size: 16px;
  color: #808080;
  font-weight: 600;
  margin-top: 20px;
}
.product-shop .product-sku {
  color: #808080;
  font-size: 16px;
  font-family: 'muli_regular';
}
.product-shop .messages {
  margin-top: 20px !important;
}
.product-view-price .price {
  font-size: 36px;
  font-weight: 600;
}
.product-view-price .old-price .price {
  font-size: 28px;
  font-weight: 300;
}
.product-view-price .price-label {
  display: none;
}
.product-summary p {
  font-size: 16px;
  font-family: 'muli_regular';
  margin-bottom: 20px;
  line-height: 22px;
}
.product-summary a {
  color: #f27E8F;
}
.product-summary ul {
  list-style: inherit;
  font-family: 'muli_regular';
  line-height: 22px;
  padding-left: 20px;
}
/*-- Add to Basket + Qty --*/
.add-to-cart-option label {
  font-size: 14px;
  line-height: 1em;
  margin-bottom: 5px;
  font-family: 'muli_bold';
  float: left;
  width: 100%;
  color: #808080;
  text-transform: uppercase;
}
.add-to-cart-option #qty,
.add-to-cart-option .qty-button {
  width: 68px;
  height: 68px;
  color: #5E5E5E;
  border: 1px solid #D1D1D1;
  padding: 0;
  margin: 0;
  text-align: center;
  box-sizing: border-box;
  border-radius: 0;
  float: left;
  font-size: 20px;
}
.add-to-cart-option .button-container {
  float: left;
  width: 100%;
}
.add-to-cart-option .qty-button {
  background: #f3f3f3;
  cursor: pointer;
  border-left: none;
}
.add-to-cart-option .qty-button:hover {
  background: #e6e6e6;
}
.add-to-cart-option .qty-button.disabled,
.add-to-cart-option .qty-button.disabled:hover {
  background: #fbfbfb;
  color: #9a9a9a;
  cursor: not-allowed;
}
.braintree-applepay-express-container .apple-pay-button-with-text {
  margin: 10px 0;
  width: 100%;
  height: 48px;
}
#product-addtocart-button {
  width: 100%;
}
.option-row .add-to-cart-option {
  width: 30%;
}
#product-addtocart-button {
  float: right;
  margin-top: 19px;
  padding: 0 40px;
  font-size: 20px;
}
/*-- Product Image --*/
.product-img-box .product-image-carousel {
  border: 2px solid #f27E8F;
}
.product-img-box .product-image-nav {
  margin: 10px -5px;
  width: calc(100% + 10px);
}
.product-img-box .product-image-nav li {
  border: 2px solid #f27E8F;
  box-sizing: border-box;
  margin: 0 5px;
  cursor: pointer;
}
.product-img-box .product-image-nav .slick-prev,
.product-img-box .product-image-nav .slick-next {
  top: 45%;
}
.product-img-box .product-image-nav .slick-prev:before,
.product-img-box .product-image-nav .slick-next:before {
  color: #f27E8F;
}
/*-- Sub Categories --*/
.sub-categories {
  margin: 40px 0;
}
.sub-categories .category-block {
  float: left;
  margin-bottom: 20px;
  position: relative;
}
.sub-categories .category-block.colour-1 {
  background-color: #e3569f;
}
.sub-categories .category-block.colour-1 .category-title {
  color: #e3569f;
}
.sub-categories .category-block.colour-1 .category-arrow {
  color: #e3569f;
}
.sub-categories .category-block.colour-2 {
  background-color: #28ad9e;
}
.sub-categories .category-block.colour-2 .category-title {
  color: #28ad9e;
}
.sub-categories .category-block.colour-2 .category-arrow {
  color: #28ad9e;
}
.sub-categories .category-block.colour-3 {
  background-color: #7f5a41;
}
.sub-categories .category-block.colour-3 .category-title {
  color: #7f5a41;
}
.sub-categories .category-block.colour-3 .category-arrow {
  color: #7f5a41;
}
.sub-categories .category-block.colour-4 {
  background-color: #1E6AB4;
}
.sub-categories .category-block.colour-4 .category-title {
  color: #1E6AB4;
}
.sub-categories .category-block.colour-4 .category-arrow {
  color: #1E6AB4;
}
.sub-categories .category-block.colour-5 {
  background-color: #f6c348;
}
.sub-categories .category-block.colour-5 .category-title {
  color: #f6c348;
}
.sub-categories .category-block.colour-5 .category-arrow {
  color: #f6c348;
}
.sub-categories .category-block .cat-image {
  position: absolute;
  top: 20px;
  width: 100%;
}
.sub-categories .category-block .cat-image img {
  display: block;
  margin: 0 auto;
  height: 100px;
}
.sub-categories .category-block .cat-info {
  width: 100%;
  float: left;
  padding-top: 40px;
  padding-bottom: 20px;
  margin-bottom: 3px;
  background-color: white;
  margin-top: 90px;
}
.sub-categories .category-block .cat-info .category-title {
  float: left;
  text-align: center;
  font-size: 20px;
  line-height: 28px;
  font-family: 'muli_regular';
  text-transform: uppercase;
  width: 80%;
}
.sub-categories .category-block .cat-info .category-arrow {
  float: left;
  text-align: center;
  font-size: 28px;
  width: 20%;
}
/*-- Cross Sells --*/
#crosssell-products {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px dashed #D1D1D1;
}
#crosssell-products li {
  float: left;
  width: 70px;
  height: 70px;
  overflow: hidden;
  margin: 0 10px 10px 0;
}
#crosssell-products li a {
  display: block;
  position: relative;
}
#crosssell-products li a img {
  display: block;
}
#crosssell-products li a .forward {
  width: 70px;
  height: 70px;
  line-height: 70px;
  text-align: center;
  color: white;
  font-size: 20px;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  background: rgba(0, 0, 0, 0.1);
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
#crosssell-products li a:hover .forward {
  opacity: 1;
}
/*-- Product page Tabs --*/
.product-tabs {
  width: 100%;
  /*-- Tab Links --*/
  /*-- Content of Tabs --*/
}
.product-tabs .tab-links:after {
  display: block;
  clear: both;
  content: '';
}
.product-tabs .tab-links li {
  float: left;
  list-style: none;
}
.product-tabs .tab-links a {
  padding: 20px;
  display: inline-block;
  background: white;
  font-size: 20px;
  color: #f27E8F;
  transition: all linear 0.15s;
  text-decoration: none;
}
.product-tabs .tab-links a:hover {
  background: #f27E8F;
  color: white;
  text-decoration: none;
}
.product-tabs li.active a,
.product-tabs li.active a:hover {
  background: #f27E8F;
  color: white;
}
.product-tabs .product-tab {
  display: none;
}
.product-tabs .tab-content {
  display: block;
  background-color: #f27E8F;
  color: white;
}
.product-tabs .tab-content .content-inner {
  padding: 40px 0;
}
.product-tabs .product-tab.active {
  display: block;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
/*-- Share this --*/
.share-this {
  text-transform: uppercase;
  font-size: 13px;
}
.share-this a {
  float: left;
  color: #f27E8F;
  border: 2px solid;
  padding: 10px;
  text-decoration: none;
}
.share-this a:hover {
  color: #1E6AB4;
}
.share-this .icon-font {
  margin-right: 5px;
}
/*-- Wishlist --*/
.wishlist-link {
  text-align: right;
  text-transform: uppercase;
  font-size: 13px;
}
.wishlist-link a {
  float: right;
  border: 2px solid;
  padding: 10px;
  color: #f27E8F;
  text-decoration: none;
}
.wishlist-link a:hover {
  color: #1E6AB4;
}
.wishlist-link .icon-font {
  margin-right: 5px;
}
/*-- Q&A's --*/
.tab-question .question {
  float: left;
  width: 94%;
  padding: 20px 2%;
  background-color: white;
  color: #5E5E5E;
  margin-bottom: 5px;
}
.tab-question .question .answer {
  float: left;
  margin-top: 20px;
}
.tab-question .question .answer p {
  margin-bottom: 20px;
}
.tab-question .question .answer span {
  color: #808080;
  font-family: 'muli_regular';
  margin-top: 20px;
}
.tab-question .question h1 {
  position: relative;
  color: #1E6AB4;
  font-size: 28px;
  font-family: 'muli_regular';
  line-height: 50px;
}
.tab-question .question h1:after {
  content: '+';
  font-family: 'icons';
  line-height: 84px;
  position: absolute;
  font-size: 36px;
  right: 0;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.tab-question .question h1.active::after {
  content: '-';
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.tab-question .question h1:hover {
  cursor: pointer;
}
.tab-question .question p {
  line-height: 24px;
  margin-bottom: 0;
}
.tab-question .question .icon {
  color: #1E6AB4;
  font-size: 36px;
  line-height: 72px;
  text-align: center;
}
.tab-question .question .question-content {
  display: none;
}
.tab-question .question .question-content span {
  line-height: 30px;
  color: #808080;
}
.tab-question .question .question-content .help {
  text-align: right;
  font-size: 14px;
  line-height: 30px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.tab-question .question .question-content .help span {
  margin-left: 10px;
  font-size: 30px;
  float: right;
  font-family: 'icons';
}
.tab-question .question .question-content .help:hover {
  cursor: pointer;
  color: #f27E8F;
}
.tab-question .accordion-outer {
  width: 100%;
  float: left;
  margin-bottom: 5px;
  background-color: white;
  padding: 20px;
  box-sizing: border-box;
}
.tab-question .accordion-outer p {
  margin-top: 10px;
  margin-bottom: 0;
}
.tab-question .accordion-outer .accordion-link {
  font-family: Arial, Helvetica, sans-serif;
  line-height: 30px;
  margin-bottom: 0;
  color: #1E6AB4;
}
.tab-question .accordion-outer .accordion-link:before {
  content: 'Q';
  float: left;
  font-family: 'icons';
  color: #1E6AB4;
  font-size: 30px;
  margin-right: 20px;
}
.tab-question .accordion-outer .accordion-link:after {
  content: '+';
  float: right;
  font-family: 'icons';
  color: #1E6AB4;
  font-size: 30px;
  margin-left: 20px;
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
.tab-question .accordion-outer .accordion-link:hover {
  cursor: pointer;
}
.tab-question .accordion-outer .accordion-link.active:after {
  content: '-';
}
.tab-question .no-questions {
  color: white;
  text-align: center;
}
.tab-recipe {
  background-color: #f27E8F;
  padding: 40px 0;
  width: 100%;
  float: left;
}
.tab-recipe .recipe-post {
  background-color: white;
  position: relative;
  font-family: 'muli_regular';
  margin-top: 20px;
}
.tab-recipe .recipe-post .inner {
  float: left;
  padding-bottom: 20px;
  padding-top: 20px;
  margin: 0 5%;
  width: 90%;
}
.tab-recipe .recipe-post .post-title {
  position: absolute;
  text-align: center;
  top: -19px;
  width: 90%;
  float: left;
}
.tab-recipe .recipe-post .post-title h1 {
  background-color: white;
  color: #f27E8F;
  font-family: 'muli_bold';
  font-size: 20px;
  text-transform: uppercase;
  max-width: 80%;
  padding: 14px 5%;
  margin: 0 auto;
}
.tab-recipe .recipe-post h2 {
  width: 100%;
  float: left;
  color: #1E6AB4;
  font-size: 28px;
  margin-bottom: 0;
  padding: 5% 0;
}
.tab-recipe .recipe-post .post-date {
  width: 100%;
  float: left;
  color: #1E6AB4;
  font-size: 16px;
}
.tab-recipe .recipe-post .post-image {
  width: 100%;
  float: left;
  height: 250px;
  background-repeat: no-repeat;
  background-size: cover;
}
.tab-recipe .recipe-post .post-description {
  width: 100%;
  float: left;
  color: #808080;
  line-height: 22px;
}
/*-- Sales options --*/
.sales-options .product-option {
  float: left;
  color: #f27E8F;
  font-family: 'muli_regular';
  text-decoration: none;
  margin-bottom: 20px;
  line-height: 20px;
  font-size: 16px;
}
.sales-options .product-option:hover {
  color: #1E6AB4;
}
.sales-options .divider {
  float: left;
  margin: 0 10px;
  border-right: 1px solid #808080;
  height: 20px;
  width: 1px;
}
.fancybox-item.fancybox-close.icon-font {
  background-color: #1E6AB4;
  color: white;
  border: 0;
}
.product-option-lightbox h3 {
  background-color: #1E6AB4;
  color: white;
  padding: 20px;
  font-family: 'muli_bold';
  font-size: 20px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.product-option-lightbox .content {
  padding: 20px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 48px;
}
/*-- Out of stock alert --*/
.alert-stock.link-stock-alert a {
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: none;
  background: #1E6AB4;
  color: white;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  text-decoration: none;
  height: 48px;
  line-height: 48px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'muli_bold';
  cursor: pointer;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
}
.alert-stock.link-stock-alert a:hover {
  background: #f6c348;
}
.alert-stock.link-stock-alert a.clear {
  background: none;
  border: 1px solid #D1D1D1;
  color: #9B9B9B;
}
.alert-stock.link-stock-alert a.clear:hover {
  background: none;
  color: #1E6AB4;
  border-color: #1E6AB4;
}
.alert-stock.link-stock-alert a.pink {
  background-color: #f27E8F;
}
.alert-stock.link-stock-alert a.pink:hover {
  background-color: #1E6AB4;
}
.alert-stock.link-stock-alert a.small {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
}
.alert-stock.link-stock-alert a.large {
  height: 68px;
  line-height: 68px;
}
.alert-stock.link-stock-alert a.full {
  width: 100%;
  text-align: center;
  padding: 0;
}
.alert-stock.link-stock-alert a.checkout-button {
  background: #f27E8F;
}
.alert-stock.link-stock-alert a.checkout-button:hover {
  background: #1E6AB4;
}
.alert-stock.link-stock-alert a.success-button {
  float: none;
}
.alert-stock.link-stock-alert a.alternate-button {
  background: #1E6AB4;
}
.alert-stock.link-stock-alert a.alternate-button:hover {
  background: #1d65ab;
}
.alert-stock.link-stock-alert a.loading {
  transition: .0s;
  -o-transition: .0s;
  -ms-transition: .0s;
  -moz-transition: .0s;
  -webkit-transition: .0s;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-36px-grey.gif') center center no-repeat;
  text-indent: -9999px;
  cursor: default;
}
.alert-stock.link-stock-alert a.loading:hover {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-36px-grey.gif') center center no-repeat;
}
.alert-stock.link-stock-alert a span {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.alert-stock.link-stock-alert a span.small-only {
  display: none;
}
.alert-stock.link-stock-alert a span.mobile-only {
  display: none;
}
.alert-stock.link-stock-alert a.alternate {
  background: #1E6AB4;
}
.alert-stock.link-stock-alert a.alternate:hover {
  background: #1a5d9e;
}
@media screen and (max-width: 750px) {
  .product-tabs .wrapper {
    padding: 0!important;
    width: 100%;
  }
  .product-tabs li {
    width: 50%;
    text-align: center;
  }
  .product-tabs .tab-links a {
    width: 100%;
    box-sizing: border-box;
    padding: 20px 10px;
    font-size: 14px;
  }
}
.amxnotif-block {
  position: relative;
  clear: left;
  padding: 20px;
  background: #2e3032;
}
.amxnotif-block label {
  display: block;
  color: #f2f2f2;
}
.amxnotif-block input[type=text] {
  background: #FFF;
}
.amxnotif-block .button {
  float: left;
  display: inline;
  width: 200px;
}
.amxnotif-block .validation-advice {
  display: block;
  top: 9px;
  left: 20px;
  right: 20px;
  max-height: 15px;
  padding: 10px;
  line-height: 100%;
}
.amxnotif-block:after {
  content: "";
  clear: both;
  display: table;
}
@media screen and (max-width: 1024px) {
  .amxnotif-block {
    max-width: 500px;
    margin: 0 auto;
  }
}
#upsell-related {
  box-sizing: initial;
}
#upsell-related .item {
  float: left;
  margin: 0 20px 0 0;
  padding: 0;
}
.slick-next,
.slick-prev {
  background: transparent;
}
.slick-next:before,
.slick-prev:before {
  font-size: 36px;
}
#related-upsell-navigation {
  margin-bottom: 40px;
}
#related-upsell-navigation li {
  float: left;
  margin-right: 10px;
  color: #808080;
  font-family: 'muli_bold';
  font-size: 16px;
  text-transform: uppercase;
}
#related-upsell-navigation li a {
  text-decoration: none;
  color: #808080;
}
#related-upsell-navigation li a.active,
#related-upsell-navigation li a:hover {
  color: #f27E8F;
}
#related-upsell-outer {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid #9B9B9B;
}
#related-upsell-outer .slick-next,
#related-upsell-outer .slick-prev {
  font-family: 'icons';
  height: 68px;
  line-height: 68px;
  width: 48px;
  display: block!important;
  color: #808080;
  background: none;
}
#related-upsell-outer .slick-next:before,
#related-upsell-outer .slick-prev:before {
  font-family: 'icons';
  width: 48px;
  color: #f27E8F;
  height: 68px;
  line-height: 68px;
  font-size: 36px;
}
#related-upsell-outer .slick-next {
  right: -48px;
}
#related-upsell-outer .slick-next:before {
  content: '>';
}
#related-upsell-outer .slick-prev {
  left: -48px;
}
#related-upsell-outer .slick-prev:before {
  content: '<';
}
.related {
  background-color: #f6c348;
  padding: 40px 0;
}
.related .products-grid .item .inner {
  border: 0px;
}
.coming-soon-block label {
  font-size: 13px;
  font-family: 'muli_bold';
}
.coming-soon-block .input-box {
  background: #ffffff;
}
.coming-soon-block input[type="email"],
.coming-soon-block input[type="text"] {
  width: 74%;
  padding: 0 3%;
  background: #ffffff;
  height: 68px;
  line-height: 68px;
}
.coming-soon-block button {
  width: 20%;
  max-width: 68px;
  height: 68px;
  line-height: 68px;
  float: right;
  font-size: 22px;
}
.coming-soon-block button:hover {
  color: #1E6AB4;
}
.grouped-item {
  padding: 10px;
  box-sizing: border-box;
  width: 25%;
  float: left;
}
.grouped-product {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  border: 1px solid #1E6AB4;
  border-bottom: none;
  border-right: none;
  box-sizing: border-box;
  display: none;
  float: left;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.grouped-product.active {
  display: block;
}
.grouped-product .grouped-item {
  border-bottom: 1px solid #1E6AB4;
  border-right: 1px solid #1E6AB4;
  color: #1E6AB4;
  text-align: center;
  font-size: 16px;
  font-family: 'muli_bold';
}
.grouped-product .grouped-item:hover,
.grouped-product .grouped-item.active {
  cursor: pointer;
  background-color: #1E6AB4;
  color: white;
}
.grouped-product .grouped-item:hover .price-box,
.grouped-product .grouped-item.active .price-box {
  color: white;
}
.grouped-product .grouped-item:hover .tier-prices li,
.grouped-product .grouped-item.active .tier-prices li {
  color: #ee8686;
}
.grouped-product .grouped-item:hover .alert-red,
.grouped-product .grouped-item.active .alert-red {
  color: white;
}
.grouped-product .grouped-item:hover td.qty-availability p,
.grouped-product .grouped-item.active td.qty-availability p {
  color: white;
}
.grouped-product .grouped-item.active {
  border-bottom: 1px solid #1e6ab4;
}
.grouped-product .tier-prices {
  color: #d71e1e;
  font-weight: 100;
  font-size: 12px;
  margin: 10px 0 0;
}
.grouped-product .tier-prices li {
  color: #d71e1e;
  font-weight: 100;
  font-size: 12px;
}
.grouped-product .price-box {
  margin-top: 10px;
  font-size: 16px;
  margin-bottom: 0;
}
.grouped-product input[type="number"] {
  background-color: white;
  width: 40%;
  text-align: center;
  color: #1E6AB4;
  height: 30px;
  float: left;
  box-sizing: border-box;
}
.grouped-product .quantity-container {
  border: 1px solid #1E6AB4;
  box-sizing: border-box;
  margin: 10px 0 0;
}
.grouped-product .grouped-item-control {
  float: left;
  width: 30%;
  height: 30px;
  line-height: 30px;
  background: #f2f2f2;
  font-size: 18px;
  color: #5E5E5E;
  text-shadow: 0 0 1px white;
  border-left: 1px solid #D1D1D1;
  box-sizing: border-box;
  text-align: center;
}
.grouped-product .grouped-item-control:hover {
  background: #e5e5e5;
}
.grouped-product .grouped-item-control:active {
  background: #cccccc;
}
.grouped-product .qty-availability p {
  color: #1E6AB4;
  line-height: 34px;
  margin-top: 10px;
}
.options-dropdown {
  position: relative;
  border: 1px solid #808080;
  padding: 10px;
  font-size: 16px;
  float: left;
  width: 100%;
  box-sizing: border-box;
  margin-top: 20px;
  color: #808080;
  line-height: 22px;
  font-family: 'muli_regular';
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.options-dropdown:hover,
.options-dropdown.active {
  cursor: pointer;
  background-color: #1E6AB4;
  color: white;
  border: 1px solid #1E6AB4;
}
.options-dropdown:after {
  content: 'v';
  font-family: 'icons';
  padding: 0 20px;
  font-size: 28px;
  line-height: 22px;
  position: absolute;
  right: 0;
}
.options-dropdown.active:after {
  content: '^';
}
.no-options {
  float: left;
  width: calc(100% -  40px );
  margin-bottom: 20px;
  background-color: #f3f3f3;
  color: #808080;
  padding: 20px;
}
.alert-red {
  color: #d01c25;
}
.share-buttons {
  margin: 20px 0;
}
@media all and (max-width: 750px) {
  .grouped-product .grouped-item,
  .grouped-product .grouped-item.item-4 {
    width: 33.3%;
  }
}
@media all and (max-width: 550px) {
  .grouped-product .grouped-item,
  .grouped-product .grouped-item.item-4,
  .grouped-product .grouped-item:nth-child(3n) {
    width: 50%;
  }
}
/*-- Search --*/
.catalogsearch-result-index .toolbar-top,
.catalogsearch-result-index .filter-block-outer {
  display: none;
}
.searchindex-results {
  width: 98%;
  padding: 0 1%;
  float: left;
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 30px;
}
.searchindex-results li {
  float: left;
}
.searchindex-results li a {
  padding: 0 20px;
  line-height: 48px;
  display: block;
  border: 1px solid #D1D1D1;
  border-bottom: none;
  border-right: none;
  font-family: 'muli_bold';
  text-decoration: none;
  font-size: 20px;
  color: #5E5E5E;
}
.searchindex-results li.first a {
  border-radius: 3px 0 0 0;
}
.searchindex-results li.last a {
  border-radius: 0 3px 0 0;
  border-right: 1px solid #D1D1D1;
}
.searchindex-results li.active a,
.searchindex-results li:hover a {
  background: #f27E8F;
  background-image: none;
  color: white;
  border-color: #f27E8F;
  position: relative;
}
.searchindex-results li.active a:after,
.searchindex-results li:hover a:after {
  content: '';
  border-bottom: 1px solid #f27E8F;
  position: absolute;
  bottom: -1px;
  left: -1px;
  right: -1px;
}
.searchindex-result {
  padding: 40px 0;
}
.cms-page-search-inner {
  width: 98%;
  padding: 0 1%;
  float: left;
}
.cms-page-search-results li {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #D1D1D1;
}
.cms-page-search-results li.last {
  border-bottom: none;
}
.cms-page-search-results li p a {
  color: #819142;
}
.cms-page-search-results .title a {
  text-decoration: underline;
}
/* Empty Results */
.empty-search .content {
  padding: 0 0 40px 0;
}
.icon-search {
  float: right;
  height: 58px;
  line-height: 58px;
  color: #1E6AB4;
  margin: 25px 0;
  font-size: 38px;
  padding: 0 10px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.icon-search:hover {
  cursor: pointer;
}
.icon-search.active {
  display: none;
}
.search-bar {
  -ms-transform: translateX(100%);
  /* IE 9 */
  -webkit-transform: translateX(100%);
  /* Safari */
  transform: translateX(100%);
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.search-bar.show {
  display: block;
  -ms-transform: translateX(0);
  /* IE 9 */
  -webkit-transform: translateX(0);
  /* Safari */
  transform: translateX(0);
}
/*-- Search --*/
/*-- Google CSE Styles --*/
#loadingText,
#finishedText,
#nextPage {
  display: none;
  text-align: center;
}
.googlecse-index-index .toolbar {
  display: none!important;
}
/*-- Instagram Sets --*/
.instagram-feed .instagram-item {
  float: left;
  width: 24%;
  margin: 5px .5%;
  position: relative;
}
.instagram-feed .instagram-item .item-overlay {
  position: absolute;
  width: 99.5%;
  border: 1px solid white;
  height: 99.0%;
  background-color: rgba(255, 255, 255, 0.25);
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.instagram-feed .instagram-item:hover .item-overlay {
  background-color: rgba(255, 255, 255, 0.5);
}
.instagram-lightbox-content {
  float: left;
  width: 90%;
  padding: 20px 5%;
  background-color: #f3f3f3;
  text-align: center;
}
.instagram-lightbox-content .instagram-post-meta {
  color: red;
}
.instagram-lightbox-content .instagram-post-meta h4 {
  font-family: 'muli_bold';
  font-size: 28px;
}
.instagram-lightbox-content .instagram-post-meta p {
  color: #808080;
  line-height: 32px;
}
.fancybox-close {
  right: 5px;
  top: 7px;
  border: 1px solid white;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.fancybox-close:hover {
  color: #1E6AB4;
  background-color: white;
}
.fancybox-nav span {
  border: 1px solid white;
  background-color: rgba(255, 255, 255, 0.75);
  color: #4a4a4a;
}
.fancybox-nav span:hover {
  background-color: transparent;
  color: #ffffff;
}
/*-- Gene Reviews Module --*/
/*
* Gene Reviews showing on listing and product pages
*/
/* Variables */
/* Temporary backgound */
#reviews-container {
  float: left;
  width: 100%;
  margin: 60px 0;
  background-color: #f27E8F;
}
/* Buttons */
.button.large.review-button {
  height: auto;
  line-height: 48px;
  background-color: transparent;
  border: 2px solid white;
  color: white;
  display: block;
  margin: 20px auto 0;
}
.fancybox-title {
  display: none;
}
.ghost-button {
  height: auto;
  line-height: 48px;
  background-color: transparent;
  border: 2px solid white;
  color: white;
  display: table;
  margin: 20px auto 0;
}
.ghost-button:hover {
  background-color: transparent;
  padding: 0 30px;
}
.all-reviews .button {
  background-color: transparent;
  border: 2px solid #5E5E5E;
  color: #5E5E5E;
  width: 20%;
  margin: 20px 40%;
  text-align: center;
}
.review-note {
  width: 100%;
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  font-family: 'muli_bold';
  line-height: normal;
}
.review-note .text-link {
  float: none;
  color: white;
}
/* Summery Header */
#alsobought-header .title-block {
  float: left;
  width: 100%;
  text-align: center;
}
#alsobought-header .title-block h2 {
  float: left;
  width: 100%;
  font-family: 'muli_bold';
  color: #2e3032;
  text-transform: uppercase;
  font-size: 28px;
  padding-bottom: 20px;
}
#reviews-header {
  float: left;
  width: 96%;
  padding: 40px 2%;
  background-color: #f27E8F;
}
#reviews-header .title-block {
  float: left;
  width: 100%;
  text-align: center;
}
#reviews-header .title-block h2 {
  float: left;
  width: 100%;
  font-family: 'muli_bold';
  color: white;
  text-transform: uppercase;
  font-size: 28px;
}
#reviews-header .attributes {
  display: block;
  width: 60%;
  margin: 40px 20%;
  text-align: center;
}
#reviews-header .attributes .attribute-stars {
  float: left;
  width: calc(25% - 20px);
  margin-right: 20px;
}
#reviews-header .attributes label {
  width: 100%;
  float: left;
  font-size: 16px;
  color: white;
  line-height: 30px;
}
#reviews-header .attributes p {
  width: 100%;
  float: left;
  font-size: 20px;
  color: white;
}
#reviews-header .results {
  width: 100%;
  float: left;
  margin-top: 20px;
}
#reviews-header .results .average-star {
  width: 100%;
  float: left;
  font-family: 'muli_regular';
  color: white;
  margin-top: 10px;
  text-align: center;
  font-size: 30px;
  line-height: 35px;
}
#reviews-header .results #summery-stars {
  width: 100%;
  float: left;
  text-align: center;
  margin-top: 10px;
}
#reviews-header .results #summery-stars .star {
  color: white;
  font-size: 35px;
}
#reviews-header .results p {
  width: 100%;
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  font-family: 'muli_regular';
}
/* Sort Container */
.sort-container {
  float: left;
  width: calc(100% - 20px);
  background-color: white;
  margin-bottom: 2px;
  padding: 10px;
}
/* Review Sort */
select#review-order {
  width: calc(25% - 4px);
  padding: 0 2%;
  border-radius: 0;
  background-color: white;
  margin-bottom: 0;
  -webkit-appearance: none;
  border: 2px solid #1E6AB4;
  -webkit-border-radius: 0;
  color: #1E6AB4;
  font-size: 14px;
  font-family: 'muli_bold';
  line-height: 20px;
}
/* Single Review */
.single-review {
  width: 100%;
  float: left;
  margin-bottom: 2px;
}
.single-review .sidebar {
  float: left;
  background-color: #f27E8F;
  margin-right: 2px;
  width: 25%;
  opacity: 1;
  position: relative;
}
.single-review .sidebar .speach-bubble {
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 31px solid transparent;
  border-top: 0 solid transparent;
  border-right: 30px solid #F27E8F;
  right: 0;
  top: 40px;
}
.single-review .sidebar .sidebar-list li {
  width: 100%;
  float: left;
  margin: 2px 0;
  font-size: 16px;
  font-family: 'muli_regular';
  color: white;
}
.single-review .sidebar .sidebar-list .overall-review-rating {
  width: 100%;
  float: left;
}
.single-review .sidebar .icon-font.star {
  float: left;
  font-size: 25px;
  color: white;
  margin-bottom: 20px;
}
.single-review .main-review {
  float: left;
  width: calc(75% - 2px);
  background-color: white;
  position: relative;
}
.single-review .main-review .speach-bubble {
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 28px solid transparent;
  border-top: 0 solid transparent;
  border-right: 28px solid white;
  left: -28px;
  top: 42px;
}
.single-review .main-review .icon-font.star {
  float: left;
  font-size: 25px;
  color: #f27E8F;
  margin-bottom: 20px;
}
.single-review .main-review h3 {
  width: 100%;
  float: left;
  font-family: 'muli_bold';
  color: #808080;
  font-size: 28px;
  margin-bottom: 20px;
}
.single-review .main-review ul {
  width: 100%;
  float: left;
  margin-top: 20px;
}
.single-review .main-review ul li {
  font-family: 'muli_bold';
  line-height: 22px;
  color: #808080;
}
.single-review .main-review .description {
  width: 100%;
  float: left;
  font-size: 14px;
  font-family: 'muli_regular';
  color: #808080;
}
.single-review .main-review .review-attributes {
  float: left;
  margin-top: 20px;
}
.single-review .main-review .review-attributes .label {
  font-size: 16px;
  font-family: 'muli_regular';
  color: #808080;
}
.single-review .main-review .review-attributes .attribute > * {
  float: left;
  width: 50%;
  margin: 2px 0;
}
.single-review .main-review .review-attributes .attribute > * .star {
  color: #f6c348;
  font-size: 20px;
}
.single-review .main-review .helpful-vote-bar {
  width: 100%;
  float: left;
  margin-top: 20px;
  color: #5E5E5E;
}
.single-review .main-review .helpful-vote-bar .amount {
  float: left;
  width: 50%;
  line-height: 20px;
  font-size: 16px;
  font-family: 'muli_regular';
  color: #808080;
}
.single-review .main-review .helpful-vote-bar .amount span {
  font-size: 20px;
}
.single-review .main-review .helpful-vote-bar .thumbs {
  float: right;
  width: 50%;
  text-align: right;
  line-height: 30px;
  font-size: 16px;
  font-family: 'muli_regular';
  color: #808080;
}
.single-review .main-review .helpful-vote-bar .thumbs span {
  font-size: 30px;
  float: right;
  margin-left: 10px;
}
/* Review Form */
.review-form {
  position: relative;
  float: right;
  width: 65%;
  background-color: white;
}
.review-form .hidden {
  display: none;
}
.review-form .required em {
  float: none;
}
.guidelines {
  float: left;
  width: 35%;
  background-color: #f2f2f2;
  overflow: scroll;
}
.guidelines h3 {
  float: left;
  width: 100%;
  font-family: 'muli_regular';
  color: #808080;
  font-size: 20px;
  margin-bottom: 20px;
}
.input_box {
  float: left;
  width: 100%;
  position: relative;
}
.form {
  width: 100%;
  float: left;
}
.form h3 {
  float: left;
  font-family: 'muli_regular';
  color: #808080;
  font-size: 20px;
  margin-bottom: 20px;
}
.form input[type="text"],
.form textarea {
  position: relative;
  width: calc(100% - 20px);
  background-color: rgba(236, 236, 236, 0.42);
  margin-top: 10px;
}
.ratings_star_container {
  float: left;
  margin-bottom: 10px;
}
.ratings_star_container label {
  float: left;
  font-size: 16px;
  font-family: 'muli_regular';
  color: #808080;
  margin-right: 20px;
  width: 50%;
}
.ratings_star_container a,
.ratings_star_container .rating_star {
  text-decoration: none;
  float: left;
  width: auto;
  margin-right: 5px;
  color: #f6c348;
  font-size: 20px;
}
.ratings_star_container a .star-icon,
.ratings_star_container .rating_star .star-icon {
  float: left;
}
.ratings_star_container a:hover,
.ratings_star_container .rating_star:hover {
  cursor: pointer;
}
.ratings_star_container a:hover .empty,
.ratings_star_container .rating_star:hover .empty,
.ratings_star_container a:hover .filled,
.ratings_star_container .rating_star:hover .filled {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.ratings_star_container .empty {
  display: inline-block;
}
.ratings_star_container .filled {
  display: none;
}
.ratings_star_container .hovered .empty,
.ratings_star_container .active .empty {
  display: none;
}
.ratings_star_container .hovered .filled,
.ratings_star_container .active .filled {
  display: inline-block;
}
.ratings_star_container .hovered.not_hovered .empty,
.ratings_star_container .active.not_hovered .empty {
  display: inline-block;
}
.ratings_star_container .hovered.not_hovered .filled,
.ratings_star_container .active.not_hovered .filled {
  display: none;
}
.rating_star {
  text-decoration: none;
  float: left;
  width: auto;
  margin-right: 5px;
  color: #f6c348;
  font-size: 20px;
}
.rating_star .star-icon {
  float: left;
}
.rating_star:hover {
  cursor: pointer;
}
.rating_star:hover .empty,
.rating_star:hover .filled {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.inner {
  float: left;
  width: calc(100% - 40px);
  margin: 20px;
}
.main-background {
  background-color: #f2f2f2;
  padding: 20px 0;
}
.no-review-text {
  float: left;
  width: 100%;
  text-align: center;
  color: white;
  margin: 20px 0;
}
.overall_review_container {
  width: 100%;
  float: left;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: 'muli_regular';
}
.overall_review_container .scroll-to {
  text-decoration: none;
  color: #808080;
}
.overall_review_container .stars {
  float: left;
  margin-right: 10px;
}
.overall_review_container .icon-font.star {
  color: #f6c348;
  font-size: 20px;
}
.products-grid .icon-font.star {
  color: #f6c348;
}
/* Account Area */
.account-reviews {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.account-reviews .single-review {
  width: 100%;
  float: left;
  padding: 20px 0;
  border-bottom: 1px solid #D1D1D1;
}
.account-reviews .single-review h3 {
  font-size: 28px;
  width: 100%;
  float: left;
  margin-bottom: 20px;
  font-family: 'muli_bold';
}
.account-reviews .single-review h3 a {
  text-decoration: none;
  color: #5E5E5E;
}
.account-reviews .single-review .date {
  font-size: 16px;
  color: #5E5E5E;
  font-family: 'muli_regular';
}
.account-reviews .single-review p {
  font-size: 16px;
  color: #5E5E5E;
  font-family: 'muli_regular';
}
.product-review {
  width: 100%;
  float: left;
  margin-bottom: 30px;
}
.product-review h2 {
  font-size: 20px;
  margin: 10px 0;
}
.product-review p {
  font-family: 'muli_regular';
}
.product-review .date {
  margin-top: 20px;
  font-weight: bold;
}
.product-review .rating-icon .star {
  color: #f6c348;
  font-size: 20px;
  margin-bottom: 20px;
}
.nickname-form input {
  background-color: white;
  width: 80%;
  box-sizing: border-box;
}
.nickname-form .button {
  width: 20%;
  height: 48px;
}
.nickname-form h3 {
  font-family: 'muli_bold';
  font-size: 20px;
  margin-bottom: 5px;
}
.nickname-form p {
  font-family: 'muli_regular';
  margin-bottom: 10px;
}
.account-area.filter-container {
  margin: 0;
}
.account-area.filter-container .filter-dropdown {
  background-color: transparent;
}
.filter-button.grey {
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  background-color: #1E6AB4;
  color: white;
  border: 0;
}
.filter-button.grey:hover,
.filter-button.grey.active {
  background-color: #f3f3f3;
  color: #5E5E5E;
}
.grey-background {
  background-color: #f3f3f3;
}
#advice-validate-one-required-by-name-overall_2,
#advice-validate-one-required-by-name-overall_3,
#advice-validate-one-required-by-name-overall_4,
#advice-validate-one-required-by-name-overall_5 {
  display: none;
}
#advice-validate-one-required-by-name-overall_1 {
  position: relative;
  width: 100%;
  float: left;
  font-size: 14px;
}
.form-note {
  width: 100%;
  float: left;
  font-size: 13px;
  padding-left: 10px;
  padding-top: 5px;
  color: #949292;
}
/*-- Gene Instashop Module --*/
/*-- Instashop Styles --*/
.instashop-posts {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center 100px no-repeat;
  min-height: 200px;
}
.instashop-posts.loaded {
  background: none;
}
.instashop-posts.not-active .instashop-overlay {
  display: none!important;
}
.post-image {
  opacity: 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.instashop-item {
  float: left;
  margin: 0 2% 2% 0;
  position: relative;
  overflow: hidden;
}
.instashop-item.large {
  width: 49%;
}
.instashop-item.medium {
  width: 32%;
}
.instashop-item.small {
  width: 23.5%;
}
.instashop-item.right {
  float: right;
}
.instashop-item.last {
  margin-right: 0;
}
.instashop-item img {
  height: auto;
  width: 100%;
  display: block;
}
.instashop-tablet-action {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  line-height: 48px;
  background: #1E6AB4;
  font-family: 'muli_bold';
  width: auto;
  color: white;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  font-size: 14px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.instashop-tablet-action:hover {
  background-color: #f6c348;
}
.instashop-tablet-action.out-of-stock {
  float: left;
  padding: 0 20px;
}
.instashop-tablet-action .text {
  float: left;
  padding: 0 20px;
}
.instashop-tablet-action .text.with-icon {
  padding-right: 0;
}
.instashop-tablet-action .icon-font,
.instashop-tablet-action:after {
  text-transform: none;
}
.instashop-tablet-action .action-icon {
  float: right;
  line-height: 48px;
  height: 48px;
  width: 48px;
  text-align: center;
  font-size: 20px;
}
.instashop-overlay {
  position: absolute;
  top: 0;
  left: -5%;
  width: 90%;
  height: 90%;
  overflow: hidden;
  background: rgba(30, 106, 180, 0.67);
  padding: 5% 10%;
  opacity: 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  text-align: center;
}
.instashop-overlay .post-title {
  font-family: 'muli_bold';
  text-transform: uppercase;
  display: block;
  line-height: 1.2em;
  margin-bottom: 20px;
}
.instashop-overlay .post-title a {
  color: #ffffff;
  font-size: 20px;
  font-weight: 400;
  text-decoration: none;
}
.instashop-overlay .post-sub-title {
  font-family: 'muli_bold';
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 400;
  color: white;
  display: block;
  line-height: 1.2em;
}
.instashop-overlay .product-image {
  width: 100%;
  float: left;
  margin-top: 30%;
}
.instashop-overlay .product-image img {
  margin: 0 auto;
}
.instashop-overlay .product-post-details {
  width: 100%;
  float: left;
}
.instashop-overlay .product-post-details .product-price {
  font-family: 'muli_bold';
  font-size: 36px;
  color: #2e3032;
  display: block;
  margin: 40px 0 20px;
}
.instashop-overlay .product-post-details .product-range {
  color: #819142;
}
.instashop-overlay .product-post-details .product-action {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  padding: 0 20px;
  font-family: 'muli_bold';
  text-transform: uppercase;
  font-size: 20px;
  color: white;
  height: 48px;
  line-height: 48px;
  background: #2e3032;
  display: inline-block;
  *display: inline;
  zoom: 1;
  float: none;
}
.instashop-overlay .product-post-details .product-action:hover {
  background: #819142;
  color: #2e3032;
}
.instashop-overlay.overlay-top {
  height: 35%;
  padding-top: 15%;
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.instashop-overlay.overlay-bottom {
  height: 40%;
  background: white;
  top: 50%;
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.instashop-overlay.overlay-left,
.instashop-overlay.overlay-right {
  height: 100%;
  float: left;
  width: 50%;
  padding: 0;
  text-align: center;
}
.instashop-overlay.overlay-left {
  left: 0;
  background: white;
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.instashop-overlay.overlay-right {
  left: auto;
  right: 0;
  background: rgba(255, 255, 255, 0.7);
  -ms-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}
.instashop-overlay.video-overlay {
  text-align: center;
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.instashop-overlay.video-overlay .video-overlay-inner {
  display: table;
  height: 100%;
  width: 100%;
}
.instashop-overlay.video-overlay .play-icon {
  display: table-cell;
  vertical-align: middle;
  color: white;
  font-size: 80px;
}
.instashop-overlay.link-overlay {
  text-align: center;
  -ms-transform: translateY(-100%);
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}
.instashop-overlay.link-overlay .link-overlay-inner {
  display: table;
  height: 100%;
  width: 100%;
}
.instashop-overlay.link-overlay .link-button {
  display: table-cell;
  vertical-align: middle;
}
.instashop-overlay.link-overlay .link-button span {
  color: white;
  background: #f6c348;
  padding: 20px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-transform: uppercase;
  font-size: 16px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.instashop-overlay.link-overlay .link-button span:hover {
  background: #f4b621;
}
.instashop-overlay.small-overlay {
  text-align: center;
  -ms-transform: translateY(100%);
  -webkit-transform: translateY(100%);
  transform: translateY(100%);
}
.instashop-overlay.small-overlay .post-title {
  font-size: 22px;
  letter-spacing: 1px;
  line-height: 1.4em;
}
.instashop-overlay.small-overlay .post-sub-title {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 1px;
  line-height: 1.4em;
}
.instashop-overlay.small-overlay .product-price {
  font-family: 'muli_bold';
  font-size: 20px;
  color: white;
  display: block;
  margin: 20px 0;
}
.instashop-overlay.small-overlay .product-action {
  display: inline-block;
  *display: inline;
  zoom: 1;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  padding: 0 20px;
  font-family: 'muli_bold';
  text-transform: uppercase;
  font-size: 14px;
  height: 48px;
  line-height: 48px;
  background: #819142;
  color: #2e3032;
}
.instashop-overlay.small-overlay .product-action:hover {
  background: #2e3032;
  color: white;
}
.instashop-overlay.small-overlay.medium .post-title {
  font-size: 28px;
}
.instashop-overlay.small-overlay.medium .post-sub-title {
  font-size: 16px;
}
.instashop-overlay.small-overlay.medium .product-price {
  font-size: 36px;
}
.medium .instashop-overlay .post-title {
  font-size: 18px;
  line-height: 1.2em;
}
.medium .instashop-overlay .post-sub-title {
  font-size: 15px;
  line-height: 1.2em;
}
.medium .instashop-overlay .product-price {
  font-size: 20px;
  margin: 15px 0;
}
.small .instashop-overlay .post-title {
  font-size: 18px;
  line-height: 1.2em;
}
.small .instashop-overlay .post-title a {
  font-size: 18px;
}
.small .instashop-overlay .post-sub-title {
  font-size: 14px;
  line-height: .8em;
  display: none;
}
.small .instashop-overlay .product-price {
  font-size: 24px;
  margin: 10px 0;
}
.small .instashop-overlay .product-action {
  height: 48px;
  line-height: 48px;
}
.small .instashop-overlay.overlay-left {
  width: 100%;
  -ms-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}
.small .instashop-overlay.overlay-left .product-image {
  margin-top: 0;
}
.small .instashop-overlay.overlay-left .product-image img {
  max-width: 60%;
  margin: 0 auto;
}
.small .instashop-overlay.overlay-right {
  display: none;
}
.instashop-action {
  text-decoration: none;
}
.instashop-action:hover .instashop-overlay {
  opacity: 1;
}
.instashop-action:hover .instashop-overlay.overlay-bottom,
.instashop-action:hover .instashop-overlay.overlay-top,
.instashop-action:hover .instashop-overlay.video-overlay,
.instashop-action:hover .instashop-overlay.link-overlay,
.instashop-action:hover .instashop-overlay.small-overlay,
.instashop-action:hover .instashop-overlay.overlay-left,
.instashop-action:hover .instashop-overlay.overlay-right {
  -ms-transform: translate(0);
  -webkit-transform: translate(0);
  transform: translate(0);
}
.instashop-title {
  float: left;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 0;
}
.instashop-title h3 {
  font-size: 18px;
  letter-spacing: 1px;
  color: #5E5E5E;
  font-family: 'muli_bold';
  text-transform: uppercase;
}
.instashop-title h3 a {
  font-family: 'muli_bold';
  color: #819142;
  text-decoration: none;
}
.instashop-shop-view .image-title-block {
  display: none;
}
.instashop-introduction {
  text-align: center;
}
.instashop-introduction p {
  font-family: 'muli_bold';
  text-transform: uppercase;
  font-size: 18px;
  margin: 0 0 40px;
}
@media all and (max-width: 1024px) {
  .instashop-introduction p {
    font-size: 18px;
  }
  .instashop-overlay .post-title {
    font-size: 22px;
    letter-spacing: 1px;
  }
  .instashop-overlay .post-sub-title {
    letter-spacing: 1px;
    line-height: 1.4em;
  }
  .instashop-overlay .product-post-details .product-price {
    font-size: 28px;
    margin: 20px 0;
  }
}
@media all and (max-width: 950px) {
  .row-divider {
    display: none;
  }
  .instashop-item {
    width: 48% !important;
    margin: 0 1% 2% !important;
  }
  .instashop-overlay {
    display: none !important;
  }
  .instashop-tablet-action {
    display: block;
    border-radius: 0;
  }
  .instashop-tablet-action .button {
    border-radius: 0;
    background: #2e3032;
  }
}
@media all and (max-width: 750px) {
  .instashop-introduction p {
    font-size: 16px;
  }
}
@media all and (max-width: 550px) {
  .instashop-item {
    width: 100%!important;
    margin: 0 0 20px !important;
  }
}
/*-- Price --------------*/
/*-- Price Styles --*/
/*-- Checkout -------------*/
/*-- General --*/
#checkout-body-inner {
  width: 100%;
  float: left;
  background: #ffffff;
}
.checkout-html {
  background: #ffffff;
}
.checkout.page {
  padding: 40px 0;
}
.checkout-page {
  background: #f3f3f3;
  overflow: auto;
}
.checkout-section {
  display: none;
  opacity: 0;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.checkout-section.active {
  display: block;
}
.checkout-section.visible {
  opacity: 1;
}
.cart-empty {
  margin-bottom: 40px;
}
/*-- Header --*/
#checkout-header {
  padding: 20px 0;
  position: relative;
}
#checkout-header:after {
  content: '';
  float: left;
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-image: url('/skin/frontend/gene/default/images/banners/stripes.png');
  height: 2px;
  background-size: 100% auto;
}
#checkout-header #main-logo {
  margin: 0;
}
#checkout-header-right {
  float: right;
  width: auto;
  text-align: right;
}
.checkout-header-text {
  font-size: 28px;
  text-transform: uppercase;
  font-family: 'muli_bold';
  color: #5E5E5E;
  line-height: 80px;
}
.checkout-header-text:before {
  font-family: 'icons';
  content: 'q';
  text-transform: none;
  margin-right: 10px;
}
/*--Footer --*/
#checkout-footer {
  background: #f3f3f3;
  padding: 40px 0;
  position: relative;
}
#checkout-footer:before {
  content: '';
  float: left;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  background-image: url('/skin/frontend/gene/default/images/banners/stripes.png');
  height: 2px;
  background-size: 100% auto;
}
#checkout-footer p {
  line-height: 35px;
  color: #808080;
}
#checkout-footer p a {
  color: #808080;
}
/*-- Steps --*/
.step-title {
  background: #f2f2f2;
  float: left;
  overflow: hidden;
  position: relative;
}
.step-title .number {
  float: right;
  height: 48px;
  line-height: 48px;
  width: 48px;
  margin: 10px;
  text-align: center;
  position: relative;
  color: #2e3032;
  z-index: 2;
  background: #e5e5e5;
  border-radius: 24px;
  font-family: 'muli_bold';
  font-size: 16px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.step-title h2 {
  float: left;
  font-family: 'muli_bold';
  line-height: 68px;
  font-size: 16px;
  text-transform: uppercase;
  color: #2e3032;
  margin-left: 10px;
  z-index: 2;
  position: relative;
}
.step-title a {
  display: none;
  float: left;
  font-family: 'muli_bold';
  line-height: 68px;
  font-size: 16px;
}
.step {
  width: 96%;
  padding: 20px 2%;
  float: left;
}
.step h3 {
  font-size: 16px;
  font-family: 'muli_bold';
  color: #5E5E5E;
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #D1D1D1;
}
.checkout-step-outer {
  margin-bottom: 10px;
}
.checkout-step-outer.allow .step-title {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  cursor: pointer;
}
.checkout-step-outer.allow .step-title:hover {
  background: #e5e5e5;
}
.checkout-step-outer.allow .step-title:hover:before {
  border-top-color: #d9d9d9;
}
.checkout-step-outer.allow .step-title:hover .number {
  background: #d9d9d9;
}
.checkout-step-outer.active .step-title {
  cursor: initial;
  background: #1E6AB4;
}
.checkout-step-outer.active .step-title:hover {
  background: #1E6AB4;
}
.checkout-step-outer.active .step-title:hover:before {
  border-top-color: #1a5d9e;
}
.checkout-step-outer.active .step-title:hover .number {
  background: #1a5d9e;
}
.checkout-step-outer.active .step-title:before {
  border-top-color: #1a5d9e;
}
.checkout-step-outer.active .step-title .number {
  background: #1a5d9e;
  color: white;
}
.checkout-step-outer.active .step-title h2 {
  color: white;
}
.checkout-step-outer.active .step {
  background: #ffffff;
}
.fields {
  width: 100%;
  float: left;
}
/*-- Basket --*/
.cart-table {
  margin: 0 0 40px;
}
.cart-table thead tr {
  background-color: #1E6AB4;
}
.cart-table thead tr th {
  color: white;
}
.cart-table th {
  font-family: 'muli_bold';
  line-height: 68px;
  padding: 0 10px;
  text-transform: uppercase;
  border-top: 1px solid #D1D1D1;
  border-bottom: 1px solid #D1D1D1;
  color: #808080;
  font-size: 16px;
}
.cart-table td {
  border-bottom: 1px solid #D1D1D1;
  padding: 20px 10px;
  font-size: 13px;
}
.cart-table td,
.cart-table th {
  text-align: left;
  vertical-align: top;
}
.cart-table tr.even {
  background-color: #F9F9F9;
}
.cart-image {
  float: left;
  width: auto;
  margin-right: 20px;
}
.cart-image a {
  width: 75px;
  display: block;
}
.cart-image img {
  width: 75px;
  display: block;
}
.cart-details {
  float: left;
  width: calc(100% -  95px );
  color: #2e3032;
}
.cart-details .item-options {
  width: 100%;
  float: left;
}
.cart-details .item-options dt,
.cart-details .item-options dd {
  float: left;
  margin-right: 5px;
  font-size: 14px;
}
.cart-details .product-name {
  margin-bottom: 5px;
}
.cart-details .product-name a {
  text-decoration: none;
  color: #2e3032;
}
.cart-item-actions {
  width: 100%;
  float: left;
}
.action-button {
  float: left;
  width: 100%;
  text-align: left;
  padding: 0;
  margin: 0;
  line-height: 1.8em;
  font-size: 13px;
  text-decoration: none;
  cursor: pointer;
}
.action-button .icon-font {
  float: left;
  margin-right: 5px;
  font-size: 17px;
}
.action-button .text {
  float: left;
}
.action-button.btn-remove {
  color: #d71e1e;
}
.action-button.btn-update {
  color: #00c98e;
}
.action-button:hover .text {
  text-decoration: underline;
}
.product-column {
  width: 55%;
}
.price-column {
  width: 15%;
}
.quantity-column {
  width: 15%;
}
.subtotal-column {
  width: 15%;
}
.quantity-column input {
  width: 48px;
  height: 48px;
  line-height: 48px;
  padding: 0 10px;
  margin: 0 0 10px;
  font-size: 13px;
  text-align: center;
}
.cart-price {
  font-family: 'muli_bold';
  font-size: 14px;
  color: #2e3032;
}
.cart-price.tablet-price {
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 10px;
  float: left;
  width: 100%;
}
.cart-edit {
  margin-top: 20px;
  color: #f27E8F;
  font-size: 14px;
  float: left;
}
.cart-collaterals {
  border-bottom: 1px solid #D1D1D1;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.totals h3 {
  background-color: #1E6AB4;
  margin-bottom: 0;
  color: white;
  font-size: 16px;
  padding: 20px;
}
.totals-table {
  width: 100%;
  float: left;
  border: 1px solid #D1D1D1;
  color: #2e3032;
}
.totals-table tbody {
  border-top: 1px solid #D1D1D1;
}
.totals-table td,
.totals-table th {
  line-height: 48px;
  padding: 5px 20px;
  font-size: 14px;
}
.totals-table td:nth-child(2n),
.totals-table th:nth-child(2n) {
  text-align: right;
}
.totals-table tfoot {
  border-top: 1px solid #D1D1D1;
  padding: 20px 0;
  background-color: #f3f3f3;
}
.totals-table tfoot td {
  font-size: 20px;
  font-family: 'muli_bold';
  padding: 5px 20px;
}
/*-- Coupon --*/
.discount-form label {
  margin-bottom: 20px;
  width: 100%;
  float: left;
}
.discount-form .coupon-container {
  box-sizing: content-box;
}
.discount-form input {
  height: 48px;
  line-height: 48px;
  border: none;
  float: left;
  padding: 0 20px;
  background-color: #f3f3f3;
  font-size: 14px;
  width: 70%;
  width: calc(100% -  136px );
}
.discount-form .coupon-button {
  height: 48px;
  width: 96px;
  text-align: center;
  font-family: 'muli_bold';
  text-transform: uppercase;
  cursor: pointer;
  float: right;
  background: #f27E8F;
  color: white;
  font-size: 16px;
}
.discount-form .coupon-button:hover {
  background: #1E6AB4;
}
/*-- Checkout Method --*/
.login-note {
  margin-bottom: 20px;
  font-family: 'muli_bold';
}
.checkout-login-outer .text-link {
  float: right;
  margin-right: 20px;
}
.checkout-half-button {
  float: left;
  width: 48.5%;
  margin-right: 3%;
  background: #f2f2f2;
  color: #5E5E5E;
  font-family: 'muli_bold';
  text-transform: uppercase;
  text-decoration: none;
}
.checkout-half-button.last {
  margin-right: 0;
}
.checkout-half-button:hover,
.checkout-half-button.active {
  background: #1E6AB4;
  color: #fff;
}
.checkout-half-button span {
  width: 90%;
  padding: 20px 5%;
  float: left;
  text-align: center;
}
/*-- Checkout Sidebar --*/
.checkout-main-sidebar {
  padding-top: 76px;
}
#checkout-progress-wrapper h3 {
  display: none;
}
.progress-step {
  margin-bottom: 20px;
  padding-top: 20px;
  width: 100%;
  float: left;
  border-top: 1px solid #D1D1D1;
}
.progress-step dt {
  font-family: 'muli_bold';
  text-transform: uppercase;
}
.progress-step dt a {
  color: #787878;
}
.progress-step dt a:hover {
  color: #d71e1e;
}
.progress-step dd {
  margin-top: 20px;
  padding-top: 10px;
  border-top: 1px solid #D1D1D1;
  line-height: 1.4em;
}
/*-- Success Page --*/
html.success-html {
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/success.jpg') center center no-repeat #f27E8F;
  background-size: cover;
}
html.success-html:after {
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
html.success-html .checkout-page {
  background: none;
}
html.success-html #checkout-body-inner {
  background: none!important;
  z-index: 2;
  position: relative;
}
html.success-html #checkout-body-inner .success-page-background {
  background: none!important;
}
html.success-html #checkout-body-inner #checkout-header {
  z-index: 2;
  position: relative;
}
html.success-html #checkout-body-inner #checkout-header-right {
  display: none;
}
#success-main {
  text-align: center;
}
#success-main h1,
#success-main h2,
#success-main p,
#success-main a {
  color: white;
}
#success-main p {
  font-size: 16px;
  line-height: 2em;
}
#success-main .page-title {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid white;
}
#success-main .sub-title {
  font-size: 22px;
}
#success-main .buttons-set {
  margin-top: 40px;
  padding-top: 40px;
  border-top: 1px solid white;
}
/*-- Saved Cards --*/
.saved-card-label-text {
  float: left;
  line-height: 48px;
}
.card-control input {
  float: left;
  margin-top: 18px;
}
.card-control label {
  float: left;
  line-height: 48px;
}
.card-control label img {
  float: left;
  margin-right: 10px;
}
.paypal-info {
  float: left;
  width: calc(100% - 40px);
  background-color: #f3f3f3;
  padding: 10px 20px;
  margin-top: 20px;
}
.v-fix {
  width: 100%;
}
.cvv-help {
  position: absolute;
  right: 0;
  width: 48px;
  line-height: 48px;
  font-size: 20px;
  background-color: rgba(41, 173, 158, 0.79);
  text-align: center;
  top: 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.cvv-help:hover {
  background-color: #28ad9e;
  cursor: pointer;
}
.cvv-help a {
  color: white;
  text-decoration: none;
}
#payment_form_gene_braintree_creditcard.form-list .field label,
#payment_form_gene_braintree_creditcard.form-list .form-list .field label {
  float: left;
  width: 22%;
  margin-right: 3%;
  text-align: right;
  line-height: 48px;
}
#payment_form_gene_braintree_creditcard.form-list .field .braintree-card-input-field {
  float: left;
}
#payment_form_gene_braintree_creditcard.form-list .field .braintree-cvv {
  float: left;
  position: relative;
}
#payment_form_gene_braintree_creditcard.form-list .field .cvv-placeholder-outer {
  display: none;
}
#payment_form_gene_braintree_creditcard.form-list .field .cvv-placeholder-outer .cvv-placeholder {
  padding: 13px;
  font-size: 16px;
  color: darkgrey;
  position: absolute;
  font-weight: 800;
}
#review-buttons-container .apple-pay-button-with-text {
  width: 100%;
  margin: 20px 0;
  height: 48px;
}
@media screen and (max-width: 550px) {
  #payment_form_gene_braintree_creditcard.form-list .field .cvv-placeholder-outer {
    display: block;
  }
  #payment_form_gene_braintree_creditcard.form-list .field .cvv-placeholder-outer .cvv-placeholder {
    padding: 13px;
    font-size: 16px;
    color: darkgrey;
    position: absolute;
    font-weight: 800;
  }
}
@media screen and (max-width: 480px) {
    .cms-page-view .std table td,
    .cms-page-view .std table th {
      padding: 10px 10px;
    }
    #checkout-shipping-method-load li.control{
      margin: 0;
      width: 100%;
    }
    #checkout-shipping-method-load li.control label b{
      width: auto;
      float: left;
      margin-left: 32px;
      line-height: 0px;
      margin-bottom: 10px;
    }
    .shipping_method_desc{
      left:0 !important;
      text-align: justify;
      width: 100% !important;
      margin-top: 20px;
    }

}
/*-- Success Page Styles --*/
.success-page-content {
  text-align: center;
  padding: 0 0 30px 0;
}
.success-page-content .page-title {
  padding: 6% 0;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/success.jpg') center center no-repeat;
  background-size: cover;
  margin: 0;
  position: relative;
}
.success-page-content .page-title:before {
  content: '';
  display: block;
  z-index: 1;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
}
.success-page-content .page-title h1 {
  font-size: 36px;
  color: white;
  line-height: 1.2em;
  position: relative;
  z-index: 2;
}
.success-page-content p {
  font-size: 16px;
  line-height: 1.8em;
}
.success-page-content p a {
  color: #f27E8F;
}
.success-page-content h2 {
  font-size: 20px;
  margin: 0 0 30px;
}
.success-page-row {
  padding: 60px 0;
}
.success-page-share {
  background: #1E6AB4;
  text-align: center;
}
.success-page-share h2,
.success-page-share h3,
.success-page-share h4,
.success-page-share p,
.success-page-share a {
  color: white;
}
.success-page-share h2 {
  font-size: 20px;
  margin: 0 0 30px;
}
.success-page-share .addthis_sharing_toolbox a {
  float: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
  margin: 0 5px!important;
}
@media all and (max-width: 750px) {
  .success-page-row {
    padding: 30px 0;
  }
  .success-page-content .page-title {
    padding: 15% 0;
  }
  .success-page-content .page-title h1 {
    font-size: 28px;
  }
}
#checkout_rate {
  text-align: center;
  margin-top: 30px;
}
#checkout_rate .input_box {
  float: none;
}
#checkout_rate textarea {
  float: none;
  width: 40%;
  border: 3px solid #28ad9e;
  background-color: #28ad9e;
  color: #FFF;
}
#checkout_rate textarea::-webkit-input-placeholder {
  color: #fff;
}
#checkout_rate textarea:-moz-placeholder {
  color: #fff;
}
#checkout_rate textarea::-moz-placeholder {
  color: #fff;
}
#checkout_rate textarea:-ms-input-placeholder {
  color: #FFF;
}
#checkout_rate h2 {
  margin-bottom: 10px;
}
/*-- Payment / Cards -------*/
/*-- Payment Types -------------------*/
.payment-types {
  text-align: right;
}
.payment-types li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 80px;
  height: 35px;
  margin-right: 0;
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/sprites/payment_sprite.png');
  background-repeat: no-repeat;
  background-size: 560px 35px;
  text-indent: -9999px;
  text-align: left;
  float: right;
  margin-bottom: 0;
}
.payment-types li.visa {
  background-position: left center;
}
.payment-types li.paypal {
  background-position: -80px top;
}
.payment-types li.mastercard {
  background-position: -160px top;
}
.payment-types li.maestro {
  background-position: -240px top;
}
.payment-types li.amex {
  background-position: -320px top;
}
.payment-types li.discover {
  background-position: -400px top;
}
.payment-types li.jcb {
  background-position: -480px top;
}
.payment-types li.last {
  margin-right: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .payment-types li {
    background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/sprites/payment_sprite@2x.png');
  }
}
/*-- Payment Methods -------------------*/
.payment-method {
  width: 100%;
  float: left;
}
.payment-method.last {
  margin-bottom: 20px;
}
/*-- Payment --*/
#checkout-payment-method-load dt {
  float: left;
  width: 48.5%;
  margin-right: 3%;
  margin-top: 3%;
}
/*-- Payment Apple logo Avinash --*/
.payment-type-button label[for='p_method_gene_braintree_applepay']{
    background-image: url(https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/applepay/apple-pay-logo.png) !important;
    background-repeat: no-repeat !important;
    background-size: 100px 46px !important;
    background-position: right 15px center !important;
    text-transform : uppercase;
}

#checkout-payment-method-load dt.last {
  margin-right: 0;
}
#checkout-payment-method-load dt.notice {
  font-size: 16px;
  text-transform: uppercase;
  width: 100%;
  margin: 0;
}
#checkout-payment-method-load dt label {
  width: 90%;
  padding: 20px 5%;
  background: #f2f2f2;
  float: left;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  cursor: pointer;
  font-family: 'muli_bold';
}
#checkout-payment-method-load dt label .payment-title {
  text-transform: uppercase;
  text-decoration: none;
  margin: 0 0 0 10px;
  float: left;
  line-height: 32px;
}
#checkout-payment-method-load dt label .card-types {
  float: right;
  width: auto;
  margin: 0;
}
#checkout-payment-method-load dt label .card-types li {
  text-indent: -9999px;
  display: inline-block;
  *display: inline;
  zoom: 1;
  width: 49px;
  height: 32px;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/sprites/card_sprite.png') no-repeat;
  background-size: 816px 32px;
  margin: 0 2px 0;
}
#checkout-payment-method-load dt label .card-types li.maestro {
  background-position: -236px top;
}
#checkout-payment-method-load dt label .card-types li.mastercard {
  background-position: -295px top;
}
#checkout-payment-method-load dt label .card-types li.visa {
  background-position: -354px top;
}
#checkout-payment-method-load dt label .card-types li.amex {
  background-position: -177px top;
}
#checkout-payment-method-load dt label .card-types li.discover {
  background-position: -706px top;
}
#checkout-payment-method-load dt label .card-types li.jcb {
  background-position: -766px top;
}
#checkout-payment-method-load dt label:hover,
#checkout-payment-method-load dt label.active {
  background: #1E6AB4;
  color: #fff;
}
#checkout-payment-method-load dt label:hover .paypal-replace,
#checkout-payment-method-load dt label.active .paypal-replace {
  background-position: bottom center;
}
#checkout-payment-method-load dd {
  width: 100%;
  float: left;
}
#checkout-payment-method-load dd ul {
  margin-top: 20px;
  width: 100%;
  float: left;
}
#checkout-payment-method-load dd ul .form-alt {
  line-height: 2em;
  text-align: center;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .card-replace,
  .payment-type-button .card-types li {
    background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/sprites/card_sprite@2x.png');
  }
}
.paypal-replace {
  text-indent: -9999px;
  float: right;
  width: 110px;
  height: 32px;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/sprites/paypal_sprite.png') top center no-repeat;
  background-size: 110px 64px;
  margin: 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  .paypal-replace {
    background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/sprites/paypal_sprite@2x.png');
  }
}
/*-- Braintree PayPay --*/
#paypal-complete {
  width: 100%;
  float: left;
  text-align: right;
}
#paypal-complete label {
  float: none!important;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#paypal-container {
  float: none!important;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
#paypal-container .paypal-button.paypal-style-tertiary {
  margin-top: 20px;
}
/*-- Academy Listing -------*/
/*-- Academy Listing --*/
.academy-listing .item .inner {
  padding: 15px;
  width: calc(100% - 30px);
}
.academy-listing .item .product-list-information {
  text-align: left;
}
.academy-listing .item .product-list-information .product-name {
  margin-bottom: 20px;
}
.academy-listing .item .product-list-information .product-name a {
  color: #1E6AB4;
}
.academy-listing .item .product-list-information .product-name a:hover {
  text-decoration: none;
}
.academy-listing .item .product-list-information .start-date {
  color: #1E6AB4;
  font-size: 14px;
  margin-bottom: 10px;
  font-family: 'muli_regular';
}
.academy-listing .item .price-list {
  text-align: right;
  font-family: 'muli_bold';
  font-weight: 600;
  min-height: auto;
  margin-bottom: 10px;
}
.academy-listing .item .extra span {
  float: left;
  width: 100%;
  text-align: right;
  margin-bottom: 10px;
  font-family: 'muli_regular';
}
.academy-listing .item .button {
  margin-top: 20px;
  background-color: #28ad9e;
  width: 100%;
}
.academy-listing .item .button:hover {
  background-color: #1E6AB4;
}
.academy-listing .item .text-link {
  color: #f27E8F;
  text-decoration: none;
  font-family: 'muli_regular';
}
.academy-listing .item .text-link:hover {
  color: #1E6AB4;
}
/*-- Academy Course View --*/
.academy-product .product-name {
  margin-bottom: 0;
}
.academy-product .detail {
  font-size: 14px;
  font-family: 'muli_regular';
  width: 100%;
  float: left;
}
.academy-product .detail span {
  float: left;
  width: 25%;
}
.academy-product .price-box {
  margin-top: 20px;
}
.academy-product #information {
  float: left;
  width: 100%;
  margin-top: 20px;
  border-bottom: 1px solid #D1D1D1;
  line-height: 22px;
  font-family: 'muli_regular';
}
.academy-product #information ul {
  list-style: inherit;
}
.academy-product #information h4 {
  padding: 10px 0;
  text-transform: uppercase;
  line-height: 20px;
  border-top: 1px solid #D1D1D1;
  width: 100%;
}
.academy-product #information h4 span {
  float: left;
  margin-right: 5px;
  font-size: 20px;
}
.academy-product #information h4:hover {
  cursor: pointer;
}
.academy-product .button {
  background-color: #28ad9e;
}
.academy-product .button.hover {
  background-color: #28ad9e;
}
/*-- Account -------*/
/*-- Account General --*/
.customer-account-page #sidebar-column {
  margin-right: 0;
  float: right;
}
.customer-account-page #main-column {
  margin-right: 1.97628458%;
}
.account-page-inner {
  margin: 40px 0;
}
.account-row {
  border-bottom: 1px solid #D1D1D1;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.navigation-header-link {
  color: #5E5E5E;
  font-size: 16px;
  font-family: 'muli_bold';
  text-decoration: none;
  padding: 0 10px;
}
.navigation-header-link .icon-font {
  font-size: 26px;
  margin-left: 10px;
  float: right;
}
.navigation-header-link:hover {
  color: #f27E8F;
}
/*-- Logout --*/
#time {
  font-weight: 600;
}
.account-wrapper {
  width: 86%;
  padding: 0 7%;
}
.no-breadcrumbs {
  display: none;
}
/*-- Account Navigation --*/
.category-whats-the-occasion #breadcrumbs,
.category-what-are-you-baking #breadcrumbs,
.category-ingredients-edibles #breadcrumbs,
.category-equipment-and-bakeware #breadcrumbs,
.category-decorating #breadcrumbs,
.category-presentation-storage #breadcrumbs,
.category-sale #breadcrumbs {
  display: none;
}
.account-navigation li {
  width: 100%;
  float: left;
  border-bottom: 3px solid #175088;
  box-sizing: border-box;
  font-size: 17px;
  color: white;
  font-family: 'muli_bold';
  text-transform: uppercase;
  line-height: 25px;
}
.account-navigation li .outer {
  float: left;
  width: 100%;
  height: 100%;
  padding: 30px 20px;
}
.account-navigation li.current {
  background-color: #f6c348;
}
.account-navigation li.current .outer {
  border: 6px solid #f4b317;
  box-sizing: border-box;
}
.account-navigation li.current:hover {
  cursor: auto;
}
.account-navigation li.current:hover .icon-font {
  font-size: 25px;
}
.account-navigation li .icon-font {
  font-size: 25px;
  text-transform: none;
  float: left;
  margin-right: 10px;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
.account-navigation li a {
  display: block;
  text-decoration: none;
  font-family: 'muli_bold';
  font-size: 17px;
  color: white;
  text-transform: uppercase;
  line-height: 25px;
}
.account-navigation li:hover {
  cursor: pointer;
}
.account-navigation li:hover .icon-font {
  font-size: 30px;
}
.mailchimp .outer {
  padding-top: 18px !important;
  padding-bottom: 18px !important;
}
.mailchimp .outer .text {
  width: 80% !important;
  float: left !important;
}
#account-links {
  max-width: 800px;
  border: 3px solid #175088;
  box-sizing: border-box;
}
#account-links li {
  float: left;
  display: inline-block;
  height: 200px;
  width: 25%;
  min-width: 150px;
  background: #1E6AB4;
  font-family: 'muli_bold';
  text-align: center;
  font-size: 17px;
  border: 3px solid #175088;
  box-sizing: border-box;
  color: white;
  text-transform: uppercase;
}
#account-links li .outer {
  width: 100%;
  float: left;
  height: 100%;
}
#account-links li.current {
  background-color: #f6c348;
}
#account-links li.current .outer {
  border: 6px solid #f4b317;
  box-sizing: border-box;
}
#account-links li a {
  display: block;
  text-decoration: none;
  font-family: 'muli_bold';
  text-align: center;
  font-size: 17px;
  color: white;
  text-transform: uppercase;
  font-weight: 200;
}
#account-links li:hover {
  cursor: pointer;
}
#account-links li:hover .icon-font {
  font-size: 60px;
}
#account-links .icon-font {
  text-transform: none;
  font-size: 50px;
  color: white;
  line-height: 50px;
  padding-top: 50px;
  padding-bottom: 20px;
  display: block;
  transition: .5s;
  -o-transition: .5s;
  -ms-transition: .5s;
  -moz-transition: .5s;
  -webkit-transition: .5s;
}
/*-- Page --*/
.block-account {
  width: 100%;
  float: left;
  margin: 0;
  background-color: #1E6AB4;
}
.block-account .block-title {
  display: none;
}
/*-- Register --*/
.account-create .page-title {
  margin-bottom: 40px;
}
.account-create .back-link {
  float: left;
  margin-bottom: 30px;
}
.account-create .buttons-set {
  float: left;
  width: 100%;
}
/*-- Expert CMS --*/
/*-- Expert CMS base --*/
/*-- Expert CMS core --*/
.row {
  background-size: cover;
  background-position: center center;
}
.row.grey {
  background: #f3f3f3;
}
.row.light-grey {
  background: #f2f2f2;
}
.row.dark-grey {
  background: #2e3032;
}
.row.theme {
  background: #819142;
}
.row.padded {
  padding: 30px 0;
}
.row .spacer {
  padding: 20px 0;
}
.row.border-spacer .spacer {
  border-top: 1px solid #9B9B9B;
}
.cms-row .column {
  margin-bottom: 1.97628458%;
}
/*-- Responsive Styles --*/
@media all and (max-width: 950px) {
  .cms-row.no-padding-tablet,
  .cms-row.no-padding-tablet .wrapper {
    padding: 0;
  }
  .cms-row.tablet-full,
  .cms-row.tablet-full .wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
@media all and (max-width: 750px) {
  .cms-row .column {
    width: 100%;
    margin: 0 0 20px;
  }
  .cms-row .column.mobile-half {
    width: 50%;
  }
  .cms-row.image-background {
    position: relative;
  }
  .cms-row.image-background:before {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    content: '';
    background: rgba(255, 255, 255, 0.4);
    z-index: 0;
  }
  .cms-row.image-background .wrapper {
    position: relative;
    z-index: 1;
  }
}
/*-- Textarea --*/
.entity.textarea.center {
  text-align: center;
}
.entity.textarea.right {
  text-align: center;
}
.entity.textarea.secondary p,
.entity.textarea.secondary li,
.entity.textarea.secondary span,
.entity.textarea.secondary a {
  font-family: 'muli_regular';
}
.entity.textarea p,
.entity.textarea li,
.entity.textarea span,
.entity.textarea a {
  font-size: 14px;
}
.entity.textarea p,
.entity.textarea li {
  line-height: 1.6em;
  margin-bottom: 10px;
}
.entity.textarea hr {
  margin: 20px 0;
  width: 100%;
  float: left;
  border: none;
  border-top: 1px solid #9B9B9B;
}
.entity.textarea a {
  text-decoration: underline;
}
.entity.textarea strong {
  font-weight: bold;
}
.entity.textarea em {
  font-style: italic;
}
/*-- Responsive --*/
@media all and (max-width: 750px) {
  .entity.textarea {
    width: 100%;
    box-sizing: border-box;
    text-align: center;
  }
  .entity.textarea p,
  .entity.textarea li,
  .entity.textarea span,
  .entity.textarea a {
    font-size: 13px;
  }
}
/*-- Headings --*/
.heading-block {
  text-align: center;
  margin-bottom: 20px;
}
.heading-block.with_background_image {
  padding: 96px 0;
  background-size: cover;
  background-position: center center;
}
.heading-block.with_background_image .heading {
  margin-top: 0;
}
.heading-block.with_background h1 span,
.heading-block.with_background h2 span,
.heading-block.with_background h3 span,
.heading-block.with_background h4 span,
.heading-block.with_background h5 span,
.heading-block.with_background h6 span {
  padding: 20px;
  background-color: white;
}
.heading-block .heading {
  font-family: 'muli_bold';
  font-size: 36px;
  margin: 30px 0 0;
  font-weight: 100;
}
.heading-block .heading.large {
  font-size: 36px;
}
.heading-block .heading.align-left {
  text-align: left;
}
.heading-block .heading.align-right {
  text-align: right;
}
.heading-block .heading.purple {
  color: #819142;
}
.heading-block .heading.orange {
  color: #ffffff;
}
.heading-block h3.heading {
  font-size: 16px;
}
.heading-block h4.heading {
  font-size: 22px;
  text-transform: none;
  font-family: 'muli_regular';
}
.heading-block h5.heading {
  font-size: 14px;
}
.heading-block .sub-heading {
  font-family: 'muli_regular';
  font-size: 14px;
  font-weight: 100;
  line-height: 1.4em;
  margin-top: 10px;
  margin-bottom: 0;
}
.image-background .heading-block:after {
  border-color: #808080;
}
/*-- Responsive --*/
@media all and (max-width: 750px) {
  .heading-block h1.heading {
    font-size: 25px;
  }
  .heading-block h2.heading {
    font-size: 25px;
  }
  .heading-block h3.heading {
    font-size: 25px;
  }
  .heading-block h4.heading {
    font-size: 16px;
  }
  .heading-block .sub-heading {
    font-size: 13px;
  }
}
/*-- Images / Drivers --*/
.image-container {
  position: relative;
}
.image-container img {
  display: block;
  margin: 0 auto;
}
.image-container .mobile-only {
  display: none;
}
.image-container figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 10px;
  width: 100%;
  float: left;
  box-sizing: border-box;
  font-family: 'muli_bold';
  text-transform: uppercase;
  background: #1E6AB4;
  color: white;
  font-size: 16px;
  text-align: center;
  font-weight: 600;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.image-container a:hover figcaption {
  padding-bottom: 20px;
}
/*-- Responsive Styles --*/
@media all and (max-width: 750px) {
  .image-container .mobile-only {
    display: block;
  }
  .image-container .mobile-hidden {
    display: none;
  }
  .image-container img {
    width: 100%;
  }
}
/*-- Product List --*/
.product-grid-item {
  margin: 0 20px 20px;
}
.product-list-widget {
  margin: 40px 0;
}
.product-list-widget .title {
  font-family: 'muli_bold';
  color: #819142;
  font-size: 20px;
  line-height: 20px;
  font-weight: 600;
  float: left;
  margin-right: 20px;
  margin-left: 0.98814229%;
}
.product-list-widget .product-list-link {
  line-height: 20px;
  color: #819142;
}
.product-list-widget .product-list-link:hover {
  color: 'muli_regular';
}
.product-list-widget .column.column-3 {
  margin-right: 0.98814229%;
  margin-left: 0.98814229%;
}
.product-list-widget .slick-slider .slick-next,
.product-list-widget .slick-slider .slick-prev {
  top: -24px;
  background-color: transparent;
}
.product-list-widget .slick-slider .slick-next:hover:hover,
.product-list-widget .slick-slider .slick-prev:hover:hover {
  cursor: pointer;
}
.product-list-widget .slick-slider .slick-next:before,
.product-list-widget .slick-slider .slick-prev:before {
  color: #819142;
  border: 3px solid #819142;
  border-radius: 50%;
}
.product-list-widget .slick-slider .slick-next {
  right: 0;
}
.product-list-widget .slick-slider .slick-prev {
  right: 48px;
  left: auto;
}
@media all and (max-width: 550px) {
  .product-grid-item {
    margin: 0 10px 10px;
  }
}
/*-- Tweet Styles --*/
.tweet {
  margin: 0;
  box-sizing: border-box;
  padding: 20px;
  text-align: center;
  background: #2e3032;
}
.tweet p {
  color: white;
  font-family: 'muli_regular';
  font-size: 26px;
  margin: 10px 0;
  line-height: 1.4em;
  font-style: italic;
}
.tweet a {
  color: #819142;
  text-decoration: none;
  font-size: 14px;
  font-family: 'muli_regular';
}
.tweet .follow-link {
  width: 100%;
  float: left;
}
.tweet .follow-link:before {
  content: '';
  margin: 20px auto;
  border-top: 1px solid #f3f3f3;
  width: 150px;
  display: block;
}
.tweet .follow-link span {
  vertical-align: middle;
  font-size: 22px;
}
/*-- Responsive Styles --*/
@media all and (max-width: 750px) {
  .tweet p {
    font-size: 16px;
  }
  .tweet a {
    font-size: 13px;
  }
  .tweet .follow-link:before {
    width: 100px;
  }
  .tweet .follow-link span {
    font-size: 16px;
  }
}
@media all and (min-width: 1500px) {
  .tweet {
    padding: 30px 20px;
  }
}
/*-- Recipes Styles --*/
.recipe-carousel .slide_inner .product_image {
  display: block;
  margin: 0 auto 10px;
}
.recipe-carousel .slide_inner .product_name {
  margin: 0;
}
@media all and (max-width: 950px) {
  .recipe-carousel .slide_inner {
    width: 100%;
    padding: 0;
    background: #f2f2f2;
  }
  .recipe-carousel .slide_inner .product_name {
    box-sizing: border-box;
    padding: 10px 20px;
  }
  .recipe-carousel .slide_inner .product_image {
    margin: 0 auto;
  }
  .recipe-carousel .homepage_slide:nth-child(2n) .slide_inner {
    background: #f2f2f2;
  }
}
/*-- Accordion --*/
.pagebuilder-accordion {
  border-bottom: 1px solid #D1D1D1;
}
.pagebuilder-accordion .accordion_link {
  font-size: 16px;
  font-weight: 100;
  line-height: 1em;
  padding: 20px 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.pagebuilder-accordion .accordion_link:after {
  background: #2e3032;
  color: white;
  border-radius: 50%;
  font-size: 24px;
  height: 16px;
  width: 16px;
  line-height: 16px;
  text-align: center;
}
.pagebuilder-accordion .accordion_link:hover,
.pagebuilder-accordion .accordion_link.active {
  background: #f2f2f2;
}
.pagebuilder-accordion .accordion_inner {
  transition: background-color 300ms linear;
}
.pagebuilder-accordion .accordion_link.active,
.pagebuilder-accordion .accordion_inner.active {
  background: #f2f2f2;
}
/*-- Responsive --*/
@media all and (max-width: 750px) {
  .pagebuilder-accordion .accordion_link {
    font-size: 25px;
  }
  .pagebuilder-accordion .accordion_link:after {
    font-size: 16px;
    height: 24px;
    width: 24px;
    line-height: 24px;
  }
  .pagebuilder-accordion .accordion_inner {
    padding: 20px;
    box-sizing: border-box;
  }
  .pagebuilder-accordion .accordion_inner .cms-row {
    padding: 0;
  }
  .pagebuilder-accordion .accordion_inner .entity.textarea {
    width: 100%;
    margin: 0;
  }
  .pagebuilder-accordion .accordion_inner .wrapper {
    padding: 0;
  }
}
/*-- CMS Video --*/
.entity.video {
  text-align: center;
  margin-bottom: 40px;
}
.entity.video iframe {
  width: 100%;
  height: 550px;
}
.entity.video figcaption {
  width: 100%;
  float: left;
  padding: 20px 0;
  border-bottom: 1px solid #f2f2f2;
  font-size: 13px;
  line-height: 1.5em;
}
.cms-row .col .entity.video iframe {
  height: 450px;
}
/*-- Responsive Styles --*/
@media all and (max-width: 950px) {
  .entity.video iframe {
    height: 420px;
  }
  .cms-row .col .entity.video iframe {
    height: 380px;
  }
}
@media all and (max-width: 750px) {
  .entity.video iframe {
    height: 380px;
  }
}
@media all and (max-width: 550px) {
  .entity.video iframe {
    height: 260px;
  }
}
@media all and (min-width: 1500px) {
  .entity.video iframe {
    height: 620px;
  }
}
/* Mile stone Blocks */
.milestone {
  text-align: center;
}
.milestone.first {
  background: #f27E8F;
}
.milestone.first h3,
.milestone.first p,
.milestone.first li,
.milestone.first a {
  color: white;
}
.milestone.first h3 {
  font-size: 36px;
}
.milestone.first p,
.milestone.first li,
.milestone.first a {
  font-size: 20px;
}
.milestone .column {
  margin-bottom: 0;
}
.milestone img {
  border: none;
  width: 100%;
  display: block;
}
.milestone .image {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.milestone h3 {
  font-size: 28px;
  margin: 0 0 20px;
}
.milestone p,
.milestone li,
.milestone a {
  font-size: 16px;
  line-height: 1.8em;
}
.milestone .text-column .wrapper-half {
  float: right;
  padding-top: 120px;
  padding-bottom: 120px;
  box-sizing: border-box;
  padding-left: 0;
  padding-right: 30px;
}
.milestone .text-column.last .wrapper-half {
  float: left;
  padding-left: 30px;
  padding-right: 0;
}
@media all and (max-width: 950px) {
  .milestone.first h3 {
    font-size: 28px;
  }
  .milestone.first p,
  .milestone.first li,
  .milestone.first a {
    font-size: 16px;
  }
  .milestone .one-half {
    width: 100%;
    height: auto!important;
  }
  .milestone .one-half.image {
    height: 200px!important;
  }
  .milestone .text-column .wrapper-half {
    width: 100%;
    padding: 30px 20px !important;
    margin: 0!important;
  }
}
/* Heading Block Styles */
.page-heading-block {
  padding: 120px 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.page-heading-block.category-heading {
  padding: 80px 0;
}
.page-heading-block.category-heading p {
  font-size: 20px;
  text-transform: none;
  margin: 0;
}
.page-heading-block.category-heading p.regular-text {
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.page-heading-block.contact-heading {
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/contact.jpg');
}
.page-heading-block.blog-heading {
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/blog.jpg');
}
.page-heading-block.success-heading {
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/success.jpg');
}
.page-heading-block.instagram-heading {
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/backgrounds/instagram.jpg');
}
.cms-home .page-heading-block {
  margin-bottom: 0;
}
.heading-block-content {
  width: 80%;
  margin: 0 10%;
  text-align: center;
}
.heading-block-content .button {
  margin: 0 2px 4px;
}
.heading-block-content .title {
  font-size: 50px;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.heading-block-content p {
  font-size: 28px;
  font-family: 'muli_bold';
  margin: 0 0 20px;
  text-transform: uppercase;
}
.heading-block-content .subtitle-small {
  width: 48%;
  float: left;
  margin-right: 4%;
  margin: 0 25%;
}
.heading-block-content .subtitle-small.last {
  margin-right: 0;
}
.heading-block-content .subtitle-small p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
.heading-block-content.light .title,
.heading-block-content.light p,
.heading-block-content.light a {
  color: white;
}
.heading-block-content.light .button {
  background: white;
  color: #819142;
}
.heading-block-content.light .button:hover {
  background: #1E6AB4;
  color: white;
}
.heading-block-content .taxonomy-heading.button-container .button {
  background: none;
  border: 2px solid #ffffff;
  color: #ffffff;
  padding: 0 10px;
  font-size: 14px;
  line-height: 48px;
  height: 48px;
}
.heading-block-content .taxonomy-heading.button-container .button:hover {
  background: #ffffff;
  color: #819142;
}
.heading-block-content.left {
  float: left;
  width: 50%;
  margin: 0;
}
.heading-block-content.right {
  float: right;
  width: 50%;
  margin: 0;
}
.heading-icon {
  color: white;
  font-size: 40px;
  display: block;
  margin: 0 auto 20px;
}
@media all and (max-width: 1024px) {
  .heading-block-content,
  .heading-block-content.left,
  .heading-block-content.right {
    width: 80%;
    margin: 0 10%;
  }
  .heading-block-content .button,
  .heading-block-content.left .button,
  .heading-block-content.right .button {
    height: 48px;
    line-height: 48px;
    font-size: 14px;
    padding: 0 10px;
  }
  .heading-block-content .title,
  .heading-block-content.left .title,
  .heading-block-content.right .title {
    font-size: 36px;
  }
  .heading-block-content p,
  .heading-block-content.left p,
  .heading-block-content.right p {
    font-size: 18px;
  }
  .page-heading-block.category-heading p {
    font-size: 16px;
  }
}
@media all and (max-width: 950px) {
  .page-heading-block {
    padding: 100px 0;
  }
  .page-heading-block.category-heading {
    padding: 80px 0;
  }
}
@media all and (max-width: 750px) {
  .heading-block-content,
  .heading-block-content.left,
  .heading-block-content.right {
    width: 100%;
    margin: 0;
  }
  .heading-block-content .title,
  .heading-block-content.left .title,
  .heading-block-content.right .title {
    font-size: 28px;
  }
  .heading-block-content p,
  .heading-block-content.left p,
  .heading-block-content.right p {
    font-size: 14px;
  }
  .page-heading-block {
    padding: 50px 0 80px;
  }
  .page-heading-block.category-heading p {
    font-size: 14px;
  }
  .heading-icon {
    font-size: 30px;
  }
}
/*-- Latest Posts --*/
.latest-social-block {
  text-align: center;
  min-height: 300px;
  width: 100%;
  float: left;
  padding: 0;
}
.latest-social-block h3 {
  font-family: 'muli_bold';
  color: #819142;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 20px;
}
.latest-social-block h3 .network {
  display: block;
  color: #808080;
  font-size: 0.7em;
  text-transform: none;
  margin-bottom: 5px;
}
.latest-social-block .inner-content {
  text-align: center;
  padding: 40px 0 20px;
}
.latest-social-block .posts-list {
  width: 90%;
  padding: 0 5%;
  float: left;
}
.social-loading {
  margin: 0 auto;
  width: auto;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.social-loading .icon-font {
  font-size: 40px;
  display: block;
  margin-bottom: 5px;
  color: #819142;
}
.social-loading .icon-font.loading {
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.social-loading .text {
  display: block;
  font-family: 'muli_bold';
  font-size: 14px;
  color: #5E5E5E;
  text-transform: uppercase;
}
.social-loading .text span {
  margin-left: 5px;
  opacity: 0;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.social-loading .text span:nth-child(2n) {
  animation-delay: .25s;
}
.social-loading .text span:nth-child(3) {
  animation-delay: .5s;
}
/*-- Instagram Carousel Feed --*/
.instagram-feed-block {
  margin-top: 80px;
}
.instagram-carousel {
  min-height: 400px;
  margin: 0;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center center no-repeat;
}
.instagram-carousel.slick-initialized {
  min-height: 0;
  background: none;
}
.instagram-carousel .slide {
  width: 25%;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center center no-repeat;
}
.instagram-carousel .slide img {
  width: 100%;
  display: block;
  opacity: 0;
  min-height: 150px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.instagram-carousel .slide.active img {
  opacity: 1;
}
.feed-title h3 {
  font-size: 28px;
  font-weight: 100;
  font-family: 'muli_regular';
  line-height: 1.4em;
  margin: 0 0 20px;
  text-transform: uppercase;
}
.feed-title h3 .icon_font {
  margin-right: 20px;
}
.feed-title .column.last {
  text-align: right;
}
/*-- Latest Instagram block --*/
.instagram-latest-block li {
  float: left;
  width: 46%;
  margin: 0 2% 20px;
}
/*-- Twitter Feed Styles --*/
.tweet-list {
  list-style: none;
}
.tweet-list li {
  font-size: 16px;
  float: left;
  width: 100%;
  position: relative;
  color: #5E5E5E;
  line-height: 1.6em;
  font-family: 'muli_bold';
  word-wrap: break-word;
  opacity: 1;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.tweet-list li.ready {
  opacity: 0;
  transform: translateY(-50px);
}
.tweet-list li a {
  color: #819142;
  text-decoration: none;
}
.tweet-list li a:hover {
  text-decoration: underline;
}
.tweet-list li:after {
  width: 10%;
  height: 1px;
  float: left;
  margin: 40px 45%;
  content: '';
  border-bottom: 1px solid #D1D1D1;
}
/*-- Hub --*/
/*-- Blog Base --*/
.blog-page #sidebar-column {
  box-sizing: border-box;
  margin-bottom: 20px;
}
.blog-page.expertcms-standard-entity-view .products-grid {
  list-style: none;
  /*padding: 0 20px;*/
}
.blog-page.expertcms-standard-entity-view .products-grid .slick-next,
.blog-page.expertcms-standard-entity-view .products-grid .slick-prev {
  background: #e3569f;
}
.blog-page.expertcms-standard-entity-view .products-grid .slick-next:after,
.blog-page.expertcms-standard-entity-view .products-grid .slick-prev:after {
  color: white;
}
.blog-page.expertcms-standard-entity-view .products-grid .item.column {
  width: 33%;
  margin: 0 0 20px;
  padding: 0 10px;
  box-sizing: border-box;
}
.blog-page.expertcms-standard-entity-view .products-grid .item.column .product-name,
.blog-page.expertcms-standard-entity-view .products-grid .item.column .product-range {
  font-size: 14px;
  margin-bottom: 5px;
}
.blog-page.expertcms-standard-entity-view .addthis_sharing_toolbox a {
  height: 32px!important;
  width: 32px!important;
}
.blog-page.expertcms-standard-entity-view .addthis_sharing_toolbox a span {
  height: 32px!important;
  width: 32px!important;
}
@media all and (max-width: 1024px) {
  .blog-page.expertcms-standard-entity-view #main-column {
    background: white;
    padding: 20px 5%;
  }
}
@media all and (max-width: 950px) {
  .blog-page.expertcms-standard-entity-view #sidebar-column {
    background: none;
    margin-bottom: 40px !important;
  }
  .blog-page.expertcms-standard-entity-view .page-inner {
    background: white;
  }
  .blog-page.expertcms-standard-entity-view #main-column {
    background: white;
    padding: 20px;
  }
}
/*-- Hub Header --*/
.taxonomy-heading-block .hub-category-select {
  margin: 20px 0 0;
  padding: 0;
  border: 0;
}
.taxonomy-heading-block .hub-category-select .custom-select {
  width: auto;
  margin: 0 auto;
  float: none;
  background: none;
  border: 2px solid white;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.taxonomy-heading-block .hub-category-select .custom-select select {
  background: none!important;
  color: white;
  text-transform: uppercase;
  font-family: 'muli_bold';
  font-size: 14px;
}
.taxonomy-heading-block .hub-category-select .custom-select:after {
  background: none;
  color: white;
}
/*-- Beauty Hub Sidebar --*/
.sidebar-widget {
  margin-bottom: 40px;
}
.sidebar-widget.last {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.sidebar-widget.small-margin {
  margin-bottom: 20px;
  padding-bottom: 0;
}
.sidebar-widget .fb-page {
  min-height: 500px;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-32px-white.gif') center 50px no-repeat;
}
.widget-title {
  text-align: left;
  font-size: 18px;
  text-transform: uppercase;
  color: #5E5E5E;
  font-family: 'muli_bold';
  margin-bottom: 20px;
}
/*-- Categories --*/
.taxonomy-navigation li {
  width: 100%;
  margin: 0 0 10px;
  font-size: 14px;
  font-family: 'muli_bold';
  float: left;
  text-transform: uppercase;
  line-height: 1.6em;
}
.taxonomy-navigation li a {
  color: #1E6AB4;
  text-decoration: none;
}
.taxonomy-navigation li a:hover {
  color: #5E5E5E;
}
.taxonomy-navigation li.active a {
  text-decoration: underline;
  color: #1E6AB4;
}
.taxonomy-navigation li.last {
  margin-bottom: 0;
}
/*-- Search --*/
.hub-sidebar-search-form {
  width: 100%;
  float: left;
}
.hub-sidebar-search-form input[type="search"],
.hub-sidebar-search-form input[type="text"] {
  width: 85%;
  padding: 0 20px;
  border: 1px solid #D1D1D1;
  border-right: none;
  background: none;
  box-sizing: border-box;
  border-radius: 0;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}
.hub-sidebar-search-form .button {
  width: 15%;
  text-transform: none;
  border-radius: 0;
  font-size: 20px;
  padding: 0;
  background: #1E6AB4;
  color: white;
  text-align: center;
}
/*-- Facebook --*/
.sidebar-widget .fb-page {
  min-height: 500px;
  max-width: 100%!important;
  background: url('https://www.sugarshack.co.uk/skin/frontend/gene/default/images/loading/loading-36px-brown.gif') center 50px no-repeat;
}
/*-- Instagram --*/
.instagram-sidebar li {
  width: 50%;
  float: left;
}
.instagram-sidebar li a,
.instagram-sidebar li img {
  display: block;
}
/*-- Latest Posts --*/
.sidebar-latest-posts-list .post {
  margin-bottom: 40px;
  position: relative;
}
.sidebar-latest-posts-list .post-list-title {
  font-size: 16px;
  font-family: 'muli_bold';
  margin-bottom: 10px;
  text-transform: uppercase;
}
.sidebar-latest-posts-list .post-list-title a {
  text-decoration: none;
  color: #1E6AB4;
}
.sidebar-latest-posts-list .post-list-title a:hover {
  text-decoration: underline;
}
.sidebar-latest-posts-list .published-date {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #808080;
  margin-bottom: 10px;
}
.sidebar-latest-posts-list .read-more {
  text-decoration: none;
  color: #1E6AB4;
  width: 100%;
  float: left;
}
.sidebar-latest-posts-list .read-more .icon-font {
  margin-left: 10px;
  font-size: 13px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.sidebar-latest-posts-list .read-more:hover .icon-font {
  margin-left: 20px;
}
/*-- Tablet Categories --*/
.hub-category-select {
  border: none;
  border-bottom: 2px solid #819142;
}
.hub-category-select .custom-select:after {
  background: none;
  border-radius: 0 3px 3px 0;
  color: #5E5E5E;
}
.hub-category-select select {
  background: none!important;
  color: #5E5E5E;
  font-size: 16px;
  border: none;
  border-radius: 0;
  text-transform: none;
}
/*-- Taxonomy Listing --*/
.latest-posts-list .post,
.posts-list .post {
  margin-bottom: 20px;
  background: white;
}
.latest-posts-list .post-inner,
.posts-list .post-inner {
  box-sizing: border-box;
  padding: 5%;
  width: 100%;
  float: left;
  border: 3px solid;
}
.latest-posts-list .post-inner.colour-1,
.posts-list .post-inner.colour-1 {
  border-color: #e3569f;
}
.latest-posts-list .post-inner.colour-2,
.posts-list .post-inner.colour-2 {
  border-color: #28ad9e;
}
.latest-posts-list .post-inner.colour-3,
.posts-list .post-inner.colour-3 {
  border-color: #7f5a41;
}
.latest-posts-list .post-inner.colour-4,
.posts-list .post-inner.colour-4 {
  border-color: #1E6AB4;
}
.latest-posts-list .post-inner.colour-5,
.posts-list .post-inner.colour-5 {
  border-color: #f6c348;
}
.latest-posts-list .post-list-image,
.posts-list .post-list-image {
  text-align: center;
  display: block;
  float: left;
  margin-bottom: 10px;
}
.latest-posts-list .post-list-image img,
.posts-list .post-list-image img {
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.latest-posts-list .latest-post-content,
.posts-list .latest-post-content {
  text-align: left;
}
.latest-posts-list .categories,
.posts-list .categories {
  list-style: none;
  position: relative;
}
.latest-posts-list .categories li,
.posts-list .categories li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  color: #e3569f;
  text-transform: uppercase;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  margin-right: 10px;
  font-weight: 300;
  line-height: 1.4em;
}
.latest-posts-list .categories li.last,
.posts-list .categories li.last {
  margin-right: 0;
}
.latest-posts-list .categories li a,
.posts-list .categories li a {
  color: #e3569f;
  text-decoration: none;
}
.latest-posts-list .categories li a:hover,
.posts-list .categories li a:hover {
  text-decoration: underline;
}
.latest-posts-list .post-list-title,
.posts-list .post-list-title {
  width: 100%;
  float: left;
  margin-bottom: 0;
  line-height: 1.3em;
  font-size: 18px;
  font-weight: 100;
}
.latest-posts-list .post-list-title a,
.posts-list .post-list-title a {
  text-decoration: none;
  color: #1E6AB4;
  font-family: 'muli_bold';
  float: left;
}
.latest-posts-list .published-date,
.posts-list .published-date {
  color: #1E6AB4;
  font-family: 'muli_bold';
  font-size: 14px;
  line-height: 1.4em;
  font-weight: 100;
  margin-bottom: 10px;
}
.latest-posts-list .post-excerpt,
.posts-list .post-excerpt {
  font-size: 13px;
  margin-bottom: 10px;
}
.latest-posts-list .read-more,
.posts-list .read-more {
  margin-top: 20px;
  text-decoration: none;
  color: #5E5E5E;
  width: 100%;
  float: left;
}
.latest-posts-list .read-more .icon-font,
.posts-list .read-more .icon-font {
  margin-left: 10px;
  font-size: 13px;
  transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  -webkit-transition: .3s;
}
.latest-posts-list .read-more:hover .icon-font,
.posts-list .read-more:hover .icon-font {
  margin-left: 20px;
}
/*-- No Posts --*/
.no-posts {
  margin: 20px 0;
  text-align: center;
}
.no-posts h2 {
  margin-bottom: 20px;
  font-size: 28px;
}
.no-posts p {
  font-size: 20px;
  font-family: 'muli_bold';
  line-height: 1.6em;
}
.no-posts p a {
  color: #819142;
  text-decoration: none;
}
.no-posts p a:hover {
  text-decoration: underline;
}
/*-- Pager --*/
.taxonomy-pager {
  margin: 20px 0 40px;
}
/*-- Title Block --*/
.blog-scroll-link-outer {
  position: absolute;
  top: -68px;
  left: 0;
  text-align: center;
}
.blog-scroll-link-outer a {
  width: 68px;
  height: 68px;
  line-height: 68px;
  box-sizing: border-box;
  border: 2px solid #ffffff;
  color: #ffffff;
  display: block;
  margin: 0 auto;
  text-decoration: none;
  border-bottom: none;
  background: rgba(255, 255, 255, 0.1);
}
.blog-scroll-link-outer a:hover {
  background: #ffffff;
  color: #819142;
}
.entity-title {
  text-align: center;
}
.entity-title .title {
  font-family: 'muli_bold';
  font-weight: 100;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 36px;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  width: 100%;
  float: left;
}
.entity-title .entity-meta {
  font-size: 16px;
  margin-bottom: 20px;
  color: #808080;
  font-style: italic;
  width: 100%;
  float: left;
}
.entity-title .entity-meta a {
  color: #808080;
  text-decoration: none;
}
.entity-title .entity-meta a:hover {
  text-decoration: underline;
}
.entity-title .addthis_sharing_toolbox {
  margin: 0;
  text-align: center;
  width: 100%;
  float: left;
}
.entity-title .addthis_sharing_toolbox a {
  margin: 0 5px!important;
  float: none;
  display: inline-block;
  *display: inline;
  zoom: 1;
}
.entity-title .addthis_sharing_toolbox:after {
  width: 50%;
  max-width: 150px;
  margin: 20px auto;
  border-bottom: 1px solid #D1D1D1;
  display: block;
  content: '';
}
.entity-title .categories {
  margin-top: 10px;
}
.entity-title .categories li {
  display: inline-block;
  *display: inline;
  zoom: 1;
  text-transform: uppercase;
  font-size: 16px;
  margin-bottom: 10px;
}
.entity-title .categories li a {
  color: #808080;
  text-decoration: none;
}
.entity-title .categories li a:hover {
  text-decoration: underline;
}
.comments {
  margin: 40px 0;
  text-align: center;
  min-height: 200px;
}
.comments h3 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 20px;
}
/*-- Featured Image --*/
.post-featured-image {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 0;
}
.post-featured-image img {
  width: 100%;
}
/*-- Main Content --*/
.wrapper .entity-view-content {
  padding: 20px 0 0;
}
.entity-view-content img {
  margin-bottom: 20px;
  width: 100%;
}
.entity-view-content .row .column img {
  width: auto;
  max-width: 100%;
}
.entity-view-content h2 {
  margin-top: 20px;
  font-size: 28px;
  text-align: center;
}
.entity-view-content h3 {
  margin-top: 20px;
  text-align: center;
}
.entity-view-content h4 {
  font-size: 16px;
  margin-top: 20px;
  text-transform: none;
  font-weight: 600;
  font-family: 'muli_bold';
  float: left;
  width: 100%;
}
@media all and (max-width: 550px) {
  .post-featured-image {
    position: fixed;
    left: -20%;
    width: 140%;
  }
}

@media (max-width: 1500px){
  #header-right {width:36%;}  
}
@media (max-width: 1280px){
  #header-right {width:33%;}  
}

@font-face{font-family:icons;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/icons/sugarshack.svg#sugarshack) format('svg');font-weight:400;font-style:normal}@font-face{font-family:food-font;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/sugar-shack-food/sugar-shack-food.svg#sugarshack) format('svg');font-weight:400;font-style:normal}@font-face{font-family:muli_regular;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Regular.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli#garamondregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:muli_bold;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Bold#garamondregular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:muli_light;src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli-Light.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/gene/default/fonts/Muli/Muli#garamondregular) format('svg');font-weight:400;font-style:normal}.inline-block{display:inline-block;zoom:1}.relative{position:relative}.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-flow:row wrap;flex-flow:row wrap}.icon-font{font-family:icons}.food-font{font-family:food-font}.stripped-border{float:left;width:100%;background-image:url(/skin/frontend/gene/default/images/banners/stripes.png);height:2px;background-size:100% auto}.transition{transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}.transition-easing{transition:.3s cubic-bezier(.175,.885,.32,1.275);-o-transition:.3s cubic-bezier(.175,.885,.32,1.275);-ms-transition:.3s cubic-bezier(.175,.885,.32,1.275);-moz-transition:.3s cubic-bezier(.175,.885,.32,1.275);-webkit-transition:.3s cubic-bezier(.175,.885,.32,1.275)}.transition-long{transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.animation-delay{-webkit-transition-delay:.2s;transition-delay:.2s}.animation-long-delay{-webkit-transition-delay:.5s;transition-delay:.5s}.no-delay{-webkit-transition-delay:0s;transition-delay:0s}.no-transition{transition:0s;-o-transition:0s;-ms-transition:0s;-moz-transition:0s;-webkit-transition:0s}@media all and (max-width:1024px){.tablet-large-hidden{display:none!important}.tablet-large-only{display:inline-block}.wrapper{width:98%;padding-right:20px;padding-left:20px;box-sizing:border-box}.checkout-wrapper{width:100%;padding-right:14px;padding-left:14px;box-sizing:border-box}.main-title.with-image{height:300px}#header .wrapper{width:96%!important;margin-left:2%!important;margin-right:2%!important;padding-left:0!important;padding-right:0!important}#header #header-last ul li{font-size:18px}#header-search{margin:16px 10px}#header-search input[type=text],#header-search input[type=search]{width:110px}#main-navigation li{text-align:center;float:left}#main-navigation li a{color:#fff;text-decoration:none;font-family:muli_regular;font-size:16px}#main-navigation li.level0.level-top{display:none}#main-navigation li.level0.level-top .drop-down{position:absolute;top:100%;left:0;width:100%;padding:0;background-color:#f27E8F}#main-navigation li.level0.level-top li.level1{float:left;width:10.28%;padding:0 2%;text-align:center}#main-navigation li.level0.level-top li.level1.over{background-color:#fff}#main-navigation li.level0.level-top li.level1.over a{color:#f27E8F}#main-navigation li.level0.level-top li.level1 a .icon-font{float:left;width:100%;padding-top:10px;font-size:36px;min-height:auto;margin-left:0}#main-navigation li.level0.level-top li.level1 a.over{background-color:transparent}#main-navigation li.level0.level-top li.level1 a.over:after{display:none}#main-navigation li.level0.level-top li.level1 .drop-down{display:none;background-color:#fff;width:96%;padding:20px 2%}#main-navigation li.level0.level-top li.level1 .drop-down li.level2{width:21%}#footer-right{width:100%}#footer-right .one-half{width:100%;margin:0;text-align:center}.footer-list{width:100%;margin:0}.footer-list li{width:100%;margin-right:0}#footer-social .one-third{width:100%;text-align:center}#footer-social .one-third .social-networks li{float:none;display:inline-block;margin:0 10px}.copywrite-text{width:100%;padding:0;text-align:center;margin-top:20px}#breadcrumbs{margin:20px 0}.page-title{margin-bottom:14px}.cms-page-view .cms-content{width:90%;margin-left:5%;margin-right:5%}.cms-page-view .cms-content table td,.cms-page-view .cms-content table th{font-size:14px;padding:10px}#homepage-tabs-outer .homepage-tab{background-position:center center}#homepage-tabs-outer .homepage-tab h3{font-size:36px}#homepage-tabs-outer .homepage-tab h3 sup{font-size:36px}#homepage-tabs-outer .homepage-tab h4{font-size:20px}#homepage-tabs-outer .homepage-tab .column{width:65%;margin:0}#homepage-tabs-outer .tab{font-size:20px}.products-grid .item.column,.products-grid .item.column.last{margin-right:5%;width:30%}.products-grid .item.column.last:nth-child(3n),.products-grid .item.column:nth-child(3n){margin-right:0}.column.product-img-box{width:60%;margin-right:0;padding:0 20%;margin-bottom:20px}.column.product-essential{width:90%;padding:0 5%;text-align:center}.column.product-essential .product-summary li{list-style:none}.button-container-qty{float:none;width:auto;display:inline-block;margin:2px auto 0}.overall_review_container .rating-overall{float:left;width:100%}.overall_review_container .rating-overall .stars{float:left;width:100%}.sales-options .product-option{float:none;display:inline-block;margin-left:5px;margin-right:5px}.sales-options .divider{display:none}.sub-categories a .category-block.column,.sub-categories a .category-block.column.last{margin-right:5%;width:30%}.sub-categories a:nth-child(3n) .category-block.column{margin-right:0}.share-buttons{text-align:center}.share-buttons .column{display:inline-block;zoom:1;float:none;margin:0 5px}.share-buttons .column a{font-size:13px}.academy-product .container{display:none}}@media all and (min-width:951px){.footer-column.column ul{display:block!important}}@media all and (max-width:950px){.wrapper{padding-right:10px!important;padding-left:10px!important}.tablet-hidden{display:none}.tablet-only{display:inline-block}td.tablet-only,th.tablet-only{display:table-cell}.tablet-full{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.std address,.std ol li,.std p,.std ul li{font-size:14px}h1{font-size:28px}h2{font-size:20px}.main-title.with-image{height:200px}.main-title.with-image:after{bottom:-40px;border-right:40px solid #fff;border-top:40px solid transparent;border-bottom:40px solid transparent}.main-title-inner{padding:20px}.small-title{font-size:14px}.large-line-title{font-size:28px}#main-column,#sidebar-column{width:100%;margin:0 0 40px 0;padding-bottom:40px}#main-column.last,#sidebar-column.last{padding-bottom:40px;margin-bottom:0}.tab-content{float:left;width:100%;padding-bottom:40px}.header-block{display:none!important}#header-top{position:relative;top:0;left:0}#header-top #header-top-left{width:85%}#header-top #header-top-left #header-phone{display:none}#header-top #header-top-left #header-message{width:100%;text-transform:uppercase;text-align:left}#top-links li a .icon-font{font-size:22px;margin:0}#header-center{width:calc(100% - 190px);padding:10px 0}#header{z-index:10;background:#fff;text-align:center;padding:0}#header .wrapper{width:100%!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.scrolled #header{top:0;position:fixed;left:0}#header-left{text-align:center;width:calc(100% - 190px);padding:0;margin:0}#header-left #main-logo{height:55px;width:107px;background-image:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/main@2x.png);background-size:107px 55px!important;margin:20px 0;float:none!important;display:inline-block;zoom:1}#header-right{display:none}#header-message p .icon-font,#header-top-text p .icon-font{font-size:14px}.mobile-basket-link .mini-basket-qty{background:#1E6AB4;color:#fff;top:26px}#mobile-navigation{display:block}#menu-close{display:block}.search-container{display:none}.column.column-6.copyright-links{width:100%;text-align:center;line-height:normal}.column.column-6.sub-footer-links{width:100%}#sidebar-column{display:none}.footer-image{display:none}#sub-footer ul{width:100%;text-align:center;margin-bottom:10px;line-height:normal}#sub-footer ul li{display:inline-block;width:auto;margin:0;padding:0 10px;float:none;border:0}.footer-column-text,.footer-column.column{width:90%;margin:0 5%;text-align:center}.footer-column-text .footer-column-inner,.footer-column.column .footer-column-inner{width:100%;padding:0;border:none;height:auto!important}.footer-column-text.last,.footer-column.column.last{border-bottom:none}.footer-column-text h4,.footer-column.column h4{float:left;width:100%;line-height:68px;color:#fff;cursor:pointer;margin:0;font-size:14px;text-transform:uppercase}.footer-column-text h4:after,.footer-column.column h4:after{content:'+';font-family:icons;margin-left:20px;font-size:20px}.footer-column-text h4.active:after,.footer-column.column h4.active:after{content:'-'}.footer-column-text ul,.footer-column.column ul{display:none}.footer-column-text p,.footer-column.column p{display:none}.footer-block{width:100%;height:auto!important;text-align:center}.footer-block.first{border-bottom:1px solid #D1D1D1}.wrapper-half{width:100%}.badge-block h3{float:none}.badge-block .slick-track{text-align:center;min-width:100%}.badge-block .slick-slide{float:none;display:inline-block;zoom:1}.social-networks{margin-bottom:0}.common-slide{text-align:center}.common-slide .column{margin:0;width:100%}.common-slide .column.last{display:none}.common-slide .tablet-image{display:inline-block;zoom:1}.common-slide li{display:block;margin:0 0 10px!important}.common-slide .wrapper{float:left;width:100%;padding-left:5%;padding-right:5%}.homepage-row{margin-bottom:40px}.homepage-slide h2{font-size:36px;margin-bottom:20px}.homepage-slide h2 sub,.homepage-slide h2 sup{font-size:36px}.homepage-slide p{font-size:16px;margin-bottom:20px}.column.featured-block{width:50%;margin:0 0 20px;padding:0 25% 20px;border-bottom:1px solid #D1D1D1}.column.featured-block.last{margin-bottom:0;border:none;padding-bottom:0}.contact-column,.contact-column.last{width:100%;text-align:center;height:auto!important}.contact-column .half-wrapper,.contact-column.last .half-wrapper{max-width:100%}.fancybox-title{font-size:14px}.fancybox-title-float-wrap .child{padding:10px 2%}.products-grid.featured-grid{text-align:center}.products-grid.featured-grid .slick-next,.products-grid.featured-grid .slick-prev{position:static;display:inline-block;zoom:1;margin:0 5px;color:#fff;background:0 0}.products-grid.featured-grid .slick-next:before,.products-grid.featured-grid .slick-prev:before{color:#fff;font-size:36px}.products-grid.featured-grid .slick-next:hover:before,.products-grid.featured-grid .slick-prev:hover:before{color:#f6c348;font-size:36px}.active-filters{display:none}.toolbar-top-outer{position:fixed;bottom:0;left:0;z-index:100;margin:0;transform:translateY(68px);-ms-transform:translateY(68px);-webkit-transform:translateY(68px);transition:.3s;-o-transition:.3s;-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s}.toolbar-top-outer.active{transform:translateY(0);-ms-transform:translateY(0);-webkit-transform:translateY(0)}.toolbar-top-outer .toolbar{margin:0;border-bottom:0}.toolbar-top-outer .toolbar .wrapper{padding:0}.filter-block-outer{opacity:1;position:static;width:100%;display:none;border:0}.filter-block-outer .wrapper-half{width:100%;float:left}#list-filters{border:0}.product-shop .product-name h1{font-size:28px}.product-accordions{margin-top:20px;text-align:left}.product-accordions .accordion-link{border-top:1px solid #9B9B9B;line-height:68px}.product-accordions .accordion-link:after{line-height:68px}.addthis_sharing_toolbox{text-align:center}.addthis_sharing_toolbox a{display:inline-block;zoom:1;float:none;margin:0 10px!important}.cart-table .price-column{display:none}.cart-collaterals .column{width:100%;margin-right:0;margin-bottom:40px}.cart-collaterals .column.last{margin-bottom:0;border-bottom:none;padding-bottom:0}.checkout-header-text{line-height:55px;font-size:18px}.checkout.page{padding:40px 0}.checkout-wrapper .large-title{margin-bottom:40px;font-size:28px}.checkout-wrapper .large-title-block{margin-bottom:40px}.checkout-wrapper .large-title-block .large-title{margin-bottom:0}.checkout-wrapper .large-title-block .large-title-link{line-height:28px}.column.checkout-main-content{width:100%;margin-right:0}.checkout-main-sidebar{display:none}#checkout-footer .column{width:100%;margin:0 0 20px;text-align:center}#checkout-footer .payment-types{text-align:center}.customer-account-page #sidebar-column{display:none}.customer-account-page #main-column{height:auto!important}#my-orders-table .order-button{width:100%;display:block;line-height:2em;text-align:center}#my-orders-table .separator{display:none}#my-orders-table td,#my-orders-table th{font-size:14px}.featured-category{width:100%!important;margin-bottom:20px}#homepage-latest-blog .blog-post{width:100%!important;margin-bottom:40px}.block-row{width:80%;margin:auto 10%}.block-row .featured-category{margin-bottom:40px}.academy-listing .item .image-column{width:40%;margin-right:15px}.academy-listing .item .product-list-information{width:calc(60% - 15px)}.academy-listing .item .product-list-information .product-name{margin-bottom:10px}.academy-listing .item .product-list-information .column-8{width:100%;margin:0}.academy-listing .item .product-list-information .column-4{width:100%;margin:0;text-align:left}.academy-listing .item .text-link{display:none}.academy-listing .item .price-box{text-align:left}.academy-listing .item .button{margin-top:0}#reviews-header{float:left;width:96%;padding:40px 2%;background-color:#f27E8F}#reviews-header .title-block{float:left;width:100%;text-align:center}#reviews-header .title-block h2{float:left;width:100%;font-family:muli_bold;color:#fff;text-transform:uppercase;font-size:28px}#reviews-header .attributes{width:90%;margin:40px 5%;text-align:center}.single-review .sidebar{width:30%}.single-review .main-review{width:calc(70% - 2px)}.single-review .main-review .review-attributes{width:100%}.single-review .main-review .helpful-vote-bar .thumbs{width:100%}.all-reviews .button{width:40%;margin:20px 30%}.sidebar-open #body-inner{transform:translate(-350px);-ms-transform:translate(-350px);-webkit-transform:translate(-350px)}.social-networks .social-link{width:auto;margin-left:2.5%;margin-right:2.5%}}@media only screen and (max-width:950px) and (-webkit-min-device-pixel-ratio:2),only screen and (max-width:950px) and (min--moz-device-pixel-ratio:2),only screen and (max-width:950px) and (-o-min-device-pixel-ratio:2/1),only screen and (max-width:950px) and (min-device-pixel-ratio:2),only screen and (max-width:950px) and (min-resolution:192dpi),only screen and (max-width:950px) and (min-resolution:2dppx){#main-logo{background-image:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/small@2x.png)}}@media all and (max-width:750px){.mobile-hidden{display:none}.mobile-only{display:inline-block}.button .mobile-hidden{display:none!important}.button .mobile-only{display:block!important}.checkout-wrapper,.wrapper{padding-right:20px;padding-left:20px}.messages li,.std .messages li{text-align:center;padding:10px 0;margin:0}#breadcrumbs{margin-top:20px}.line-title span{padding:0}.line-title span:after,.line-title span:before{display:none}#payment_form_gene_braintree_creditcard.form-list .field .input-box,.form-list .field .input-box{width:70%}#payment_form_gene_braintree_creditcard.form-list .field label,.form-list .field label{width:27%;margin-right:3%}#header-top-text{display:none}#header-message{float:left;text-align:center;margin:0;padding:0}#header-message p{font-size:13px}.mobile-footer-link{width:100%!important}#navigation-search-form input[type=search]{width:calc(80% - 20px)}#navigation-search-form .search-button{width:20%}.main-nav li{font-size:14px}#sub-navigation.fixed{width:310px}#page-sidebar{width:350px}#page-sidebar:before{top:-350px;border-top:350px solid transparent;border-bottom:350px solid transparent;border-left:350px solid #f27E8F}#page-sidebar h3{font-size:20px;margin:10px 0;line-height:1em}.basket-checkout-button.button{font-size:14px}.sidebar-content p{font-size:14px}#homepage-banner{height:320px}#homepage-banner .wrapper{height:320px}#homepage-banner-content h1{font-size:30px}#homepage-tabs-carousel .homepage-tab-inner{padding-top:40px;padding-bottom:40px}.column.featured-block{width:80%;padding-left:10%;padding-right:10%}.error-page .cms-content p{font-size:16px}.error-page h1{font-size:36px;margin-bottom:20px}.page-title{text-align:center}.products-grid .item.column,.products-grid .item.column.last,.products-grid .item.column:nth-child(3n){margin-right:5%;width:47.5%}     .blog-page .products-grid .item.column,.products-grid .item.column.last,.products-grid .item.column:nth-child(3n){margin-right:5% !important; width:43.5% !important}.products-grid .item.column.last:nth-child(2n),.products-grid .item.column:nth-child(2n),.products-grid .item.column:nth-child(3n):nth-child(2n){margin-right:0}.products-grid.featured-grid{width:100%;padding-left:0;padding-right:0}.products-grid .item .inner{margin:0}.grey-notice{background-color:#f3f3f3;width:90%;padding:10px 5%;text-align:center;margin-bottom:40px}.column.product-img-box{width:80%;padding:0 10%;margin-top:25px}#crosssell-products li{width:70px;height:70px}#crosssell-products li a .forward{width:70px;height:70px;line-height:70px}#upsell-related{width:90%;padding-left:5%;padding-right:5%}#related-upsell-outer{margin-top:20px;padding-top:20px}#related-upsell-outer .slick-next:before,#related-upsell-outer .slick-prev:before{font-size:26px}#related-upsell-navigation{margin-bottom:20px}#related-upsell-navigation li{font-size:14px}.cart-table{margin-bottom:20px}.cart-table .subtotal-column{display:none}.login-section{display:none;width:100%;margin:20px 0 0 0;padding-top:20px;border-top:1px dashed #D1D1D1}.login-section.active{display:block}.login-section .normalise-heights-block{height:auto!important}.login-section h3{display:none}.login-section .buttons-set{text-align:center;padding-top:20px;border-top:1px dashed #D1D1D1}.login-section .buttons-set .button{height:68px;line-height:68px;font-size:16px;font-weight:600;width:100%;text-align:center;padding:0;background:#00c98e;margin-left:0;margin-right:0}.login-section .buttons-set .button:hover{background:#00bf87}.login-section .buttons-set .text-link{float:none;display:inline-block;zoom:1;margin-top:20px;line-height:1em}#success-main p{line-height:1.6em}.account-page-inner .half-block{width:100%;margin-right:0;margin-bottom:20px}.account-page-inner .half-block.last{margin-bottom:0}.account-page-inner .half-block.mobile-border{border-top:1px solid #D1D1D1;padding-top:20px}a.account-lightbox{background-color:#1E6AB4;color:#fff}a.account-lightbox:hover{color:#fff}.navigation-header-link:hover{color:#fff}.card-control.control{margin-left:0;width:100%}.sub-categories a .category-block.column,.sub-categories a .category-block.column.last{margin-right:2.5%;margin-left:2.5%;width:45%}.sub-categories a:nth-child(3n) .category-block.column{margin-right:2.5%;margin-left:2.5%;width:45%}.sub-categories a:nth-child(2n) .category-block.column{margin-right:2.5%;margin-left:2.5%;width:45%}.image-column{width:calc(25% - 20px)}.description-column{width:calc(75% - 20px)}.cart-column{float:right!important;width:calc(75% - 20px);text-align:center}.cart-column input[type=number]{width:calc(100% - 20px)}.block-row{width:98%;margin:0 auto}.academy-listing .item{margin-right:5%;width:47.5%}.academy-listing .item:nth-child(2n){margin-right:0}.academy-listing .item .image-column{width:100%;margin-right:0;margin-bottom:20px}.academy-listing .item .product-list-information{width:100%}.academy-listing .item .product-list-information .column-4,.academy-listing .item .product-list-information .column-8{text-align:center}.academy-listing .item .text-link{display:block;width:100%;text-align:center;line-height:normal;margin:10px 0}.academy-listing .item .price-box{text-align:center}.academy-listing .item .button{margin-top:10px}#reviews-header .attributes{width:100%;margin:40px 0}#reviews-header .attributes .attribute-stars{width:50%;margin:0}#reviews-header .attributes .attribute-stars p{width:50%}#reviews-header .attributes .attribute-stars label{width:50%}.single-review .main-review{width:90%;margin-left:5%;margin-right:5%;margin-bottom:20px}.single-review .main-review .review-attributes{width:80%}.single-review .main-review .helpful-vote-bar .thumbs{width:100%}.single-review .main-review .review-attributes .attribute>*{width:100%}.single-review .main-review .review-attributes .attribute>* .star{font-size:18px}.all-reviews .button{width:80%;margin:20px 10%;padding:0}.review-form{width:100%}.review-form label{width:100%;margin-bottom:10px}.review-form #button-submit{margin-bottom:40px}.account-reviews .single-review .review-product-image{width:80%;margin:0 10% 20px}.account-reviews .single-review .review-product-image img{float:none;margin:0 auto;display:block}.account-reviews .single-review .product-detail{width:100%;text-align:center}.product-review .review-product-image{width:80%;margin:0 10% 20px}.product-review .review-detail{width:100%;text-align:center}.product-review .button.small{width:37%;text-align:center}.filter-button.grey{float:none;display:table;margin:0 auto}.nickname-form{width:100%!important}.nickname-form input{background-color:#fff;width:calc(70% - 20px);margin-right:2%}.nickname-form .button{width:28%;height:48px}#account-links li{width:100%;min-width:100px;height:auto}#account-links li a{float:left;width:100%}#account-links li a:hover .icon-font{font-size:22px;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1)}#account-links li .icon-font{float:left;margin:0 20px;font-size:22px;line-height:68px;padding:0}#account-links li .text{float:left;line-height:68px;font-size:16px}}@media all and (max-width:550px){.small-hidden{display:none!important}.small-only{display:inline-block!important}.small-only.inline{display:inline!important}.main-title.with-image{height:auto}.main-title.with-image:after{display:none}.main-title-inner{position:static;text-align:center;background:rgba(0,0,0,.3);opacity:1;width:100%;box-sizing:border-box;padding:40px 20px}#payment_form_gene_braintree_creditcard.form-list .field .input-box,.form-list .field .input-box{width:100%}#payment_form_gene_braintree_creditcard.form-list .field label,.form-list .field label{display:none}#payment_form_gene_braintree_creditcard.form-list .field label.mobile-visible,.form-list .field label.mobile-visible{display:block;width:100%;line-height:1em;margin:0 0 5px 0;text-align:left}#payment_form_gene_braintree_creditcard.form-list .field label.mobile-visible em,.form-list .field label.mobile-visible em{float:left;margin:0 5px 0 0;display:none}.control{width:100%;margin-left:0;line-height:48px}.buttons-set .button{width:100%;padding:0;text-align:center}.buttons-set .text-link{width:100%;text-align:center}.lightbox-content.text-lightbox{padding:40px 5%;min-width:90%;width:90%}#top-links{height:auto;padding:0}#top-links li{width:auto}#top-links li a{font-size:26px}#mini-basket-qty{right:auto;left:-10px;top:10px}#menu-close{font-size:26px}#page-sidebar .page-sidebar-close{font-size:26px}.social-networks li a{font-size:24px}#newsletter-sign-up{width:90%;margin:0 5%}#newsletter-sign-up input[type=text],#newsletter-sign-up input[type=email]{width:100%!important;box-sizing:border-box}#newsletter-sign-up .button{width:100%!important}#breadcrumbs li{font-size:12px}.no-breadcrumbs{height:20px}.page-title{margin-top:20px}.page-title h1{font-size:28px;line-height:1em}.page-title.with-button h1{width:100%;text-align:center;margin-top:20px;margin-bottom:20px}.std address,.std h2,.std h3,.std p{text-align:center}.std h2{font-size:20px}.std h3{font-size:16px}.cms-page-view .page-title{margin-bottom:20px}.cms-page-view .page-title:after{display:none}.cms-page-view .page-title h1{width:100%;line-height:1.4em;padding:0}.cms-page-view .cms-content{width:100%;margin-left:0;margin-right:0}.product-list-information{text-align:center}.product-name{font-size:12px}.list-control.with-button{width:100px}.list-control.with-button label{display:block}.list-control.with-button select{opacity:0}.list-control.with-button:after{display:none}.btn-cart span{float:none}.btn-cart:after{display:none}.toolbar-top{border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1}.products-grid .roundel-container{width:56px!important}.products-grid .roundel-container .roundel{display:none}.products-grid .roundel-container .roundel-image{width:50px;display:none}.products-grid .roundel-container .roundel-image.first{display:block}.pager li{display:none}.pager li.next-pager{float:right;display:block}.pager li.previous-pager{float:left;display:block}.column.product-img-box{width:100%;padding:0}.cart-image{display:none;margin-right:10px}.cart-image a,.cart-image img{width:60px}.cart-details{width:100%}#checkout-header-right{display:none}#checkout-header,.checkout-wrapper .large-title{text-align:center}.large-title-block .column.column-6{width:100%;text-align:center;margin:20px 0 0 0}.large-title-block .column.column-6.last{margin-top:0}.large-title-block .column.column-6 .large-title-link{float:none}#checkout-payment-method-load dt label{text-align:center}#checkout-payment-method-load dt label .card-types{display:none}#checkout-payment-method-load dt label .payment-title{text-align:center;float:left;width:100%;margin:0}#checkout-payment-method-load dt label .payment-title.paypal-text-title{display:none}#checkout-payment-method-load dt label .paypal-replace{display:inline-block;zoom:1;float:none;width:82px;height:24px;margin:4px 0;background-size:82px 48px}.saved-card-label-text{line-height:32px}.card-control input{margin-top:10px}.card-control label{float:left;line-height:32px}.card-control label img{width:32px}.grouped-item{width:calc(50% - 1px);padding:20px 0!important}.quantity-container{margin:10px 5px 0 5px}.image-column{width:calc(65% - 20px);margin:0 auto;float:none!important}.description-column{width:calc(100% - 20px);text-align:center}.description-column h3{font-size:28px}.cart-column{float:right!important;width:calc(100% - 20px);border-bottom:1px solid #D1D1D1;text-align:center}.cart-column input[type=number]{width:calc(100% - 20px)}.buttons-set .button{margin-bottom:10px}.products-grid .btn-cart,.products-grid .price-box .minimal-price,.products-grid .price-box .special-price,.products-grid .price-list .price-box,.products-grid .product-name{font-size:14px}.products-grid .product-name{font-size:12px}.products-grid .item .inner{margin:0;padding-bottom:10px}.sub-categories a .category-block.column,.sub-categories a .category-block.column.last{width:100%}.sub-categories a:nth-child(3n) .category-block.column{width:100%}.sub-categories a:nth-child(2n) .category-block.column{width:100%}.lazy-load .product-image .loader:after{font-size:45px}.academy-listing .item{margin-right:0;width:100%}#reviews-header .attributes .attribute-stars{width:100%}#reviews-header .attributes .attribute-stars p{text-align:left}#reviews-header .attributes .attribute-stars label{width:calc(50% - 10px);text-align:right;padding-right:10px}.single-review .main-review{width:96%;margin-left:4%}.single-review .main-review .review-attributes{width:100%}}@media all and (min-width:1300px){.wrapper{width:1180px;max-width:100%}.wrapper-half{width:590px}.page-row{margin-bottom:80px}.addthis_sharing_toolbox a{margin:0 20px!important}#main-logo{height:80px;/*height:90px;*/width:150px;background:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/main.png) center center no-repeat;/*background-size:150px 90px*/background-size:150px 80px}#video-block .wrapper-half{min-height:350px}.desktop-hidden{display:inline-block!important}.filter-title,.sort-list li,.toolbar-link{line-height:48px;font-size:20px}#product-addtocart-button{padding:0 80px}.ingredient-details-inner .std{width:90%;margin-right:10%}.checkout-header-text{line-height:80px}}@media only screen and (min-width:1300px) and (-webkit-min-device-pixel-ratio:2),only screen and (min-width:1300px) and (min--moz-device-pixel-ratio:2),only screen and (min-width:1300px) and (-o-min-device-pixel-ratio:2/1),only screen and (min-width:1300px) and (min-device-pixel-ratio:2),only screen and (min-width:1300px) and (min-resolution:192dpi),only screen and (min-width:1300px) and (min-resolution:2dppx){#main-logo{background-image:url(https://www.sugarshack.co.uk/skin/frontend/gene/default/images/logos/main@2x.png)}}@media all and (min-width:1500px){.wide-hidden{display:none!important}.wide-only{display:block}.wide-show{display:block}.wide-hide{display:none}#page.active{transform:translate(0);-ms-transform:translate(0);-webkit-transform:translate(0)}#page.active:after{display:none}.wrapper{width:1240px}.wrapper-half{width:620px}#main-logo{margin-right:40px}.footer-list li{font-size:16px}#video-block .wrapper-half{min-height:400px}#video-block .icon-font{font-size:115px}.badge-carousel .badge img{width:70%;margin-right:30%}.cms-page-view .cms-content{width:60%;margin-left:20%;margin-right:20%}#homepage-carousel .homepage-slide{min-height:350px}#homepage-carousel .homepage-slide h2{font-size:70px}#homepage-carousel .homepage-slide h2 sup{font-size:70px}#homepage-carousel .homepage-slide p{font-size:28px}}@media all and (min-width:1800px){.extra-wide-hidden{display:none!important}#video-block .wrapper-half{min-height:450px}#video-block .icon-font{font-size:130px}.badge-carousel .badge img{width:65%;margin-right:35%}}
div.block-related-category .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-category .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-category .aw-arp-item img {
    border: 1px solid #A9A9A9;
    width: 75px;
    margin-bottom: 10px;
}

div.block-related-category .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-category .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-category .footer .aw-arp-block-content a {
    color: #1E7EC8;
}
@font-face{font-family:bluefoot-icons;src:url(https://www.sugarshack.co.uk/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.eot);src:url(https://www.sugarshack.co.uk/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.eot?#iefix) format('embedded-opentype'),url(https://www.sugarshack.co.uk/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.woff) format('woff'),url(https://www.sugarshack.co.uk/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.ttf) format('truetype'),url(https://www.sugarshack.co.uk/skin/frontend/base/default/gene/bluefoot/fonts/bluefoot/bluefoot.svg#bluefoot) format('svg');font-weight:400;font-style:normal}.bluefoot-full-width{float:left;width:100%}.bluefoot-wrapper{width:100%;max-width:1260px;margin:0 auto;box-sizing:border-box;padding-left:15px;padding-right:15px}.bluefoot-entity{box-sizing:border-box}.bluefoot-align-left{text-align:left}.bluefoot-align-right{text-align:right}.bluefoot-align-center{text-align:center}.bluefoot-align-center img{margin-left:auto;margin-right:auto}@media all and (min-width:1500px){.bluefoot-wrapper{max-width:1440px}}.bluefoot-mobile-only{display:none!important}@media all and (max-width:770px){.bluefoot-mobile-only{display:block!important}.bluefoot-mobile-hidden{display:none!important}}.bluefoot-icons{font-family:bluefoot-icons}.transition{transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.main-container.full-width-layout{max-width:100%;width:100%;padding-left:0;padding-right:0}.bluefoot-column{float:left;padding:15px;box-sizing:border-box;min-height:1px}.bluefoot-column.right{float:right}.bluefoot-column.bluefoot-no-padding{padding:0}.bluefoot-column-12{width:100%}.bluefoot-column-11{width:91.66666667%}.bluefoot-column-10{width:83.33333333%}.bluefoot-column-9{width:75%}.bluefoot-column-8{width:66.66666667%}.bluefoot-column-7{width:58.33333333%}.bluefoot-column-6{width:50%}.bluefoot-column-5{width:41.66666667%}.bluefoot-column-4{width:33.33333333%}.bluefoot-column-3{width:25%}.bluefoot-column-2{width:16.66666667%}.bluefoot-column-1{width:8.33333333%}@media all and (max-width:990px){.bluefoot-column-12{width:100%}.bluefoot-column-12.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-11{width:100%}.bluefoot-column-11.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-10{width:100%}.bluefoot-column-10.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-9{width:100%}.bluefoot-column-9.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-8{width:100%}.bluefoot-column-8.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-7{width:100%}.bluefoot-column-7.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-6{width:100%}.bluefoot-column-6.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-5{width:50%}.bluefoot-column-4{width:50%}.bluefoot-column-3{width:50%}.bluefoot-column-2{width:50%}.bluefoot-column-1{width:50%}}@media all and (max-width:770px){.bluefoot-column-12{width:100%}.bluefoot-column-12.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-11{width:100%}.bluefoot-column-11.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-10{width:100%}.bluefoot-column-10.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-9{width:100%}.bluefoot-column-9.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-8{width:100%}.bluefoot-column-8.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-7{width:100%}.bluefoot-column-7.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-6{width:100%}.bluefoot-column-6.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-5{width:100%}.bluefoot-column-5.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-4{width:100%}.bluefoot-column-4.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-3{width:100%}.bluefoot-column-3.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-2{width:100%}.bluefoot-column-2.bluefoot-fixed-height-item{height:auto!important}.bluefoot-column-1{width:100%}.bluefoot-column-1.bluefoot-fixed-height-item{height:auto!important}}.bluefoot-row{margin-left:-15px;margin-right:-15px;box-sizing:border-box}.bluefoot-row.bluefoot-wrapper-row,.bluefoot-row.with-media-background{margin-left:0;margin-right:0}.bluefoot-row:after,.bluefoot-row:before{content:'';display:table}.bluefoot-row:after{clear:both}.col-main .bluefoot-row>.bluefoot-entity{padding-left:15px;padding-right:15px}.col-main .bluefoot-row>.bluefoot-entity.no-padding{padding-left:0;padding-right:0;box-sizing:border-box}.bluefoot-hr{margin:15px auto;max-width:100%;width:100%;border-width:1px;border:none;border-top:solid}.bluefoot-spacer{height:15px}.bluefoot-image img{max-width:100%;display:block}.bluefoot-image figcaption{text-align:center;margin-top:15px}.bluefoot-video{width:100%}.bluefoot-video iframe{height:500px;width:100%;max-width:100%!important}.bluefoot-driver{position:relative;float:left;width:100%}.bluefoot-driver img{max-width:100%;display:block}.bluefoot-driver:hover .bluefoot-driver-text{background:rgba(0,0,0,.6)}.bluefoot-driver-text{position:absolute;z-index:10;display:block;bottom:0;left:0;right:0;padding:15px;background:#000;background:rgba(0,0,0,.4);text-align:center;font-size:18px;color:#fff;transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.bluefoot-slider.bluefoot-slider-with-dots{margin-bottom:50px}.bluefoot-slider img{max-width:100%;margin:0 auto}.bluefoot-slider .slick-arrow{position:absolute;top:50%;width:40px;height:40px;line-height:40px;margin-top:-20px;border:none;z-index:10;padding:0;font-family:bluefoot-icons;font-size:14px}.bluefoot-slider .slick-arrow:focus{outline:0}.bluefoot-slider .slick-arrow.slick-disabled{cursor:disabled}.bluefoot-slider .slick-arrow span{width:40px;padding:0}.bluefoot-slider .slick-next{right:0}.bluefoot-slider .slick-prev{left:0}.bluefoot-slider .slick-dots{list-style:none;padding:0;text-align:center;margin:15px 0;width:100%;position:absolute;left:0;bottom:-50px}.bluefoot-slider .slick-dots li{display:inline-block;margin:0 7.5px}.bluefoot-slider .slick-dots li button{text-indent:-9999px;height:15px;line-height:15px;width:15px;border-radius:50%;border:none;background:#ddd}.bluefoot-slider .slick-dots li button:focus{outline:0}.bluefoot-slider .slick-dots li button:hover{background:#39c}.bluefoot-slider .slick-dots li.slick-active button{background:#39c}.bluefoot-advanced-slide{background-size:cover;background-repeat:no-repeat;background-position:center center}.bluefoot-advanced-slide.bluefoot-slide-with-link{cursor:pointer}.bluefoot-advanced-slide .bluefoot-advanced-slide-content{margin:30px;padding:30px;display:inline-block;width:40%;text-align:center}.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay{background:rgba(0,0,0,.4)}.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay h2,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay h3,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay h4,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay li,.bluefoot-advanced-slide .bluefoot-advanced-slide-content.bluefoot-with-overlay p{color:#fff}@media all and (max-width:990px){.bluefoot-advanced-slide{text-align:center}.bluefoot-advanced-slide .bluefoot-wrapper{padding:0}.bluefoot-advanced-slide .bluefoot-advanced-slide-content{width:60%;margin-left:20%;margin-right:20%;box-sizing:border-box}}@media all and (max-width:770px){.bluefoot-advanced-slide .bluefoot-advanced-slide-content{width:80%;margin-left:10%;margin-right:10%;padding:15px}}.bluefoot-product{background:0 0}.bluefoot-product .item li,.bluefoot-product li.item{list-style:none;margin-left:0;width:100%}.bluefoot-product .item li .product-image img,.bluefoot-product li.item .product-image img{max-width:100%;height:auto}.bluefoot-product ul.add-to-links{padding-left:0}.bluefoot-product.products-grid{margin:0;padding:0;width:auto}.bluefoot-product.products-grid .item{margin:0 0 15px}.bluefoot-product.products-grid .item .actions{display:block}.bluefoot-product.products-list{margin:0;padding:0;width:auto}.bluefoot-product-list .item li,.bluefoot-product-list li.item{list-style:none;margin-left:0}.bluefoot-product-list .item li .product-image img,.bluefoot-product-list li.item .product-image img{max-width:100%;height:auto}.bluefoot-product-list ul.add-to-links{padding-left:0}.bluefoot-product-list.products-grid{margin:0;padding:0;width:auto}.bluefoot-product-list.products-grid .item .actions{display:block}.bluefoot-newsletter.block .actions .button{float:left}.bluefoot-newsletter.block .block-title{border-top:none}.bluefoot-accordion .bluefoot-accordion-link,.bluefoot-accordion h4.bluefoot-accordion-link{cursor:pointer;margin-bottom:0;padding:15px;box-sizing:border-box;line-height:1.4em}.bluefoot-accordion .bluefoot-accordion-link:after,.bluefoot-accordion h4.bluefoot-accordion-link:after{content:'+';font-family:bluefoot-icons;float:right;font-size:1.4em;width:20px}.bluefoot-accordion .bluefoot-accordion-inner{box-sizing:border-box;padding:15px;border-top:1px solid #ededed}.bluefoot-accordion-item{border-bottom:1px solid #ededed}.bluefoot-accordion-item.active .bluefoot-accordion-link:after{content:'-'}.bluefoot-tabs .bluefoot-accordion-link{cursor:pointer;margin-bottom:0;padding:15px;box-sizing:border-box;line-height:1.4em;border-bottom:1px solid #ededed}.bluefoot-tabs .bluefoot-accordion-link:after{content:'+';font-family:bluefoot-icons;float:right;font-size:1.4em}.bluefoot-tabs .bluefoot-tabs-navigation{border-bottom:1px solid #ededed;margin:0}.bluefoot-tabs .bluefoot-tabs-navigation li{float:left;margin:0;padding:0;list-style:none}.bluefoot-tab{height:40px;line-height:40px;border:1px solid #ededed;border-bottom:none;border-right:none;background:#f6f6f6;padding:0 15px;display:block;cursor:pointer;position:relative}.bluefoot-tab:after{content:'';left:0;right:0;bottom:-1px;border-bottom:1px solid #fff;position:absolute;display:none}.bluefoot-tab.last{border-right:1px solid #ededed}.bluefoot-tab.active,.bluefoot-tab:hover{background:#fff}.bluefoot-tab.active:after{display:block}.bluefoot-tab-inner{padding:15px 0;box-sizing:border-box}.bluefoot-tab-content{display:none}.bluefoot-tab-content.active{display:block}@media all and (min-width:771px){.bluefoot-tab-inner{display:block!important}}@media all and (max-width:770px){.bluefoot-tab-content{display:block}.bluefoot-tab-inner{padding:15px;display:none}}.bluefoot-map{max-width:100%;width:100%;height:300px}.bluefoot-search-form .form-search{position:relative;padding:0}.bluefoot-search-form label{display:none}.bluefoot-search-form input[type=search],.bluefoot-search-form input[type=text]{width:100%;height:40px;padding-right:40px}.bluefoot-search-form .search-button{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;border:0;background:0 0;color:#999;font-size:20px;transition:.5s;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s}.bluefoot-search-form .search-button:before{content:'s';text-transform:none;font-family:bluefoot-icons;text-align:center;width:40px;height:40px;line-height:40px}.bluefoot-search-form .search-button:hover{color:#fff}.bluefoot-code{text-align:left!important;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;font-size:13px;tab-size:8;line-height:1.4em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bluefoot-code code{padding:15px;box-sizing:border-box}.bluefoot-app .col2-right-layout .col-right .block-title{border:0}.bluefoot-content-view-latest .bluefoot-content-latest-item{padding:9px}.bluefoot-content-view-latest .bluefoot-published-date{font-size:12px;font-weight:600;margin:5px 0 0}.bluefoot-content-view-latest .bluefoot-excerpt{margin:5px 0 0}.bluefoot-content-view-latest .bluefoot-latest-title{margin:0}@media screen and (max-width:770px){.bluefoot-app .col2-right-layout .col-right{float:left;width:100%}}.bluefoot-app iframe,.bluefoot-app img,.bluefoot-content-list iframe,.bluefoot-content-list img{max-width:100%}.bluefoot-app .bluefoot-content-list-page-title h1,.bluefoot-content-list .bluefoot-content-list-page-title h1{border-bottom:none}.bluefoot-content-summary{float:left;width:100%}.bluefoot-content-list-page-description{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ededed}.bluefoot-app .pager{margin-bottom:0;width:100%}.bluefoot-app .pager ol{margin-bottom:0}.bluefoot-app .pager li{list-style:none;margin-left:0}.bluefoot-content-list-item{border-bottom:1px solid #ededed;padding-bottom:15px;margin-bottom:15px}.bluefoot-content-list-item .bluefoot-published-date{font-size:12px;font-weight:600;margin-bottom:0}.bluefoot-content-list-item.last{padding-bottom:0;border-bottom:none}.bluefoot-no-content p{font-weight:700}.bluefoot-content-grid-item .bluefoot-published-date{font-size:12px;font-weight:600;margin-bottom:0}.bluefoot-content-list-type-item{border-bottom:1px solid #ededed;padding-bottom:15px;margin-bottom:15px;float:left;width:100%}.bluefoot-content-list-type-item.last{padding-bottom:0;border-bottom:none}.bluefoot-content-view iframe,.bluefoot-content-view img{max-width:100%}.bluefoot-content-view .bluefoot-content-view-page-title h1{border-bottom:none}.bluefoot-content-view-share{min-height:40px;margin-bottom:15px}.bluefoot-content-featured-image{margin-bottom:15px;display:block}.bluefoot-content-view-taxonomies{margin-top:15px;padding-top:15px;border-top:1px solid #ededed}.bluefoot-content-view-taxonomies .bluefoot-content-view-taxonomy-list{list-style:none;padding-left:0}.bluefoot-content-view-taxonomies .bluefoot-content-view-taxonomy-list li{display:inline;margin-left:0}.bluefoot-content-view-taxonomies .bluefoot-content-view-taxonomy-list li.bluefoot-list-divider{margin:0 7.5px;opacity:.5}.bluefoot-content-view-comments{padding-top:15px;border-top:1px solid #ededed}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchautocomplete .search-autocomplete {
  position: absolute;
}
.searchautocomplete .form-search {
  overflow: none !important;
  position: relative;
}
.searchautocomplete .sprite {
  background: url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/mirasvit/sprite.png');
}
.searchautocomplete .nav-search-in {
  position: absolute;
  top: 2px;
  left: 0px;
  z-index: 11;
}
.searchautocomplete .nav-search-in .category {
  opacity: 0;
  filter: alpha(opacity=0);
  background: white;
  border: 1px solid #DDD;
  color: black;
  cursor: pointer;
  height: 29px;
  left: 0;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  top: 0;
  visibility: visible;
  width: auto;
}
.searchautocomplete .nav-search-in .category-fake {
  height: 20px;
  color: #777;
  cursor: pointer;
  float: left;
  font-size: 11px;
  padding: 0px 25px 0px 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 6px;
}
.searchautocomplete .nav-search-in .nav-down-arrow {
  right: 10px;
  top: 16px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 4.5px 0 4.5px;
  border-color: #000000 transparent transparent transparent;
  line-height: 0px;
}
.searchautocomplete .nav-search-in:hover .category-fake {
  color: #000;
}
.searchautocomplete .nav-search-in:hover .nav-down-arrow {
  background-position: -6px -34px;
}
.searchautocomplete .searchautocomplete-placeholder {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  background: #FFF;
  border: 1px solid #ccc;
  position: absolute;
  z-index: 102;
  box-shadow: 0 10px 10px #5E5E5E;
  top: 30px;
}
.searchautocomplete .searchautocomplete-placeholder:before {
  border-color: transparent transparent #CCC transparent;
  content: "";
  position: absolute;
  border-style: solid;
  border-width: 5px;
  height: 0;
  width: 0;
  top: -11px;
  left: 30px;
}
.searchautocomplete .searchautocomplete-placeholder ul {
  list-style: none;
  margin: 0;
  border: none!important;
  background: none!important;
  box-shadow: none;
  position: relative;
  padding: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li {
  *zoom: 1;
  text-align: left;
  padding: 5px 5px;
  border: 1px solid #e2e2e2;
  margin-bottom: 5px;
}
.searchautocomplete .searchautocomplete-placeholder ul li:before,
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchautocomplete .searchautocomplete-placeholder ul li:after {
  clear: both;
}
.searchautocomplete .searchautocomplete-placeholder ul li a {
  text-decoration: none;
  color: #5E5E5E;
}
.searchautocomplete .searchautocomplete-placeholder ul li a:hover {
  color: #f27E8F;
}
.searchautocomplete .searchautocomplete-placeholder ul li a .pull-right {
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active {
  background-color: #eeffee;
  box-shadow: 0 0 1px #525252;
  cursor: pointer;
}
.searchautocomplete .searchautocomplete-placeholder ul li.active a {
  text-decoration: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .searchautocomlete-image {
  float: left;
  margin: 0px 10px 5px 0px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box {
  font-weight: bold;
  font-size: 13px;
  color: #C76200;
  float: right;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .regular-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price-label,
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .special-price .price-label {
  display: none;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .price-label {
  font-weight: normal;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .price-box .old-price .price {
  font-size: 0.9em;
  color: #999;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings {
  margin: 0;
  line-height: 14px;
}
.searchautocomplete .searchautocomplete-placeholder ul li .ratings .rating-box {
  float: left;
  margin: 0 5px 0 0;
}
.searchautocomplete .searchautocomplete-placeholder .index-title {
  text-align: right;
  color: #0A263C;
  border-bottom: 1px solid #CCC;
  padding: 2px 5px;
  background-color: #F7F7F6;
}
.searchautocomplete .searchautocomplete-placeholder .index-title span {
  color: #666;
  font-size: 0.9em;
}
.searchautocomplete .searchautocomplete-placeholder .all {
  text-align: right;
  margin: 10px 10px 5px 10px;
}
.searchautocomplete .searchautocomlete-image {
  float: left;
  margin: 0px 5px 5px 0px;
}
.searchautocomplete .searchautocomplete-loader {
  position: absolute;
  width: 18px;
  height: 18px;
  top: 11px;
  right: 44px;
  z-index: 99;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
  display: none;
}
.searchautocomplete .searchautocomplete-loader div {
  position: absolute;
  background-color: #FFFFFF;
  height: 3px;
  width: 3px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-animation-name: f_autocomplete_loader;
  animation-name: f_autocomplete_loader;
  -webkit-animation-duration: 0.64s;
  animation-duration: 0.64s;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-direction: normal;
  animation-direction: normal;
}
.searchautocomplete .searchautocomplete-loader div#g01 {
  left: 0px;
  top: 7px;
  -webkit-animation-delay: 0.24s;
  animation-delay: 0.24s;
}
.searchautocomplete .searchautocomplete-loader div#g02 {
  left: 2px;
  top: 2px;
  -webkit-animation-delay: 0.32s;
  animation-delay: 0.32s;
}
.searchautocomplete .searchautocomplete-loader div#g03 {
  left: 7px;
  top: 0px;
  -webkit-animation-delay: 0.4s;
  animation-delay: 0.4s;
}
.searchautocomplete .searchautocomplete-loader div#g04 {
  right: 2px;
  top: 2px;
  -webkit-animation-delay: 0.48s;
  animation-delay: 0.48s;
}
.searchautocomplete .searchautocomplete-loader div#g05 {
  right: 0px;
  top: 7px;
  -webkit-animation-delay: 0.56s;
  animation-delay: 0.56s;
}
.searchautocomplete .searchautocomplete-loader div#g06 {
  right: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.64s;
  animation-delay: 0.64s;
}
.searchautocomplete .searchautocomplete-loader div#g07 {
  left: 7px;
  bottom: 0px;
  -webkit-animation-delay: 0.72s;
  animation-delay: 0.72s;
}
.searchautocomplete .searchautocomplete-loader div#g08 {
  left: 2px;
  bottom: 2px;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}
@-moz-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-webkit-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-ms-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@-o-keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}
@keyframes f_autocomplete_loader {
  0% {
    background-color: #000000;
  }
  100% {
    background-color: #ffffff;
  }
}

div.block-related-shoppingcart .aw-arp-block-content {
    padding: 5px 0 0 5px;
    overflow: hidden;
    clear: both;
}

div.block-related-shoppingcart .aw-arp-item {
    text-align: center;
    width: 100px;
    min-height: 100px;
    display: -moz-inline-stack;
    display: inline-block !important;
    vertical-align: top;
    zoom: 1;
    _height: 250px;
    margin: 5px 5px 20px;
}

div.block-related-shoppingcart .aw-arp-item img {
    border: 1px solid #A9A9A9;
    width: 75px;
    margin-bottom: 10px;
}

div.block-related-shoppingcart .aw-arp-block-content .aw-arp-addtocart>p {
    margin-bottom: 5px;
}

div.block-related-shoppingcart .footer .aw-arp-block-content li {
    display: inline-block !important;
}

div.block-related-shoppingcart .footer .aw-arp-block-content a {
    color: #1E7EC8;
}
/* Accepted Cards */
#braintree-accepted-cards img {
  display: inline-block;
  margin-right: 4px;
}
/* Hosted Fields Loading State */
#credit-card-form.loading {
  position: relative;
}
#credit-card-form .braintree-hostedfield {
  opacity: 1;
}
#credit-card-form .credit-card-loading {
  display: none;
}
#credit-card-form .braintree-card-unsupported {
  color: darkred;
  font-weight: bold;
  padding: 6px 0 4px 0;
}
#credit-card-form.loading .credit-card-loading {
  position: absolute;
  top: 30%;
  left: 0;
  right: 0;
  width: 100%;
  height: 70%;
  text-align: center;
  display: block;
}
#credit-card-form.loading .credit-card-loading img {
  margin: 16px  auto;
}
#credit-card-form.loading .braintree-hostedfield {
  opacity: 0;
}
#credit-card-form label {
  float: none;
}
/* Hosted Fields */
#braintree-hosted-submit {
  display: none;
}
.braintree-input-field {
  height: 42px;
  max-width: 340px;
  padding: 0 10px;
  border: 1px solid lightgrey;
  background: white;
}
.braintree-input-field.braintree-postal-code {
  width: 140px;
}
.braintree-card-input-field {
  height: 50px;
  width: 100%;
  max-width: 372px;
  border: 1px solid lightgrey;
  position: relative;
  background: white;
}
.braintree-card-input-field .card-type {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 0 10px 0 8px;
}
.braintree-card-input-field .card-type img {
  height: 48px;
}
.braintree-card-input-field #card-number {
  float: left;
  height: 48px;
  width: 100%;
  padding-left: 66px;
  box-sizing: border-box;
}
#braintree-expiration-container {
  display: block;
  width: 100%;
  vertical-align: middle;
  font-size: 0;
}
.braintree-expiration {
  width: 70px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
}
.braintree-expiration-seperator {
  vertical-align: top;
  line-height: 42px;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  font-size: 30px;
  padding: 0 8px;
}
.braintree-cvv {
  width: 80px;
}
.braintree-hostedfield .cvv-what-is-this {
  margin-left: 0;
}
#three-d-modal {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  height: 100vh;
  width: 100vw;
  z-index: 100000;
  visibility: visible;
  transition: 0.4s;
  opacity: 1;
}
#three-d-modal.hidden {
  visibility: hidden;
  transition: 0.4s;
  opacity: 0;
}
#three-d-modal.hidden .bt-modal-frame {
  transition: 0.4s;
  transform: translateY(80px);
}
#three-d-modal .bt-modal-frame {
  height: 450px;
  width: 440px;
  margin: auto;
  background-color: #ffffff;
  z-index: 2;
  border-radius: 6px;
  transition: 0.4s;
  transform: translateY(0);
}
#three-d-modal .bt-modal-body {
  height: 380px;
  margin: 0 20px;
  background-color: white;
  border: 1px solid lightgray;
}
#three-d-modal .bt-modal-header {
  height: 40px;
  text-align: center;
  line-height: 40px;
}
#three-d-modal .bt-mask {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: black;
  opacity: 0.75;
}
@media (max-width: 650px) {
  #three-d-modal .bt-modal-frame {
    width: 100%;
  }
}
#paypal-container iframe {
  display: none;
}
/* PayPal headless button */
button.braintree-paypal-button {
  background: #019cde;
  color: white;
  height: 46px;
  line-height: 46px;
  padding: 0 20px 0 18px;
  border: none;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  font-size: 14px;
  float: left;
  cursor: pointer;
}
button.braintree-paypal-button.braintree-paypal-loading {
  background: #014c6b url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/braintree/paypal-loading.gif') center center no-repeat;
  background-size: 32px;
}
button.braintree-paypal-button.braintree-paypal-loading > span {
  opacity: 0;
}
button.braintree-paypal-button.braintree-paypal-loading:hover {
  background: #014c6b url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/braintree/paypal-loading.gif') center center no-repeat;
  background-size: 32px;
}
button.braintree-paypal-button:hover {
  background: #0175a6;
}
button.braintree-paypal-button > span {
  display: block;
  height: 46px;
  line-height: 46px;
  background: url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/braintree/paypal.png') right center no-repeat;
  background-size: 80px;
  padding-right: 94px;
}
/* Saved Accounts */
#creditcard-saved-accounts,
#paypal-saved-accounts {
  font-size: 0;
  width: 100%;
}
#creditcard-saved-accounts tr,
#paypal-saved-accounts tr {
  border-bottom: 1px dotted lightgrey;
}
#creditcard-saved-accounts tr td,
#paypal-saved-accounts tr td {
  vertical-align: middle;
}
#payment_form_gene_braintree_creditcard #creditcard-saved-accounts label,
#payment_form_gene_braintree_paypal #paypal-saved-accounts label,
#payment_form_gene_braintree_creditcard #creditcard-saved-accounts .label,
#payment_form_gene_braintree_paypal #paypal-saved-accounts .label {
  width: 100%;
  padding: 0;
  text-align: left;
  float: none;
}
#payment_form_gene_braintree_creditcard p,
#payment_form_gene_braintree_paypal p {
  padding: 0;
}
#creditcard-saved-accounts tr.other-row,
#paypal-saved-accounts tr.other-row {
  border-bottom: 0;
}
#creditcard-saved-accounts label {
  float: left;
  padding: 10px 0;
  line-height: 40px;
  width: 100%;
}
#creditcard-saved-accounts tr.other-row label,
#paypal-saved-accounts tr.other-row label {
  padding: 8px 0;
}
#paypal-saved-accounts label {
  padding: 6px 0;
  line-height: 40px;
}
#creditcard-saved-accounts label img,
#paypal-saved-accounts label img {
  margin-left: 6px;
  height: 40px;
  float: left;
}
#creditcard-saved-accounts label .saved-card-info,
#paypal-saved-accounts label .saved-paypal-email {
  margin-left: 14px;
  float: left;
}
#creditcard-saved-accounts label .saved-card-info span {
  line-height: 40px;
}
#creditcard-saved-accounts label .saved-card-info span.saved-expiry-date {
  font-size: 12px;
  font-weight: normal;
  margin-left: 14px;
}
#gene_braintree_creditcard_store_in_vault_div label,
label[for="gene_braintree_paypal_store_in_vault"] {
  width: auto!important;
}
/* Multi shipping */
body.checkout-multishipping-billing #payment-continue.loading {
  padding-left: 12px;
}
body.checkout-multishipping-billing #payment-continue.loading > span {
  background: url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/loader-white.gif') center left no-repeat;
  background-size: 15px 15px;
  padding-left: 22px;
}
body.checkout-multishipping-billing .buttons-set #paypal-complete {
  float: right;
  width: 400px;
  text-align: right;
}
body.checkout-multishipping-billing .buttons-set #paypal-complete > label {
  float: right;
  margin-right: 16px;
}
body.checkout-multishipping-billing .buttons-set #paypal-complete #paypal-container {
  float: right;
}

#pp-express-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.701961);
}
#pp-express-modal {
  box-sizing: border-box;
  display: none;
  position: fixed;
  top: 20%;
  left: 40%;
  left: calc(50% - 175px);
  z-index: 101;
  width: 350px;
  height: 390px;
  padding: 15px;
  background: #fff;
  border: 3px solid #ccc;
  border-radius: 4px;
  overflow: auto;
}
#pp-express-modal .button {
  display: block;
  width: 100%;
  margin-top: 30px;
}
#pp-express-modal .button.coupon-submit {
  margin: 0;
  float: right;
  width: 50%;
  box-sizing: border-box;
}
#pp-express-modal .button.loading {
  background-image: url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/loader-transparent.gif');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: auto 60%;
  text-indent: -9999px;
}
#pp-express-modal #paypal-express-coupon {
  float: left;
  width: 50%;
  box-sizing: border-box;
  height: 33px;
  line-height: 33px;
}
#pp-express-modal #paypal-express-coupon-error {
  margin-bottom: 6px;
}
#pp-express-modal .button2 {
  display: block;
  width: 100%;
  margin-top: 6px;
  font-size: 0.9rem;
}
#pp-express-modal .product-row {
  min-height: 60px;
  margin: 0;
}
#pp-express-modal .item-row {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: block;
}
#pp-express-modal .item-row.coupon-row {
  float: left;
  width: 100%;
}
#pp-express-modal .item-subrow {
  margin-top: 5px;
  margin-bottom: 5px;
  display: block;
}
#pp-express-modal .product-image {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
  overflow: hidden;
}
#pp-express-modal .product-image img {
  max-width: 100%;
}
#pp-express-modal .product-info {
  margin-left: 60px;
  padding-top: 5px;
}
#pp-express-modal .product-qty {
  font-size: 0.8rem;
}
#pp-express-modal #shopping-cart-totals-table {
  width: 100%;
}
#pp-express-modal #shopping-cart-totals-table td {
  padding-left: 10px;
}
#pp-express-modal.loading:before {
  content: " ";
  background: url('https://www.sugarshack.co.uk/skin/frontend/base/default/images/gene/loader.gif') no-repeat;
  height: 48px;
  width: 48px;
  position: absolute;
  top: 30%;
  left: 44%;
  left: calc(50% - 24px);
}
@media (max-width: 770px) {
  #pp-express-modal {
    width: 70%;
    height: 80%;
    top: 10%;
    left: 15%;
  }
}
@media (max-width: 500px) {
  #pp-express-modal {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border: none;
    border-radius: 0;
    padding: 25px;
  }
}
/* If the element contains a PayPal express button don't force the buttons to width 100% */
.product-view .add-to-cart-buttons.braintree-paypal-express-container .button {
  width: auto;
}
@media (max-width: 450px) {
  .product-view .add-to-cart-buttons.braintree-paypal-express-container {
    width: 100%;
  }
  .product-view .add-to-cart-buttons.braintree-paypal-express-container .button {
    width: 100%;
  }
}