/* Minification failed. Returning unminified contents.
(2483,39): run-time error CSS1046: Expect comma, found '69'
(2483,45): run-time error CSS1046: Expect comma, found '/'
 */
@import url("//hello.myfonts.net/count/37780d");

@font-face {font-family: 'CoreSansCR-35Light';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_2_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_2_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_2_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_2_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_2_0.ttf') format('truetype');font-display: swap;}  

@font-face {font-family: 'CoreSansCR-35LightIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_7_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_7_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_7_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_7_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_7_0.ttf') format('truetype');font-display: swap;}

@font-face {font-family: 'CoreSansCR-55Medium';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_8_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_8_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_8_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_8_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_8_0.ttf') format('truetype');font-display: swap;}

@font-face {font-family: 'CoreSansCR-55MediumIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_B_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_B_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_B_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_B_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_B_0.ttf') format('truetype');font-display: swap;}

@font-face {font-family: 'CoreSansCR-65Bold';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_E_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_E_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_E_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_E_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_E_0.ttf') format('truetype');font-display: swap;}






/* NOT USED

@font-face {font-family: 'CoreSansCR-25ExtraLight';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_0_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_0_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_0_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_0_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-45RegularIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_1_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_1_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_1_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_1_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_1_0.ttf') format('truetype');}
  
@font-face {font-family: 'CoreSansCR-45Regular';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_3_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_3_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_3_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_3_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_3_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-25ExtraLightIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_4_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_4_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_4_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_4_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_4_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-15Thin';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_5_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_5_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_5_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_5_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_5_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-15ThinIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_6_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_6_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_6_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_6_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_6_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-85HeavyIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_9_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_9_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_9_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_9_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_9_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-95BlackIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_A_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_A_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_A_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_A_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_A_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-85Heavy';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_C_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_C_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_C_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_C_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_C_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-95Black';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_D_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_D_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_D_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_D_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_D_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-65BoldIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_F_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_F_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_F_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_F_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_F_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-75ExtraBoldIt';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_10_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_10_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_10_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_10_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_10_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'CoreSansCR-75ExtraBold';src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_11_0.eot');src: url('/skin/MyFontsWebfontsKit/webfonts/37780D_11_0.eot?#iefix') format('embedded-opentype'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_11_0.woff2') format('woff2'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_11_0.woff') format('woff'),url('/skin/MyFontsWebfontsKit/webfonts/37780D_11_0.ttf') format('truetype');}*/

/**
 * @license
 * MyFonts Webfont Build ID 3635213, 2018-09-05T06:40:19-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: CoreSansCR-25ExtraLight by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/extra-light/
 * 
 * Webfont: CoreSansCR-45RegularIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/regular-italic/
 * 
 * Webfont: CoreSansCR-35Light by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/light/
 * 
 * Webfont: CoreSansCR-45Regular by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/regular/
 * 
 * Webfont: CoreSansCR-25ExtraLightIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/extra-light-italic/
 * 
 * Webfont: CoreSansCR-15Thin by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/thin/
 * 
 * Webfont: CoreSansCR-15ThinIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/thin-italic/
 * 
 * Webfont: CoreSansCR-35LightIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/light-italic/
 * 
 * Webfont: CoreSansCR-55Medium by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/medium/
 * 
 * Webfont: CoreSansCR-85HeavyIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/heavy-italic/
 * 
 * Webfont: CoreSansCR-95BlackIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/black-italic/
 * 
 * Webfont: CoreSansCR-55MediumIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/medium-italic/
 * 
 * Webfont: CoreSansCR-85Heavy by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/heavy/
 * 
 * Webfont: CoreSansCR-95Black by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/black/
 * 
 * Webfont: CoreSansCR-65Bold by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/bold/
 * 
 * Webfont: CoreSansCR-65BoldIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/bold-italic/
 * 
 * Webfont: CoreSansCR-75ExtraBoldIt by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/extra-bold-italic/
 * 
 * Webfont: CoreSansCR-75ExtraBold by S-Core
 * URL: https://www.myfonts.com/fonts/s-core/core-sans-cr/extra-bold/
 * 
 * 
 * License: https://www.myfonts.com/viewlicense?type=web&buildid=3635213
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2016 by S-Core Co., Ltd.. All rights reserved.
 * 
 * © 2018 MyFonts Inc
*/

 
@charset "UTF-8";
/* VARIABLE GOOGLE FONT 
font-family: "Poppins"
*/
/* DEV TOOL REMOVE BEFORE LIVE *******************/
.windowSize {
  position: fixed;
  right: 0;
  bottom: 60px;
  background: #fff;
  padding: 10px;
  border: 2px solid orange;
  z-index: 999999999;
  display: none !important
}
/* RESET */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}
* {
  white-space-collapsing: discard
}
.aspNetHidden {
  display: none
}
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}
body {
  line-height: 1
}
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, sub, sup, 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, input, select, textarea, textfield, button {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, fieldset, img, summary {
  display: block
}
table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em
}
ol, ul, li {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside
}
blockquote, q {
  quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none
}
.imageWrapper a {
  display: block
}
a img {
  border: none
}
img {
  border: none;
  -ms-interpolation-mode: bicubic
}
img, embed, object, video {
  height: auto;
  max-width: 100%
}
iframe {
  max-width: 100%
}
svg:not(:root) {
  overflow: hidden
}
button, input {
  line-height: normal
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible
}
button[disabled], input[disabled] {
  cursor: default
}
input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}
button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0
}
textarea {
  overflow: auto;
  vertical-align: top
}
iframe[src^="//assets.pinterest"] {
  display: none
}
iframe[class*='PIN_'], iframe[class^='PIN_'] {
  display: none !important
}
.breadcrumb span.noBreadcrumb {
  position: absolute;
  left: 0;
  top: -999em;
  width: 1px;
  height: 1px;
  overflow: hidden
}
.home .breadcrumbContainer {
  display: none
}
.y36ul5 {
  display: none;
  height: 1px
}
acronym, abbr {
  border-bottom: 1px dotted;
  cursor: help
}
.analyticRemarket iframe {
  height: 0
}
.btn {
  text-decoration: none
}
/* fixes */
.offscreen {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
.hide {
  display: none
}
.clear {
  clear: both
}
.clearfix {
  *zoom: 1
}
.clearfix:before {
  content: "";
  display: table
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}
html[xmlns] .clearfix {
  display: block
}
* html .clearfix {
  height: 1%
}
/* IE10+ flex fix: stops 100% width flowing outside of screen */
/*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (max-width:767px){
#previewerBlock,.singleProductView{width:100vw!important}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:768px){
#previewerBlock,.singleProductView{width:calc(100vw - 220px)!important}
.menuClosed #previewerBlock,.menuClosed .singleProductView{width:calc(100vw - 50px)!important}
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:1025px){
#previewerBlock,.singleProductView{width:calc(100vw - 250px)!important}
}*/
#previewerBlock {
  transition: width 500ms ease-in-out;
  padding: 0 10px;
}
@media (max-width:767px) {
  #previewerBlock {
    width: 100% !important
  }
}
@media (min-width:768px) {
  #previewerBlock {
    width: calc(100vw - 220px) !important;
    padding: 0 16px;
  }
  .menuClosed #previewerBlock {
    width: calc(100vw - 50px) !important
  }
  .shop #previewerBlock {
    width: calc(100vw - 424px) !important
  }
  .shop .menuClosed #previewerBlock {
    width: calc(100vw - 250px) !important
  }
}
@media (min-width:1025px) {
  #previewerBlock, .singleProductView {
    width: calc(100vw - 250px) !important
  }
  .shop #previewerBlock {
    width: calc(100vw - 462px) !important
  }
}
/* wrap long emails */
.contactEmail a {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
/* prevent form fields zooming */
select, select:focus, textarea, textarea:focus, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"] {
  font-size: 17px !important;
  font-size: 1rem !important
}
/* END RESET */
.basketInclude .basketTitle, .basketInclude .unitType, .basketInclude .basketItemsSeparator, .basketInclude .basketValue, .mailingListSubscribe .input-group-addon {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
html {
  position: relative;
  font-size: 16px;
  margin: 0;
  padding: 0
}
body {
  position: relative;
  font-size: 100%;
  line-height: 1.4;
  margin: 0;
  padding: 0;
  text-align: center
}
.outerWrapper {
  display: block;
  min-width: 320px;
  padding: 0;
  margin: 0 auto;
  position: relative;
  text-align: left;
  overflow: hidden
}
/* UNSUPPORTED BROWSER WARNING */
.ie6Warning {
  background: #fff;
  border: 4px solid #f3f3f3;
  padding: 20px 20px 30px;
  position: absolute;
  top: 10%;
  width: 80%;
  left: 10%;
  z-index: 99999999;
  text-align: center
}
.ie6Warning .pageHeader, .ie6Warning .introduction {
  padding-bottom: 20px
}
.ie6Warning p {
  max-width: 620px
}
.ie6Warning ul {
  border: 1px dashed #eee;
  padding: 20px 20px 10px;
  margin: 5px auto 0;
  display: inline-block
}
.ie6Warning li {
  display: inline-block;
  margin: 0 4px 8px
}
.ie6Warning li a {
  display: block;
  padding: 5px 16px;
  font-size: 1.1em;
  background: #f3f3f3;
  font-family: arial, sans-serif;
  text-decoration: none
}
.ie6Warning li a:hover, .ie6Warning li a:focus, .ie6Warning li a:active {
  background: #eee;
  color: #000
}
/* SOCIAL ICONS */
.footerSocial {
  text-align: center;
  max-width: none;
  padding: 32px 0 0;
  width: 100%;
  display: block
}
.socialBlock {
  text-align: center;
  padding: 32px;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%
}
.shareTitle {
  padding-bottom: 16px
}
.socialShare {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 8px;
  width: 40px;
  height: 40px;
  background: #000;
  border-radius: 50%
}
.socialShare a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -999em;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 38px 38px !important
}
.fb-share-button {
  position: absolute;
  left: 0;
  opacity: 0
}
.socialShare.googleplusIcon {
  background: #dc4335
}
.socialShare.linkedinIcon {
  background: #005983
}
.socialShare.pinterestIcon {
  background: #b31217
}
.socialShare.twitterIcon {
  background: #339dc3
}
.socialShare.facebookIcon {
  background: #314a7e
}
/* social follow links */
.socialFollow {
  display: inline-block;
  vertical-align: top;
  margin: 0 4px 8px;
  width: 48px;
  height: 48px;
  background: #22272C;
  border-radius: 50%
}
.socialFollow a {
  display: block;
  width: 100%;
  height: 100%;
  text-indent: -999em;
  background-position: 50% 50% !important;
  background-repeat: no-repeat !important;
  background-size: 40px 40px !important
}
/* shared icon SVGs */
.youtubeIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M64%2C30.4a7.2%2C7.2%2C0%2C0%2C0-7.2-7.2H23.2A7.2%2C7.2%2C0%2C0%2C0%2C16%2C30.4V49.6a7.2%2C7.2%2C0%2C0%2C0%2C7.2%2C7.2H56.8A7.2%2C7.2%2C0%2C0%2C0%2C64%2C49.6ZM35.2%2C48.1V30l13.7%2C9Zm0%2C0%22%20style%3D%22fill%3A%23ffffff%3Bfill-rule%3Aevenodd%22/%3E%3C/svg%3E);
}
.instagramIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20150%20150%22%3E%3Cpath%20style%3D%22fill%3A%23ffffff%22%20d%3D%22M74.79%2C60.89A14.32%2C14.32%2C0%2C1%2C1%2C60.47%2C75.21c.42-8%2C6.74-14.32%2C14.32-14.32m0-8.42A22.92%2C22.92%2C0%2C0%2C0%2C52.05%2C75.21%2C22.74%2C22.74%2C0%2C1%2C0%2C74.79%2C52.47Zm18.95-13a16.89%2C16.89%2C0%2C0%2C1%2C16.84%2C16.84V93.74a16.89%2C16.89%2C0%2C0%2C1-16.84%2C16.84H56.26A16.89%2C16.89%2C0%2C0%2C1%2C39.42%2C93.74V56.26A16.89%2C16.89%2C0%2C0%2C1%2C56.26%2C39.42H93.74m0-8.42H56.26A25.34%2C25.34%2C0%2C0%2C0%2C31%2C56.26V93.74A25.34%2C25.34%2C0%2C0%2C0%2C56.26%2C119H93.74A25.34%2C25.34%2C0%2C0%2C0%2C119%2C93.74V56.26A25.34%2C25.34%2C0%2C0%2C0%2C93.74%2C31Zm3.79%2C16a5.06%2C5.06%2C0%2C1%2C0%2C5%2C5A4.87%2C4.87%2C0%2C0%2C0%2C97.53%2C47Z%22/%3E%3C/svg%3E);
}
.googleplusIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M30.7%2C37.7v5.6h9.2c-.4%2C2.4-2.8%2C7-9.2%2C7a10.3%2C10.3%2C0%2C0%2C1%2C0-20.5%2C9.1%2C9.1%2C0%2C0%2C1%2C6.5%2C2.5L41.6%2C28a15.6%2C15.6%2C0%2C0%2C0-10.9-4.2%2C16.3%2C16.3%2C0%2C0%2C0%2C0%2C32.5c9.4%2C0%2C15.6-6.6%2C15.6-15.9a15%2C15%2C0%2C0%2C0-.3-2.7Z%22%20style%3D%22fill%3A%23ffffff%22/%3E%3Cpath%20d%3D%22M65.5%2C37.7H60.9V33H56.3v4.6H51.6v4.6h4.6V47h4.6V42.3h4.6Z%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);
}
.linkedinIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M61.6%2C44.7v16H52.4V45.7c0-3.7-1.3-6.3-4.7-6.3a5.1%2C5.1%2C0%2C0%2C0-4.8%2C3.4%2C6.4%2C6.4%2C0%2C0%2C0-.3%2C2.3V60.7H33.3s.1-25.3%2C0-27.9h9.3v4h0A9.2%2C9.2%2C0%2C0%2C1%2C51%2C32.1c6.1%2C0%2C10.7%2C4%2C10.7%2C12.6Zm-38-25.4c-3.2%2C0-5.3%2C2.1-5.3%2C4.8A4.8%2C4.8%2C0%2C0%2C0%2C23.5%2C29h.1c3.2%2C0%2C5.2-2.1%2C5.2-4.8a4.8%2C4.8%2C0%2C0%2C0-5.2-4.8ZM18.9%2C60.7h9.3V32.8H18.9Zm0%2C0%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);
}
.pinterestIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M43.1%2C50.9c-2.9-.2-4.2-1.7-6.5-3.1-1.3%2C6.7-2.8%2C13-7.4%2C16.4-1.4-10.1%2C2.1-17.6%2C3.7-25.6-2.8-4.7.3-14.1%2C6.2-11.7S32.9%2C44.1%2C41.9%2C46s13.2-16.3%2C7.4-22.2c-8.4-8.6-24.5-.2-22.5%2C12%2C.5%2C3%2C3.6%2C3.9%2C1.2%2C8-5.4-1.2-7-5.4-6.8-11.1.3-9.3%2C8.3-15.8%2C16.4-16.7%2C10.2-1.1%2C19.7%2C3.7%2C21%2C13.3S54%2C51.7%2C43.1%2C50.9Zm0%2C0%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);
}
.twitterIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M64.8%2C24.6A20.3%2C20.3%2C0%2C0%2C1%2C59%2C26.2a10.2%2C10.2%2C0%2C0%2C0%2C4.5-5.6A20.4%2C20.4%2C0%2C0%2C1%2C57%2C23a10.2%2C10.2%2C0%2C0%2C0-17.4%2C9.3%2C28.9%2C28.9%2C0%2C0%2C1-21-10.6%2C10.2%2C10.2%2C0%2C0%2C0%2C3.2%2C13.6A10.1%2C10.1%2C0%2C0%2C1%2C17.2%2C34h0a10.2%2C10.2%2C0%2C0%2C0%2C8.2%2C10%2C10.2%2C10.2%2C0%2C0%2C1-2.7.4l-1.9-.2a10.2%2C10.2%2C0%2C0%2C0%2C9.5%2C7.1%2C20.4%2C20.4%2C0%2C0%2C1-12.6%2C4.4H15.2a28.8%2C28.8%2C0%2C0%2C0%2C15.6%2C4.6c18.7%2C0%2C29-15.5%2C29-29q0-.7%2C0-1.3a20.7%2C20.7%2C0%2C0%2C0%2C5.1-5.3Zm0%2C0%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);
}
.vimeoIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M56%2C21.8c4.4.1%2C6.5%2C2.6%2C6.6%2C7.4%2C0%2C.3%2C0%2C.7%2C0%2C1q-.3%2C6.2-9.2%2C16.8T37.8%2C58.2q-4%2C0-6.6-6.8l-1.9-6.2-1.8-6.2q-2-6.8-4.3-6.8a14.1%2C14.1%2C0%2C0%2C0-3.5%2C2l-2.1-2.5%2C3.3-2.8%2C3.3-2.7c2.9-2.3%2C5.1-3.6%2C6.7-3.8h.6c3.1%2C0%2C5.1%2C2.2%2C5.8%2C6.8l1.1%2C6.3c.3%2C1.6.5%2C2.7.7%2C3.4q1.6%2C6.4%2C3.3%2C6.4c.9%2C0%2C2.3-1.4%2C4.3-4.2s2.9-5%2C3-6.3a7%2C7%2C0%2C0%2C0%2C.1-.8c0-1.9-1-2.8-3.1-2.8a9.7%2C9.7%2C0%2C0%2C0-3.3.7q3.2-9.8%2C12.2-9.8Zm0%2C0%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);
}
.facebookIcon a {
  background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2080%2080%22%3E%3Cpath%20d%3D%22M50.2%2C40H43.5V63.8H33.6V40H28.9V31.6h4.7V26.2c0-3.9%2C1.8-10%2C10-10h7.3v8.1H45.6a2%2C2%2C0%2C0%2C0-2.1%2C2.3v4.9h7.5Zm0%2C0%22%20style%3D%22fill%3A%23ffffff%22/%3E%3C/svg%3E);
}
/* PLACEHOLDERS
----------------------------------------------------------------------------------------------------------------*/ ::-webkit-input-placeholder {
  font-size: 16px;
  color: #888;
  font-family: "Poppins";
}
:-moz-placeholder {
  font-size: 16px;
  color: #888;
  font-family: "Poppins";
}
::-moz-placeholder {
  font-size: 16px;
  color: #888;
  font-family: "Poppins";
}
:-ms-input-placeholder {
  font-size: 16px;
  color: #888;
  font-family: "Poppins";
}
:focus::-webkit-input-placeholder {
  opacity: 0.2;
  filter: alpha(opacity=20)
}
:focus:-moz-placeholder {
  opacity: 0.2;
  filter: alpha(opacity=20)
}
:focus::-moz-placeholder {
  opacity: 0.2;
  filter: alpha(opacity=20)
}
:focus:-ms-input-placeholder {
  opacity: 0.2;
  filter: alpha(opacity=20)
}
/* error placeholders */
.error ::-webkit-input-placeholder {
  color: #000;
  opacity: 1
}
.error :-moz-placeholder {
  color: #000;
  opacity: 1
}
.error ::-moz-placeholder {
  color: #000;
  opacity: 1
}
.error :-ms-input-placeholder {
  color: #000;
  opacity: 1
}
/* START HERE -------------------------------------------------------------------------------------------------------------*/
/* CUSTOM */
body {
  font-family: "Poppins", Helvetica, Arial, "sans-serif";
  font-weight: 300;
  font-style: normal;
  color: #22272C
}
.siteHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 185px;
  z-index: 10;
  background: #22272C
}
.siteContainer {
  padding: 257px 0 0
}
.shop .siteContainer {
  padding: 206px 0 0
}
.headerLogo, .headerLogo a {
  display: block;
  margin: 0 auto 0
}
.headerInnerWrap, .logoElements {
  height: 136px
}
.strapline {
  display: none
}
.headerLogo, .headerLogo a, .logoElements img {
  width: 140px;
  height: 144px;
}
.headerNav {
  display: none
}
/* trustpilot */
.trustPilot {
  width: 210px;
  height: 32px;
  margin-left: auto;
  margin-right: auto;
}
.trustPilot a {
  width: 210px;
  height: 32px;
  display: block;
  background-image: url("../skin/images/images-custom/trustpilot.png");
  background-size: 210px 32px;
  background-repeat: no-repeat;
  background-position: 0 0;
  text-indent: -99999em;
}
/* hide logo and stick mobile actions to top on scroll */
.mobileNav.showNav {
  top: 257px !important
}
.fixedNavigation .logoElements {
  display: none
}
.fixedNavigation .shopParent, .fixedNavigation .phoneTop, .fixedNavigation .headerAccountNav a, .fixedNavigation .basketInclude a, .fixedNavigation .searchTrigger, .fixedNavigation .favTrigger, .fixedNavigation .burgerMenu, .shop .fixedNavigation .shopNav .DropDownNav, .fixedNavigation .mobileNav.showNav {
  position: fixed;
  top: 0;
  z-index: 1030
}
.shop .fixedNavigation .shopNav .DropDownNav, .fixedNavigation .mobileNav.showNav, .shop .fixedNavigation .mobileNav.showNav {
  top: 58px !important;
  border-top: 2px solid #fff
}
.fixedNavigation .mobileNav.showNav {
  z-index: 1031
}
.shop .mobileNav.showNav {
  top: 190px !important;
  max-height: calc(100vh - 190px);
}
/* mobile nav */
.mobileNav {
  background: #0B1621;
  overflow: hidden;
  overflow-y: auto;
  padding: 0;
  width: 100%;
  font-size: 18px
}
.mobileNav ul {
  display: block;
  width: 100%;
  padding-bottom: 60px
}
.mobileNav ul li ul {
  display: none !important
}
.mobileNav li a {
  padding: 14px 24px;
  display: block;
  text-align: center;
  border-bottom: 2px solid #343536;
  text-decoration: none;
  color: #fff
}
.mobileNav li:first-child {
  padding-top: 2px
}
@media (min-width: 768px) {
  .fixedNavigation .logoElements {
    display: block !important
  }
  .headerLogo, .headerLogo a, .logoElements img {
    width: 180px;
    height: 164px;
  }
  .outerWrapper {
    padding-left: 220px;
    transition: padding 500ms ease-in-out
  } /* dynamic space for menu + shop nav */
  .outerWrapper.menuClosed {
    padding-left: 50px
  }
  .shop .outerWrapper {
    padding-left: 410px
  } /* dynamic space for menu + shop nav */
  .shop .outerWrapper.menuClosed {
    padding-left: 248px
  }
  .siteContainer, .shop .siteContainer {
    padding: 80px 0 0 0
  }
  .headerInnerWrap, .logoElements {
    height: auto
  }
  .siteHeader {
    position: fixed
  }
  .siteHeader, .headerInnerWrap {
    width: 220px;
    background: #22272C;
    transition: all 500ms ease-in-out
  }
  .headerInnerWrap {
    top: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    overflow-y: auto;
  }
  .menuClosed .headerInnerWrap {
    overflow: hidden !important
  }
  .headerLogo {
    margin-top: 30px;
    margin-bottom: 13px;
  }
  .menuClosed .siteHeader, .menuClosed .siteHeader .headerInnerWrap {
    left: -170px;
    z-index: 10;
    background: #22272C;
    min-height: 100vh
  }
  /* navigation */
  .headerNav {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
  }
  .headerNav ul, .mobileNav ul, .footerNav ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    list-style-position: inside
  }
  .headerNav ul {
    text-align: center;
    padding-top: 24px;
  }
  .headerNav .secondLevel, .headerNav .thirdLevel {
    display: none
  }
  .headerNav li:first-child {
    text-transform: uppercase;
  }
  .headerNav li.clearance a, .shop li.clearance a, .shop #Full_checklist h3, .shop #Full_checklist h3 a {
    color: #F0493B !important;
  }
  .headerNav li {}
  .headerNav li a {
    display: block;
    padding: 10px 16px;
    text-decoration: none;
    position: relative
  }
  .headerNav li:last-child a {
    padding-bottom: 32px
  }
}
@media (min-width: 1025px) {
  .outerWrapper {
    padding-left: 250px
  } /* dynamic space for menu */
  .shop .outerWrapper {
    padding-left: 448px
  } /* dynamic space for menu + shop nav */
  .siteHeader, .headerInnerWrap {
    width: 250px
  }
  .menuClosed .siteHeader, .menuClosed .siteHeader .headerInnerWrap {
    left: -200px
  }
  .headerNav {
    font-size: 18px
  }
  .headerLogo, .headerLogo a, .logoElements img {
    width: 185px;
    height: 169px;
  }
}
/* CLOSE MENU BUTTON */
.closeMenu {
  display: none;
  transition: left 500ms ease-in-out
}
@media (min-width: 768px) {
  .closeMenu {
    display: block;
    width: 40px;
    height: 52px;
    position: absolute;
    top: 0;
    left: 164px;
    z-index: 999;
    padding: 24px 0 0 4px
  }
  .menuClose-btn, .menuClose-btn:before, .menuClose-btn:after {
    cursor: pointer;
    border-radius: 3px;
    height: 4px;
    width: 28px;
    background: #fff;
    position: absolute;
    display: block;
    content: '';
    text-indent: -999em;
    transition: all 500ms ease-in-out
  }
  .menuClose-btn {
    background: transparent
  }
  .menuClose-btn:before {
    top: 0;
    transform: rotate(45deg)
  }
  .menuClose-btn:after {
    top: 0;
    transform: rotate(-45deg)
  }
  /* toggle */
  .menuClosed .closeMenu {
    left: 178px
  }
  .menuClosed .menuClose-btn {
    background: #fff
  }
  .menuClosed .menuClose-btn:before {
    top: -9px
  }
  .menuClosed .menuClose-btn:after {
    top: auto;
    bottom: -9px
  }
  .menuClosed .menuClose-btn:before {
    transform: rotate(0deg)
  }
  .menuClosed .menuClose-btn:after {
    transform: rotate(0deg)
  }
}
@media (min-width: 1025px) {
  .closeMenu {
    left: 194px
  }
  .menuClosed .closeMenu {
    left: 208px
  }
}
/* BURGER BUTTON */
.burgerMenu {
  display: block;
  width: 50px;
  right: 0;
  z-index: 999;
  padding: 26px 0 0 13px;
  background: #22272C;
  border-left: 2px solid #fff
}
.burger-btn, .burger-btn:before, .burger-btn:after {
  cursor: pointer;
  border-radius: 2px;
  height: 2px;
  width: 24px;
  background: #fff;
  position: absolute;
  display: block;
  content: '';
  text-indent: -999em;
  transition: all 500ms ease-in-out
}
.burger-btn:before {
  top: -8px
}
.burger-btn:after {
  bottom: -8px
}
/* toggle */
.burger-btn.active {
  background-color: transparent
}
.burger-btn.active:before, .burger-btn.active:after {
  top: 0
}
.burger-btn.active:before {
  transform: rotate(45deg)
}
.burger-btn.active:after {
  transform: rotate(-45deg)
}
/* navigation responsive switch */
.burgerMenu {
  display: block
}
.headerNav {
  display: none
}
.mobileNav.hideNav {
  top: 0;
  height: 0
}
.mobileNav.showNav {
  max-height: calc(100vh - 196px)
}
.fixedNavigation .mobileNav.showNav {
  height: calc(100vh - 58px)
}
.noScroll {
  overflow: hidden
} /* stop content scrolling under mobile nav */
@media (min-width: 375px) {
  .burgerMenu {
    width: 60px;
    padding: 31px 0 0 18px
  }
}
@media (min-width: 768px) {
  .burgerMenu {
    display: none
  }
  .headerNav {
    display: block
  }
  .mobileNav {
    display: none
  }
}
.footerNav {
  text-align: center;
  padding: 32px 24px
}
.footerNav li {
  display: inline-block;
  font-size: 14px;
  padding: 8px 12px
}
.footerNav li a {
  text-decoration: none
}
.footerNav li a:hover, .footerNav li a:focus, .footerNav li a:active {
  text-decoration: underline
}
/* SHOPPING BUTTONS */
.shopParent, .phoneTop, .headerAccountNav a, .basketInclude a, .searchTrigger, .burgerMenu, .favTrigger {
  position: absolute;
  top: 188px;
  height: 66px;
  line-height: 66px;
}
.headerAccountNav a, .basketInclude a, .searchTrigger, .searchTrigger .searchInner, .favTrigger, .favTrigger a {
  display: block;
  width: 48px;
  background-size: 30px 30px !important;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-color: #F3F3F3;
  border-left: 2px solid #fff;
  text-indent: -999em;
  text-align: left;
  z-index: 14;
}
.searchTrigger, .searchTrigger .searchInner {
  border-left: 1px solid #fff
}
.searchTrigger .searchInner {
  cursor: pointer
}
.basketInclude a {
  right: 50px;
  width: 52px;
  background-position: 10px 50% !important;
  text-indent: 0;
  text-decoration: none
}
.headerAccountNav a {
  right: 100px
}
.favTrigger {
  right: 146px
}
.searchTrigger {
  right: 193px
}
.basketInclude .BasketCount, .FavCount {
  display: block;
  padding: 0 6px;
  min-width: 24px;
  height: 24px;
  line-height: 24px;
  text-align: center;
  border-radius: 12px;
  background: #ff0000;
  color: #fff;
  position: absolute;
  top: 3px;
  right: 4px;
  font-size: 12px
}
.FavCount {
  text-indent: 0;
  top: 3px;
  right: 2px
}
@media (min-width: 375px) {
  .headerAccountNav a, .basketInclude a, .searchTrigger, .searchTrigger .searchInner, .favTrigger, .favTrigger a {
    width: 58px;
    background-size: 34px 34px !important;
  }
  .basketInclude a {
    right: 60px;
    width: 62px;
  }
  .headerAccountNav a {
    right: 120px
  }
  .favTrigger {
    right: 179px
  }
  .searchTrigger {
    right: 236px
  }
}
@media (min-width: 768px) {
  .shopParent, .phoneTop, .headerAccountNav a, .basketInclude a, .searchTrigger, .fixedNavigation .shopParent, .fixedNavigation .phoneTop, .fixedNavigation .headerAccountNav a, .fixedNavigation .basketInclude a, .fixedNavigation .searchTrigger, .favTrigger, .fixedNavigation .favTrigger {
    position: fixed;
    top: 0;
    z-index: 3
  }
  .shopParent, .phoneTop, .headerAccountNav a, .basketInclude a, .searchTrigger, .burgerMenu, .favTrigger {
    height: 80px;
    line-height: 80px
  }
  .headerAccountNav a, .basketInclude a, .searchTrigger, .searchTrigger .searchInner, .favTrigger, .favTrigger a {
    background-color: #fff;
    border-left: none;
    background-size: 34px 34px !important;
    width: 64px
  }
  .basketInclude a {
    width: 70px;
    right: 0
  }
  .headerAccountNav a {
    right: 70px
  }
  .favTrigger {
    right: 132px
  }
  .searchTrigger {
    right: 194px
  }
  .basketInclude .BasketCount {
    top: 7px;
    right: 8px
  }
  .FavCount {
    top: 7px;
    right: 2px
  }
}
/* BASKET */
.capCheck {
  background: #fff;
  padding: 20px 24px;
  font-size: 16px;
  text-align: center;
  margin-top: 16px;
  border: 1px dashed #EA3323;
}
.basketInclude .glyphicon {
  display: none !important
}
.basketInclude a {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%2322272c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'%3E%3Cpath d='m23 40.61c0 2.15-1.74 3.9-3.89 3.9s-3.9-1.74-3.9-3.89 1.74-3.9 3.89-3.9c2.15 0 3.9 1.74 3.9 3.89z'/%3E%3Cpath d='m40.63 40.61c0 2.15-1.74 3.9-3.89 3.9s-3.9-1.74-3.9-3.89 1.74-3.9 3.89-3.9 3.9 1.74 3.9 3.89z'/%3E%3Cpath d='m1.57 3.49h7.79l5.23 26.09c.37 1.85 2.01 3.17 3.89 3.13h18.94c1.89.04 3.53-1.28 3.89-3.13l3.12-16.35h-33.12'/%3E%3C/g%3E%3C/svg%3E");
}
/* ACCOUNT */
.headerAccountNav a {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2322272c'%3E%3Cpath d='m40.09 33.97c-.36-6.34-7.87-11.4-17.09-11.4s-16.73 5.06-17.09 11.4h-.01v12.35h34.2v-12.35zm-2.84 9.5h-28.5v-9.34c.13-2.16 1.54-4.24 3.97-5.87 2.74-1.83 6.39-2.84 10.28-2.84s7.54 1.01 10.28 2.84c2.43 1.63 3.84 3.71 3.96 5.87v.16s0 9.18 0 9.18z'/%3E%3Cpath d='m23 4.57c4.16 0 7.55 3.38 7.55 7.55s-3.38 7.55-7.55 7.55-7.55-3.38-7.55-7.55 3.38-7.55 7.55-7.55m0-3c-5.82 0-10.55 4.72-10.55 10.55s4.72 10.55 10.55 10.55 10.55-4.72 10.55-10.55-4.73-10.55-10.55-10.55z'/%3E%3C/g%3E%3C/svg%3E");
}
/* SEARCH */
.searchTrigger .searchInner {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%2322272c'%3E%3Cpath d='m44.06 41.79-12.83-12.83c-1.45 1.72-3.27 3.11-5.34 4.06l13.46 13.46c.65.65 1.5.97 2.35.97s1.7-.32 2.35-.97c1.3-1.3 1.3-3.4 0-4.7z'/%3E%3Cpath d='m19.4 4.84c7.79 0 14.14 6.34 14.14 14.14s-6.34 14.14-14.14 14.14-14.14-6.34-14.14-14.14 6.34-14.14 14.14-14.14m0-3c-9.46-0-17.13 7.67-17.13 17.13s7.67 17.14 17.14 17.14 17.14-7.67 17.14-17.14-7.68-17.13-17.15-17.13z'/%3E%3C/g%3E%3C/svg%3E");
}
.SearchResultText {
  padding: 24px 24px 0;
  font-size: 15px;
  min-height: 240px
}
a.SearchResultLink {
  text-decoration: none
}
/* FAVOURITE */
.favTrigger a {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 46 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m40.86 7.64c-4.32-4.71-11.33-4.71-15.65 0l-2.13 2.32-2.13-2.32c-4.23-4.81-11.24-4.97-15.65-.36s-4.56 12.25-.33 17.06c.11.12.22.24.33.36l2.13 2.32 15.65 17.06 15.65-17.06 2.13-2.32c4.32-4.71 4.32-12.34 0-17.05z' fill='none' stroke='%2322272c' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/svg%3E");
}
@media (min-width:768px) {
  .capCheck {
    font-size: 18px
  }
}
/* PHONE */
.phoneWrapInner {
  display: none
}
@media (min-width:768px) {
  .phoneTop {
    display: block;
    right: 250px;
    text-align: right;
    padding: 0 24px;
    font-size: 18px;
    width: 100%;
    background: #fff;
    z-index: 8
  }
}
@media (min-width:890px) {
  .phoneWrapInner {
    display: block
  }
  .phoneTop .highlighted {
    font-weight: 500;
  }
  .phoneTop .secondaryNo {
    display: none
  }
  .phoneTop a {
    text-decoration: none !important;
    color: #22272C !important
  }
}
@media (min-width: 1025px) {
  .phoneTop .secondaryNo {
    display: inline-block
  }
}
/* SHOP NOW */
.shopParent {
  display: block;
  width: calc(100% - 241px);
  left: 0;
  z-index: 12;
  text-align: center;
  overflow: hidden
}
.shopParent a {
  display: block;
  height: 66px;
  width: 100%;
  background: #F3F3F3 !important;
  color: #22272C !important;
  line-height: 66px;
  padding: 0 16px;
  text-decoration: none;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 19px;
}
.shopParent a span.mobileDesktopToggle {
  display: none !important
}
@media (min-width: 375px) {
  .shopParent {
    width: calc(100% - 290px)
  }
}
@media (min-width: 410px) {
  .shopParent a {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .shopParent {
    display: inline-block;
    transition: left 500ms ease-in-out;
    width: 171px;
    left: 234px;
    height: 50px;
    top: 14px;
    border-radius: 16px;
  }
  .shopParent a {
    height: 50px;
    line-height: 50px;
    background: #51B960 !important;
    color: #fff !important;
    font-size: 20px;
  }
  .shopParent a span.mobileDesktopToggle {
    display: inline !important;
  }
  .menuClosed .shopParent {
    left: 64px;
  }
}
@media (min-width: 1025px) {
  .shopParent {
    left: 265px;
  }
}
/* SHOP NAV */
.shop .shopNav .DropDownNav, .mobileNav {
  position: relative;
  top: 196px;
  left: 0;
  width: 100%;
  z-index: 9999
}
.shop .shopNav .DropDownNav h2 {
  background: #50B960;
  font-size: 18px;
  color: #fff;
  background-repeat: no-repeat !important;
  background-position: 97% 50% !important;
  background-size: 48px 48px !important;
  padding: 22px 60px 22px 17px;
  margin: 0 !important;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7.41 15.67 16.66 16.66 16.52-16.51' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E");
}
.shop .shopNav .DropDownNav h2.active {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m7.41 32.33 16.66-16.66 16.52 16.51' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='4'/%3E%3C/svg%3E");
  border-bottom: 2px solid #f3f3f3
}
.shop .shopNav .DropDownNav .shopFilter h2 {
  background: none;
  color: #22272C;
  padding: 16px 0 16px;
  background-image: none !important;
  border-bottom: 2px solid #fff
}
.shop .shopNav .DropDownNav .hideShowShopNav {
  padding: 3px 24px 24px;
  background: #f3f3f3;
  height: calc(100vh - 108px);
  overflow-y: auto;
  display: none
}
.shop .shopNav .DropDownNav .hideShowShopNav.open {
  display: block
}
.shop .DropDownNav ul.navbar-nav {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-left: 4px
}
.shop .DropDownNav ul.navbar-nav ul.navbar-nav {
  border-bottom: none;
  margin-bottom: 16px;
  padding-left: 1px
}
.shop .shopNav .DropDownNav li:last-child {
  padding-bottom: 0
}
.shop .shopNav .DropDownNav li {
  padding-bottom: 12px;
  padding-top: 12px;
  border-bottom: 2px solid #fff
}
.shop .shopNav .DropDownNav li:last-child {
  border-bottom: none
}
.shop .shopNav .DropDownNav li a {
  text-decoration: none;
  font-size: 16px
}
.shop .shopNav .DropDownNav li a:hover, .shop .shopNav .DropDownNav li a:focus, .shop .shopNav .DropDownNav li a:active {
  color: #22272C
}
.shop .DropDownNav .navbar-nav li ul {
  padding-top: 10px
}
.shop .DropDownNav .navbar-nav li ul li {
  padding-left: 16px;
  position: relative;
  font-size: 14px;
  padding-bottom: 4px;
  border-bottom: none;
  padding-top: 0
}
.shop .DropDownNav .navbar-nav li ul li:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "–"
}
.shop .shopNav .DropDownNav .shopFilter {
  padding: 0 0 24px
}
.shop .shopNav .DropDownNav .shopFilter .btn {
  padding: 6px 14px 6px !important;
  font-size: 15px !important;
  background: #F0493B !important;
  cursor: pointer;
  border: none !important;
}
.shop .shopNav .DropDownNav .ulsectionFilter {
  margin-bottom: 12px;
  display: none
}
.shop .shopNav .DropDownNav .ulsectionFilter.open {
  display: block
}
.shop .shopNav .DropDownNav .lisectionFilter, .shop .shopNav .DropDownNav .categoryWrap {
  border-bottom: 2px solid #fff;
  margin-bottom: 0;
  padding-bottom: 0;
  cursor: pointer
}
.shop .shopNav .DropDownNav .categoryWrap h3.categoryTitle {
  font-size: 18px
}
.shop .shopNav .DropDownNav .lisectionFilter h3.itemTitle, .shop .shopNav .DropDownNav .categoryWrap h3.categoryTitle {
  padding: 16px 0 16px 23px;
  margin: 0 !important;
  background-position: -5px 50% !important;
  background-repeat: no-repeat !important;
  background-size: 24px 24px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpolygon fill='%23f04a3b' points='23 13.45 16.55 13.45 16.55 7 13.45 7 13.45 13.45 7 13.45 7 16.55 13.45 16.55 13.45 23 16.55 23 16.55 16.55 23 16.55 23 13.45'/%3E%3C/svg%3E")
}
.shop .shopNav .DropDownNav .lisectionFilter h3.itemTitle.active, .shop .shopNav .DropDownNav .categoryWrap h3.categoryTitle.active {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Crect fill='%2301bdcb' x='7' y='13.45' width='16' height='3.1'/%3E%3C/svg%3E")
}
.shop .shopNav .DropDownNav .shopFilter li {
  padding-bottom: 0;
  padding-top: 0;
  font-size: 16px
}
.shop .shopNav .DropDownNav .shopFilter li ul li {
  border-bottom: none
}
.shopFilter h3.itemTitle {
  margin-bottom: 8px !important
}
.shopFilter label {
  display: inline-block;
  padding: 8px 4px 8px 0
}
.shopFilter input.filterInput {
  display: inline-block;
  vertical-align: baseline;
  margin: 0 6px 0 0;
  padding: 0;
  height: auto;
  width: auto !important
}
.shopFilter span.count {
  font-size: 14px;
  opacity: 0.5
}
.shopFilter .favButton {
  font-weight: 500;
  font-size: 16px !important;
  line-height: 1.25em;
  display: block;
  padding: 16px 0 16px 23px;
  margin: 0 !important;
  background-position: -6px 49% !important;
  background-repeat: no-repeat !important;
  background-size: 30px 30px !important;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cpath d='M91.9,50c3.6,0,6.4,1.3,8.9,4.2,3,3.5,4,7.6,3.2,12.8-.4,2.7-1.7,5.4-4,8.5-3,4-6.6,7.5-11.2,11.5-3.8,3.3-10.3,8.9-13.7,11.8-4.6-3.9-9.2-7.9-13.7-11.8-4.6-4-8.3-7.5-11.2-11.5-2.3-3.1-3.6-5.8-4-8.5-.8-5.2,.2-9.3,3.2-12.8,2.5-2.9,5.3-4.2,8.9-4.2s1.4,0,2.1,.1c2.4,.3,4.6,1.5,6.7,3.8,.4,.4,.7,.8,1,1.2l.7,.8,6.4,7.5,6.4-7.5,.7-.8c.3-.4,.7-.8,1-1.2,2.1-2.3,4.3-3.5,6.7-3.8,.7,0,1.4-.1,2.1-.1m0-8.3c-1,0-2.1,0-3.1,.2-4.7,.6-8.5,3-11.7,6.4-.7,.7-1.3,1.5-2,2.3-.7-.8-1.3-1.6-2-2.3-3.2-3.5-7-5.8-11.7-6.4-1.1-.1-2.1-.2-3.1-.2-6,0-11.1,2.3-15.2,7.1-4.8,5.6-6.2,12.3-5.1,19.5,.7,4.6,2.8,8.5,5.5,12.2,3.6,4.8,7.9,8.9,12.4,12.8,5.3,4.6,10.6,9.2,16,13.8,1,.9,2.1,1.4,3.2,1.4s2.1-.4,3.2-1.4c0,0,10.7-9.2,16-13.8,4.5-3.9,8.9-8,12.4-12.8,2.7-3.7,4.8-7.6,5.5-12.2,1.1-7.2-.3-13.8-5.1-19.5-4.1-4.8-9.2-7.1-15.2-7.1h0Z' style='fill: %23f0493b;'/%3E%3C/svg%3E");
}
@media (min-width: 400px) {
  .shop .shopNav .DropDownNav h2 {
    padding-left: 24px;
  }
}
@media (max-width:767px) {
  .shop .shopNav .DropDownNav {
    top: 257px;
  }
  .shop .siteContainer {
    padding: 257px 0 0;
  }
}
@media (min-width: 768px) {
  .shop .shopNav {
    box-shadow: 0px 4px 10px 4px rgba(50, 50, 50, 0.2)
  }
  .shop .shopNav, .shop .shopNav .DropDownNav {
    transition: left 500ms ease-in-out
  }
  .shop .shopNav, .shop .shopNav .DropDownNav {
    display: block;
    position: fixed;
    top: 0;
    left: 220px;
    bottom: 0;
    height: auto;
    width: 200px;
    z-index: 9
  }
  .shop .shopNav .DropDownNav {
    overflow-y: auto;
    top: 64px;
    background: #fff;
    padding: 20px 16px;
    margin-top: 0
  }
  .shop .menuClosed .shopNav, .shop .menuClosed .shopNav .DropDownNav {
    left: 50px
  }
  .shop .shopNav .DropDownNav h2 {
    background: none;
    margin: 0 !important;
    border-bottom: 2px solid #f3f3f3 !important;
    padding: 0 0 16px;
    color: #22272C
  }
  .shop .shopNav .DropDownNav h2 span.mobileDesktopToggle {
    display: none !important;
  }
  .shop .shopNav .DropDownNav .shopFilter h2 {
    border-color: #f3f3f3
  }
  .shop .shopNav .DropDownNav h2.active {
    background: none;
    border: none
  }
  .shop .shopNav .DropDownNav .hideShowShopNav {
    padding: 0;
    background: none;
    height: auto;
    overflow-y: visible;
    display: block !important
  }
  .shop .shopNav .DropDownNav .lisectionFilter, .shop .shopNav .DropDownNav .categoryWrap {
    border-color: #f3f3f3
  }
  .shop .shopNav .DropDownNav .categoryWrap h3.categoryTitle {
    font-size: 16px
  }
  .shop .shopNav .DropDownNav li a {
    font-size: 15px
  }
  .shop .shopNav .DropDownNav .shopFilter li {
    font-size: 14px
  }
  .shop .shopNav .DropDownNav li {
    border-bottom: 2px solid #f3f3f3
  }
  .shop .shopNav .DropDownNav .lisectionFilter, .shop .shopNav .DropDownNav .categoryWrap {
    border-bottom: 2px solid #f3f3f3
  }
}
@media (min-width: 1025px) {
  .shop .shopNav, .shop .shopNav .DropDownNav {
    left: 250px
  }
}
/* SEARCH & NOTFY ME OVERLAY */
.backInStockModule {
  padding-bottom: 24px
}
.modal {
  background: #22272C;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99999;
  display: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  text-align: center;
  width: 100%
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0
}
.fade.in {
  opacity: 1
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: none
}
.modal-dialog {
  width: 100%;
  margin: 0
}
.modal-content {
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 99999
}
.modal-header {
  min-height: 52px;
  padding: 0
}
.modal-header {
  background-color: #22272C
}
.modal-footer {
  padding: 0 0 32px;
  text-align: center;
  border-top: none
}
.modal-body {
  width: 100%;
  padding: 16px 24px 0;
  margin: 0 auto;
  color: #fff
}
.modal-body .titleWrap h1 {
  margin-bottom: 12px
}
.modal-body .shippingChargeNotice {
  border: 1px dashed #999;
  font-size: 15px;
  padding: 12px 16px;
  margin: 0 auto
}
.modal-body .eoriQuestion a {
  background: #ccc;
  display: block;
  width: 48px;
  height: 48px;
  position: absolute;
  top: 64px;
  right: 0;
  text-indent: -9999em;
  border-radius: 0 0 4px 0;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23ffffff' d='M34.53,15.46c0,3.74-1.73,6.52-5.52,9.21a5,5,0,0,0-2.59,4.85c0,1.25-.77,1.92-2.12,1.92H20.94a1.92,1.92,0,0,1-2.11-2.11v-.48c0-3.55,1.25-6.05,4.61-8.26,2.5-1.63,3.36-3,3.36-4.65,0-1.88-1.29-2.93-3.69-2.93a6.64,6.64,0,0,0-4,1.39c-1.06.81-2,1-3,.14l-1.72-1.39c-1.11-.86-1.3-2-.29-2.83a14.09,14.09,0,0,1,9.69-3.7C30.35,6.62,34.53,9.93,34.53,15.46Zm-15.79,22a3.89,3.89,0,1,1,3.88,3.94A3.88,3.88,0,0,1,18.74,37.44Z'/%3E%3C/svg%3E");
  background-position: 50% 50% !important;
  background-size: 38px 38px !important;
  background-repeat: no-repeat !important;
  cursor: pointer
}
.modal-body .eoriTooltip {
  display: none !important;
  width: 100%;
  position: relative;
  text-align: center;
  max-width: 510px;
  margin: 0 auto;
  padding: 8px 12px;
  font-size: 14px;
  background: #F0493B;
  margin-top: 6px;
  border-radius: 4px
}
.modal-body .eoriTooltip:after {
  bottom: 100%;
  left: 94%;
  border: solid transparent;
  content: "";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(30, 189, 204, 0);
  border-bottom-color: #F0493B;
  border-width: 12px;
  margin-left: -12px
}
.modal-body .eoriTooltip.active {
  display: block !important
}
.modal-body .eorilink {
  text-align: left;
  max-width: 510px;
  margin: 0 auto;
  padding-top: 8px;
  font-size: 14px
}
.modal-body .eorilink a {
  display: block;
  color: #fff;
  padding-top: 8px
}
.modal-body .titleWrap p {
  max-width: 460px;
  margin-left: auto;
  margin-right: auto
}
.modal-body .privacyStatement {
  padding-top: 24px;
  font-size: 12px;
  display: block
}
.modal-header .close {
  width: 52px;
  height: 52px;
  text-indent: -9999em;
  background-position: 50% !important;
  background-size: 40px 40px !important;
  background-repeat: no-repeat !important;
  float: right;
  border: none
}
.modal-header .close {
  background-image: url(data:image/svg+xml,%3Csvg%20fill%3D%22%23ffffff%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%2224%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%20%20%20%20%3Cpath%20d%3D%22M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z%22/%3E%0A%20%20%20%20%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%0A%3C/svg%3E);
  background-color: #22272C
}
.modal-header .close:hover {}
.modal-body .form-control {
  margin-top: -2px;
  padding: 8px 16px;
  height: 48px;
  border: none;
  border-radius: 4px 0 0 4px !important;
  box-shadow: none
}
.modal-body .viewPrev {
  padding-top: 24px;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  color: #fff
}
.modal-body .button {
  border: none;
  color: #22272C;
  height: 48px;
  line-height: 22px;
  text-align: center;
  font-size: 24px;
  border-radius: 0 4px 4px 0;
  margin-top: -2px;
  padding: 0 16px 0;
  background: #F0493B;
  width: 56px;
  background-position: 50% !important;
  background-repeat: no-repeat !important;
  background-size: 40px 40px !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 46 48'%3E%3Cpath fill='%23ffffff' d='M6.94,32.11A17.09,17.09,0,0,1,31.11,7.94a16.75,16.75,0,0,1,2.57,20.62.71.71,0,0,0,.1.86l8.72,8.72c1.73,1.73,2.14,4.16.61,5.7l-.27.27c-1.54,1.53-4,1.12-5.7-.61l-8.7-8.7a.74.74,0,0,0-.88-.12A16.75,16.75,0,0,1,6.94,32.11ZM28,29a12.63,12.63,0,1,0-17.86,0A12.63,12.63,0,0,0,28,29Z'/%3E%3Cpath fill='%23ffffff' d='M26.86,19a1.89,1.89,0,0,0,.69-.14,1.77,1.77,0,0,0,.93-2.31,11.11,11.11,0,0,0-14.55-5.9,1.77,1.77,0,0,0,1.38,3.25,7.59,7.59,0,0,1,9.93,4A1.76,1.76,0,0,0,26.86,19Z'/%3E%3C/svg%3E");
}
.modal-body .infoBlock {
  padding-top: 40px
}
.modal-body .infoBlock p {
  border: 2px solid #657888;
  background: #4F5E6B;
  padding: 16px 16px 18px;
  text-align: center;
  max-width: none;
  border-radius: 4px;
  color: #fff;
  font-size: 15px
}
.modal-body .productsInclude {
  background: none;
  border: none;
  padding: 0
}
.modal-body .infoBlock a, .modal-body .privacyStatement a {
  color: #fff !important;
  text-decoration: underline !important
}
.modal-body .form-group {
  margin-bottom: 15px;
  max-width: 510px;
  margin: 0 auto;
  position: relative
}
.modal-body .input-group {
  position: relative;
  display: table;
  border-collapse: separate
}
.modal-body .input-group .form-control, .modal-body .input-group-btn {
  display: table-cell
}
.modal-body .input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0
}
.modal-body .input-group-btn {
  position: relative;
  font-size: 1em;
  white-space: nowrap;
  width: 1%;
  vertical-align: middle
}
.modal-body .input-group-btn:last-child > .button {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}
.modal-content.shopModule .productTitle h3 {
  padding: 12px;
  font-size: 1em;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear
}
.fade.in {
  opacity: 1
}
.productNotification .modal-body .button {
  background-image: none !important;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px
}
/* calculate shipping popup */
.shippingCalculator .modal-body {
  padding-bottom: 16px
}
.shippingCalculator .modal-body .form-group {
  padding: 16px 0 0
}
.shippingCalculator .modal-body .form-group label, .shippingCalculator .modal-body .form-group.error label, .shippingCalculator .modal-body .form-control {
  display: block;
  margin: 0;
  border-radius: 0 0 4px 4px !important;
  height: 48px;
  padding: 8px 16px;
  vertical-align: top;
  width: 100%
}
.shippingCalculator .modal-body .form-group label, .shippingCalculator .modal-body .form-group.error label {
  line-height: 48px;
  padding-top: 0;
  padding-bottom: 0;
  background: #9255A2;
  margin-right: -5px;
  border-radius: 4px 4px 0 0 !important
}
.shippingCalculator .modal-body .input-group-btn {
  padding-top: 32px
}
.shippingCalculator .modal-body .input-group-btn .btn, .shippingCalculator .modal-footer .btn {
  padding: 16px 28px !important
}
.shippingCalculator .modal-body .deliveryVariantInformation {
  display: none
}
.shippingCalculator .modal-body .options {
  padding-top: 32px;
  text-align: left;
  display: inline-block
}
.shippingCalculator .modal-footer .deliveryTerms {
  padding: 24px 0 60px;
  width: 80%;
  margin: 0 auto;
  max-width: 710px;
  color: #fff;
  font-size: 14px
}
.shippingCalculator .modal-footer .deliveryTerms a {
  color: #fff !important
}
.step-2 .checkoutContainer .deliveryOptions .deliveryTerms {
  font-size: 14px
}
.step-2 .checkoutContainer input.close {
  display: none !important
}
.step-2 .checkoutContainer .titleWrap {
  max-width: none !important
}
.step-2 .checkoutContainer .options {
  padding-top: 8px;
  display: block
}
.shippingChargeNotice {
  border: 1px dashed #999;
  font-size: 15px;
  padding: 12px 16px;
  margin-bottom: 16px;
  max-width: 620px
}
.shippingCalculator .modal-body .form-group.error label {
  color: #fff !important;
  border: 2px solid #A70002;
  border-bottom: none
}
.shippingCalculator .modal-body .form-group.error span.requiredFieldInfo {
  padding-top: 8px;
  color: #fff !important
}
.shippingCalculator .modal-body .form-group.error .form-control {
  background: #FFFAD7;
  border: 2px solid #A70002;
  border-top: none
}
.shippingCalculator input.btn {
  width: auto !important
}
@media (min-width: 600px) {
  .modal-body .eoriQuestion a {
    top: 16px;
    border-radius: 0 4px 4px 0
  }
  .modal-body .eoriTooltip:after {
    left: 95%
  }
  .shippingCalculator .modal-body .form-group label, .shippingCalculator .modal-body .form-group.error label, .shippingCalculator .modal-body .form-control {
    display: inline-block;
    border-radius: 4px 0 0 4px !important
  }
  .shippingCalculator .modal-body .form-group label, .shippingCalculator .modal-body .form-group.error label {
    width: 190px
  }
  .shippingCalculator .modal-body .form-control {
    width: 320px;
    border-radius: 0 4px 4px 0 !important
  }
  .shippingCalculator .modal-body .form-group.error label {
    border: 2px solid #A70002;
    border-right: none
  }
  .shippingCalculator .modal-body .form-group.error .form-control {
    border: 2px solid #A70002;
    border-left: none
  }
}
@media (min-width: 0) and (max-width: 767px) {
  .productNotification .modal-body .input-group {
    display: block;
    width: 100%
  }
  .productNotification .modal-body .input-group .form-control, .productNotification .modal-body .input-group-btn, .productNotification .modal-body .button {
    width: 100%;
    display: block;
    float: none;
    border-radius: 4px !important
  }
  .productNotification .modal-body .input-group-btn {
    text-align: center
  }
  .productNotification .modal-body .button {
    width: auto;
    margin: 8px auto 0 !important
  }
}
@media (min-width: 768px) {
  .modal-body {
    padding: 48px
  }
  .modal-body .form-control {
    height: 64px;
    padding: 8px 24px
  }
  .modal-body .button {
    height: 64px;
    font-size: 32px;
    width: 72px;
    cursor: pointer
  }
  .productNotification .modal-body .button {
    width: 120px
  }
  .shippingChargeNotice {
    margin-top: -8px
  }
}
@media (min-width: 1024px) {
  .shippingChargeNotice {
    margin-top: -16px
  }
}
/* text content */
h1, h2, h3, h4, h5 {
  font-weight: 500;
}
h1, h2, h3, h4, h5, p, small, ul, ol, .documentWrap, .linkWrap {
  margin-bottom: 20px
}
ul + h2, ul + h3, ol + h2, ol + h3 {
  padding-top: 24px
}
/* bold */
strong, b {
  font-weight: 500;
}
/* italic */
em, i {
  font-style: italic;
}
/* bold italic */
strong em, b em, strong i, b i, em strong, em b, i strong, i b {
  font-weight: 500;
  font-style: italic;
}
h1 {
  line-height: 1.3em;
  margin: 0
}
h2 {
  font-size: 24px
}
h2, h3, h4, h5 {
  line-height: 1.25em;
}
.introWrap {
  font-size: 17px;
}
.contentWrap {
  font-size: 16px
}
.page-header_component {
  text-align: center
}
.pageHeader {
  display: none !important
}
.shopModule .pageHeader, .shopping-bag .pageHeader, .manageAccount .pageHeader, .addressManagement .pageHeader, .shopComplete .pageHeader, .set-password .pageHeader {
  display: block !important;
  width: 100%;
  text-align: center
}
.includeTitleWrap {
  display: none !important
}
/* lists */
.contentWrap ul, .contentWrap ol {
  display: inline-block;
  text-align: left;
  width: auto
} /* FIXES CHROME CENTERED BULLET ISSUE */
.contentWrap ul li {
  list-style-type: disc;
  list-style-position: outside;
  padding: 0 0 8px;
  margin-left: 16px
}
.contentWrap ol li {
  list-style-type: decimal;
  list-style-position: inside;
  position: relative;
  padding: 0 0 12px;
  padding-left: 0
}
.contentWrap ol li h2 {
  display: inline;
  padding-left: 30px;
  font-size: 16px
}
.contentWrap ol li ul {
  padding-top: 12px
}
.contentWrap ol li ul li {
  list-style-type: none;
  padding-left: 40px
}
.contentWrap ol li ul li ul {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: 12px
}
.contentWrap ol li span {
  position: absolute;
  left: -14px;
  font-weight: 500;
}
.introWrap ul {
  border-top: 2px solid #f3f3f3;
}
.introWrap li {
  border-bottom: 2px solid #f3f3f3;
  padding: 12px 0;
}
/* shop - checkout checklist*/
.shopModule .content-block_component.white.full.text-left {
  padding: 0 6% !important;
}
.shopModule .content-block_component.white.full.text-left p, .shopModule .content-block_component.white.full.text-left ul {
  padding: 0 16px 6px 0;
  margin: 0 auto;
  max-width: none;
}
.shopModule .content-block_component.white.full.text-left p.productAnnouncement {
  border: 1px dashed #EA3323;
  padding: 16px;
  font-size: 15px;
  margin-bottom: 24px;
}
.shopModule .content-block_component.white.full.text-left ul {
  padding-top: 8px;
  padding-bottom: 0;
  display: inline-block;
  text-align: left;
  width: auto
}
.shopModule .content-block_component.white.full.text-left ul li, .wrap.main.content-block_component .contentWrap ul.tickList li {
  padding: 0 0 4px 26px !important;
  margin-left: 0 !important;
  list-style-type: none !important;
  list-style-position: inside !important;
  font-size: 15px !important;
  background-position: 0 0 !important;
  background-size: 16px 16px !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.45 12'%3E%3Cpolygon fill='0e1822' points='2.3 3.58 6.4 7.45 14.1 0 16.4 2.42 6.44 12 0.05 6.03 2.3 3.58'/%3E%3C/svg%3E") !important;
}
.wrap.main.content-block_component .contentWrap ul.tickList li {
  padding: 0 0 12px 26px !important;
  font-size: 16px !important;
  background-position: 0 3px !important;
}
.breadcrumbContainer {
  width: 100%;
  max-width: none;
  text-align: left;
  margin: 0;
  padding: 16px;
  position: relative;
  z-index: 2;
  font-size: 14px;
  display: none
}
.breadcrumbContainer span, .breadcrumbContainer ul {
  display: inline-block;
  padding: 0;
  margin: 0
}
.breadcrumbContainer span {
  padding-right: 8px
}
.breadcrumb li {
  display: inline-block;
  padding: 0 8px 4px 0;
  margin: 0 8px 0 0;
  border-right: 2px solid #ddd
}
.breadcrumb li:last-child {
  border-right: none;
  margin: 0;
  display: none
}
.breadcrumb li:nth-last-child(2) {
  border-right: none;
  margin: 0
}
/* form */
input, select, textarea {
  border: 2px solid #e3e3e3;
  background: #fff;
  padding: 0 16px;
  margin: 4px 0 8px 0;
  height: 44px;
  transition: border 100ms ease-in-out;
  width: 100%
}
input:hover, input:focus, input:active, select:hover, select:focus, select:active, textarea:hover, textarea:focus, textarea:active {
  border-color: #ccc
}
textarea {
  padding: 10px;
  margin: 4px 0 8px 0;
  height: auto;
  font-weight: 400;
}
label {
  display: block;
  padding-top: 8px
}
fieldset, .fieldContainer, .checkoutInnerContainer .leftColumn {
  position: relative;
  background: #f3f3f3;
  border: 2px solid #eee;
  padding: 12% 6% 4%;
  width: 94%;
  margin: 0 auto
}
fieldset + fieldset, .fieldContainer + .fieldContainer, .basketContainer .agreeTerms {
  margin-top: 24px
}
.fieldContainer {
  padding-top: 6%
}
.fieldContainer.mailingList {
  padding-top: 4%
}
legend {
  font-weight: 500;
  font-size: 20px;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 5% 6%
}
.fieldContainer h2, .step-2 .checkoutContainer h1.modal-title {
  font-weight: 500;
  font-size: 20px;
  margin-bottom: 0;
  padding-bottom: 5%
}
/* BUTTONS */
.btn, input.btn {
  display: inline-block;
  padding: 8px 14px 9px;
  border-radius: 16px;
  font-size: 15px;
  height: auto;
  text-align: center;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, 0.80) !important;
  background-color: rgba(255, 255, 255, 0) !important;
  color: #fff !important;
  transition: all 0.2s ease-in-out;
  font-weight: 500;
  vertical-align: middle;
}
.btn:hover, .btn:focus, .btn:active, input.btn:hover, input.btn:focus, input.btn:active {
  border-color: rgba(255, 255, 255, 1) !important;
  background-color: rgba(255, 255, 255, 0.2) !important;
}
.wrap.main.white .btn, .wrap.main.grey .btn, .wrap.main.yellow .btn, .one-third-image-with-text-block_component .linkWrap .btn, .content-with-image-block_component .linkWrap .btn {
  border-color: rgba(34, 39, 44, 0.80) !important;
  background-color: rgba(34, 39, 44, 0) !important;
  color: #22272c !important;
}
.wrap.main.white .btn:hover, .wrap.main.white .btn:focus, .wrap.main.white .btn:active, .wrap.main.grey .btn:hover, .wrap.main.grey .btn:focus, .wrap.main.grey .btn:active, .wrap.main.yellow .btn:hover, .wrap.main.yellow .btn:focus, .wrap.main.yellow .btn:active, .one-third-image-with-text-block_component .linkWrap .btn:hover, .one-third-image-with-text-block_component .linkWrap .btn:focus, .one-third-image-with-text-block_component .linkWrap .btn:active, .content-with-image-block_component .linkWrap .btn:hover, .content-with-image-block_component .linkWrap .btn:focus, .content-with-image-block_component .linkWrap .btn:active {
  border-color: rgba(34, 39, 44, 1) !important;
  background-color: rgba(34, 39, 44, 0.2) !important;
}
/* SHOP */
/* landing page + related products */
.shopModule, .relatedProductView {
  width: 100%
}
.relatedProductView {
  border: 2px solid #f3f3f3;
  padding: 24px 0
}
.relatedProductView .contentHeader {
  text-align: center
}
.shopModule.categoryList, .relatedProductView.categoryList {
  width: 100%
}
.shopModule .row, .relatedProductView .row {
  margin-bottom: 0;
  padding: 0 12px
}
.shopModule .shopItem, .relatedProductView .shopItem {
  width: 240px;
  margin: 24px auto;
  background: #EBEBEB
}
.compatibleSkip {
  border: 1px dashed #EA3323;
  padding: 16px;
  margin: 16px 0;
}
.compatibleSkip p {
  margin: 0;
}
.relatedProductView .shopItem {
  width: 200px
}
.shopModule .imageItem, .relatedProductView .imageItem {
  position: relative;
  height: 100%
}
.shopModule .foreground, .relatedProductView .foreground {
  width: 100%;
  height: auto
}
.shopModule .categoryTitle, .shopModule .productDetails, .relatedProductView .productTitle, .FeaturedProductView .productTitle {
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.25);
  padding: 8px 16px;
  text-align: center;
  font-size: 10px;
  font-weight: 300;
  color: #fff
}
.shopModule .productTitle h3, .relatedProductView .productTitle h3, .FeaturedProductView .productTitle h3 {
  margin: 0
}
.shopModule .productDetails .productPrice {
  font-weight: 500;
  font-size: 14px;
  padding-right: 6px;
}
.shopModule .productDetails .productPrice .contentWrapper {
  display: flex;
  flex-direction: column;
  line-height: 1.2;
}
.shopModule .productDetails {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}
.shopModule .productTitle h3 {
  font-weight: 300;
}
.shopModule a, .relatedProductView a, .FeaturedProductView a {
  color: #22272C !important
}
.shopModule .priceWrap, .relatedProductView .priceWrap {}
.shopModule .itemPrice, .shopModule .vatInfo, .relatedProductView .itemPrice, .relatedProductView .vatInfo {
  display: inline-block;
  vertical-align: baseline
}
.shopModule .itemPrice, .relatedProductView .itemPrice {
  font-size: 16px;
  font-weight: 500;
}
.shopModule .vatInfo, .relatedProductView .vatInfo {
  font-size: 10px;
  padding-left: 4px
}
.shopModule .productCount {
  width: 100%;
  display: block;
  position: relative;
  padding: 0 24px;
  font-size: 14px;
  text-align: center
}
.shopModule .productCount li, .shopModule .dropdown-toggle, .shopModule .dropdown-menu {
  display: inline-block;
  vertical-align: top
}
/* navigation */
.shopModule .navbar-nav {
  margin: 24px auto 4px
}
.shopModule .navbar-nav a {
  text-decoration: none;
  height: 34px;
  line-height: 34px;
  display: inline-block
}
.shopModule .navbar-nav li:nth-child(2) a {
  color: #01BDCB !important;
  text-decoration: underline
}
.shopModule .navbar-nav.navbar-right {
  display: none !important
}
.shopModule .pagingNavigation {
  width: 100%;
  text-align: center;
  padding: 24px 24px 0;
  font-size: 14px
}
.shopModule .pagingNavigation li.active:first-child, .shopModule .pagingNavigation li.active:last-child {
  display: block;
  text-align: center
}
.shopModule .pagingNavigation li.active:first-child a, .shopModule .pagingNavigation li.active:last-child a {
  display: inline-block
}
.shopModule .pagingNavigation li {
  display: inline-block;
  padding: 0;
  margin: 0
}
.shopModule .pagingNavigation li a {
  display: block;
  min-width: 34px;
  height: 34px;
  line-height: 34px;
  margin: 0 2px 4px;
  background: #f3f3f3;
  padding: 0 12px;
  text-decoration: none;
  border-radius: 4px
}
.shopModule .pagingNavigation .current-page.active a {
  background: #22272C !important;
  color: #fff !important
}
@media (min-width:768px) {
  .shopModule .pagingNavigation li.active:first-child, .shopModule .pagingNavigation li.active:last-child {
    display: inline-block;
    text-align: center
  }
  .shopModule .pagingNavigation li.active:first-child a, .shopModule .pagingNavigation li.active:last-child a {
    display: block
  }
}
@media (min-width:900px) {
  .shopModule .productCount {
    height: 50px
  }
}
/* product details */
.product .contentRight, .product .contentLeft, .shopNav .shopFilter, .shopNav .DropDownNav {
  display: none !important
}
.shop .shopNav .shopFilter, .shop .shopNav .DropDownNav {
  display: block !important
}
.product .contentMiddle {
  max-width: 500px;
  margin: 0 auto;
  padding: 24px 24px 0
}
.product .imageWrapper {
  margin-bottom: 24px
}
.productWrapper .productCode {
  font-size: 14px
}
.productWrapper .productCode span:first-child {
  font-weight: 500;
}
/* price variations */
.productWrapper .priceWrap, .productWrapper .variations, .productWrapper .priceTierItemHeader {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
.productWrapper .quantityPrice {
  position: relative;
  padding-top: 30px
}
.productWrapper .quantityPrice:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "Unit Price";
  font-weight: 500;
  font-size: 15px;
  border-bottom: 2px solid #fff;
  width: 100%;
  padding-bottom: 4px
}
.productWrapper .priceTierItem {
  padding: 4px 0 0;
  display: inline-block;
  width: 50%
}
.productWrapper .priceTier, .productWrapper .plus, .productWrapper .Tierprice {
  font-size: 15px;
  width: 100%;
  display: block
}
.productWrapper .priceTier {
  font-weight: 500;
}
.productWrapper .plus {
  display: none
}
.productWrapper .Tierprice {
  border-bottom: 2px solid #fff;
  padding-bottom: 4px;
  margin-bottom: 4px
}
.productWrapper .contentWrapper {
  display: flex;
  flex-direction: column;
}
.productWrapper .contentWrapper .page-header {
  order: 1;
}
.productWrapper .contentWrapper .actionsWrap {
  order: 2;
  margin-bottom: 12px
}
.productWrapper .contentWrapper .shortDesc {
  order: 3;
}
.productWrapper .contentWrapper .compatibilityNote {
  order: 4;
}
.productWrapper .contentWrapper .productCode {
  order: 5;
}
@media (min-width:364px) {
  .productWrapper .priceTier, .productWrapper .Tierprice {
    display: inline-block !important;
    vertical-align: top;
    width: 50%;
    padding: 2px 0;
    margin: 0
  }
  .productWrapper .priceTier {
    border-bottom: 2px solid #fff;
    padding: 2px 0;
    margin: 0
  }
}
/* action */
.productWrapper .purchaseWrap {
  padding: 16px 0 0
}
.productWrapper .actionsWrap .btn {
  background-color: #51B960 !important;
  color: #fff !important;
  margin-bottom: 4px;
  line-height: 25px;
  text-transform: uppercase;
  border: none !important;
}
.productWrapper .purchaseWrap .col-md-8 {
  padding: 4px 6px
}
@media(max-width:400px) {
  iframe.purechat-launcher-frame.purechat-launcher-custom-image-animate.purechat-launcher-frame-bottom-right {
    bottom: 80px !important;
  }
  .productWrapper .purchaseWrap .input-group-addon:first-child {
    margin-right: 4px !important;
    font-size: 12px !important;
  }
  .productWrapper .purchaseWrap .quantity {
    margin-right: 2px !important;
    width: 62px !important;
    padding: 0 6px;
  }
}
@media(min-width:400px) {
  .productWrapper .purchaseWrap .col-md-8 {
    padding: 4px 10px
  }
}
@media(max-width:588px) {
  iframe.purechat-launcher-frame.purechat-launcher-custom-image-animate.purechat-launcher-frame-bottom-right {
    bottom: 80px !important;
  }
}
@media(max-width:768px) {
  .productWrapper .purchaseWrap .col-md-8 {
    border: 1px solid #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f3f3f3;
    width: 100%;
    z-index: 99;
    box-shadow: 1px 1px 10px 0 rgb(61 69 87 / 45%);
  }
  #iubenda-cs-banner {
    margin-bottom: 66px;
  }
}
@media(min-width:588px) {
  .productWrapper .purchaseWrap .input-group-addon, .productWrapper .purchaseWrap .quantity {
    display: inline-block;
  }
  .productWrapper .purchaseWrap .input-group-addon:first-child {
    font-weight: 500;
    margin-right: 8px;
    font-size: 16px
  }
  .productWrapper .purchaseWrap .quantity {
    margin-right: 4px;
    width: 90px
  }
  .productWrapper .purchaseWrap .thisPrice {
    position: relative;
    padding: 0 4px 0 8px;
    font-size: 14px;
    margin-right: 4px
  }
  .productWrapper .purchaseWrap .thisPrice:before, .productWrapper .purchaseWrap .thisPrice:after {
    position: absolute;
    top: 0
  }
  .productWrapper .purchaseWrap .thisPrice:before {
    left: 0;
    content: "("
  }
  .productWrapper .purchaseWrap .thisPrice:after {
    left: 100%;
    content: ")"
  }
  .productWrapper .actionsWrap .buttonWrapContainer, .productWrapper .actionsWrap .favButtonProduct {
    display: inline-block;
  }
  .productWrapper .actionsWrap .buttonWrapContainer .addButton {
    display: block;
    width: 100%
  }
  .productWrapper .actionsWrap .buttonWrapContainer .notifyButton {
    display: inline;
    width: 100%
  }
  .productWrapper .actionsWrap .favButtonProduct .favAdd, .productWrapper .actionsWrap .favButtonProduct .favRemove {
    width: 43px;
    text-indent: -999em;
    background-color: transparent !important;
    border: none !important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cpath d='M42.4,20.9c1.5,0,3.1,.1,4.8,.3,6,.8,11.4,3.8,16.4,9.2,.8,.8,1.5,1.7,2.2,2.5l1.3,1.6,7.9,9.4,7.9-9.4,1.3-1.6c.7-.9,1.4-1.7,2.2-2.6,5-5.4,10.4-8.5,16.4-9.2,1.6-.2,3.2-.3,4.8-.3,8.6,0,15.7,3.3,21.5,10.1,6.8,8,9.3,17.6,7.5,29.3-1,6.2-3.7,12.2-8.7,19-6,8.1-13.4,15.1-22.5,23.1-9.3,8.1-27,23.3-30.3,26.1l-2.5-2.1c-9.3-8-18.6-16-27.8-24-9.2-8-16.5-15-22.5-23.1-5-6.7-7.8-12.8-8.7-19-1.8-11.7,.7-21.3,7.5-29.3,5.8-6.8,12.9-10.1,21.5-10.1M107.6,10.5c-2,0-4,.1-6.1,.4-9.1,1.2-16.5,5.8-22.7,12.5-1.3,1.4-2.5,2.9-3.8,4.5-1.3-1.6-2.5-3.1-3.8-4.5-6.2-6.7-13.6-11.3-22.7-12.5-2.1-.3-4.1-.4-6.1-.4-11.5,0-21.5,4.5-29.4,13.8C3.8,35.1,1.1,48,3.2,61.9c1.4,8.8,5.4,16.5,10.7,23.6,6.9,9.3,15.4,17.1,24,24.7,10.2,8.9,20.6,17.8,30.9,26.6,2,1.7,4.1,2.7,6.2,2.7s4-.7,6.3-2.7c0,0,20.6-17.7,30.9-26.6,8.7-7.6,17.1-15.4,24-24.7,5.3-7.1,9.3-14.8,10.7-23.6,2.1-13.9-.6-26.7-9.9-37.6-7.9-9.3-17.9-13.8-29.4-13.8h0Z' style='fill: %23f0493b;'/%3E%3C/svg%3E");
    background-size: 34px 34px !important;
    background-position: 50% !important;
    background-repeat: no-repeat !important;
  }
  .productWrapper .actionsWrap .favButtonProduct .favRemove {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' width='150' height='150' viewBox='0 0 150 150'%3E%3Cpath d='M75,134.3c-.8,0-1.8-.5-2.8-1.4l-4.1-3.5c-8.9-7.7-17.9-15.4-26.7-23.1-9.4-8.2-17-15.4-23.3-23.9-5.5-7.4-8.6-14.2-9.7-21.3-2-13.3,.8-24.2,8.7-33.5,6.8-7.9,15.3-11.9,25.4-11.9s3.6,.1,5.4,.4c7.3,.9,13.7,4.5,19.6,10.8,.8,.9,1.6,1.9,2.4,2.9l5.2,6.1,5.2-6.2c.8-1,1.6-1.9,2.4-2.8,5.9-6.4,12.3-9.9,19.6-10.8,1.9-.2,3.7-.4,5.4-.4,10.1,0,18.7,4,25.4,11.9,7.9,9.2,10.7,20.2,8.7,33.5-1.1,7.1-4.2,13.8-9.7,21.3-6.3,8.5-13.9,15.7-23.3,23.9-10.2,8.9-30.8,26.6-30.8,26.6-1.6,1.4-2.4,1.4-2.9,1.4Z' style='fill: %23f0493b;'/%3E%3Cpath d='M42.4,20.9c1.5,0,3.1,.1,4.8,.3,6,.8,11.4,3.8,16.4,9.2,.8,.8,1.5,1.7,2.2,2.5l1.3,1.6,7.9,9.4,7.9-9.4,1.3-1.6c.7-.9,1.4-1.7,2.2-2.6,5-5.4,10.4-8.5,16.4-9.2,1.6-.2,3.2-.3,4.8-.3,8.6,0,15.7,3.3,21.5,10.1,6.8,8,9.3,17.6,7.5,29.3-1,6.2-3.7,12.2-8.7,19-6,8.1-13.4,15.1-22.5,23.1-9.3,8.1-27,23.3-30.3,26.1l-2.5-2.1c-9.3-8-18.6-16-27.8-24-9.2-8-16.5-15-22.5-23.1-5-6.7-7.8-12.8-8.7-19-1.8-11.7,.7-21.3,7.5-29.3,5.8-6.8,12.9-10.1,21.5-10.1M107.6,10.5c-2,0-4,.1-6.1,.4-9.1,1.2-16.5,5.8-22.7,12.5-1.3,1.4-2.5,2.9-3.8,4.5-1.3-1.6-2.5-3.1-3.8-4.5-6.2-6.7-13.6-11.3-22.7-12.5-2.1-.3-4.1-.4-6.1-.4-11.5,0-21.5,4.5-29.4,13.8C3.8,35.1,1.1,48,3.2,61.9c1.4,8.8,5.4,16.5,10.7,23.6,6.9,9.3,15.4,17.1,24,24.7,10.2,8.9,20.6,17.8,30.9,26.6,2,1.7,4.1,2.7,6.2,2.7s4-.7,6.3-2.7c0,0,20.6-17.7,30.9-26.6,8.7-7.6,17.1-15.4,24-24.7,5.3-7.1,9.3-14.8,10.7-23.6,2.1-13.9-.6-26.7-9.9-37.6-7.9-9.3-17.9-13.8-29.4-13.8h0Z' style='fill: %23f0493b;'/%3E%3C/svg%3E");
  }
  .productWrapper .actionsWrap .favButtonProduct .favAdd {
    animation-name: heart-like;
    animation-duration: 250ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
  }
  .productWrapper .actionsWrap .favButtonProduct .favRemove {
    animation-name: heart-unlike;
    animation-duration: 250ms;
    animation-iteration-count: 1;
    animation-timing-function: linear;
  }
}
@keyframes heart-like {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@keyframes heart-unlike {
  0% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
  50% {
    transform: scale(.7);
    -webkit-transform: scale(.7);
    -moz-transform: scale(.7);
    -ms-transform: scale(.7);
    -o-transform: scale(.7);
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}
@media (min-width:560px) {
  .productWrapper .actionsWrap .buttonWrapContainer .addButton {
    display: inline-block;
    width: 150px
  }
  .productWrapper .actionsWrap .buttonWrapContainer .notifyButton {
    display: inline-block;
    width: 140px
  }
  .productWrapper .actionsWrap .relatedProductsLink {
    display: block;
    margin-top: 16px;
  }
}
.productWrapper .btn.notifyBtn {
  background: #ff6d00;
  border: 2px solid #ff6d00;
  width: 100%
}
.productWrapper .actionsWrap .paybyPaypal {
  text-align: center;
  background: #f3f3f3;
  padding: 16px 0;
  margin-top: 24px;
  border: 2px solid #eee
}
.product .productWrapper {
  background: #f3f3f3;
  padding: 6%
}
.lowStockMessage {
  border: 2px solid #d20000;
  padding: 14px 18px 12px
}
.lowStockMessage p {
  margin-bottom: 4px;
  font-size: 15px
}
.lowStockMessage small {
  font-size: 13px
}
.lowStockMessage a {
  color: #22272C !important
}
.lowStockMessage a:hover, .lowStockMessage a:focus, .lowStockMessage a:active {
  color: #22272C !important
}
.purchaseWrap .lowStockMessage {
  margin-top: 24px
}
.compatibilityNote {
  font-weight: 500;
  color: #b40003
}
@media (min-width:1024px) {
  .product .contentMiddle {
    max-width: 1920px;
    margin: 0;
    padding: 0
  }
  .product .imageWrapper, .product .productWrapper {
    display: inline-block;
    width: 49%;
    max-width: 600px;
    vertical-align: top
  }
  .product .productWrapper {
    max-width: 1200px;
    padding: 4%;
    background: #f3f3f3
  }
}
/* full description */
.infoContainer, .productDocs {
  padding: 24px 0;
  max-width: 1276px
}
.infoContainer h1, .infoContainer h2, .infoContainer h3 {
  margin-bottom: 20px;
  font-size: 20px
}
.infoContainer h3 {
  font-size: 18px
}
.infoContainer ul {
  border-top: 2px solid #f3f3f3
}
.infoContainer li {
  border-bottom: 2px solid #f3f3f3;
  padding: 10px 0
}
.divTable {
  border-bottom: 2px solid #f3f3f3;
  margin-bottom: 24px
}
.divTableRow {
  padding: 6px 0;
  border-top: 2px solid #f3f3f3
}
.divTableRow:first-child {
  border-top: none
}
.divTableCell {
  display: inline-block;
  position: relative
}
.divTableCell:nth-child(1), .divTableCell.mainblock + .divTableCell {
  font-weight: 500;
  padding-right: 2px;
  margin-right: 4px
}
.divTableCell:nth-child(1):after, .divTableCell.mainblock + .divTableCell:after {
  position: absolute;
  bottom: -4px;
  left: 100%;
  width: 10px;
  height: 26px;
  content: ":"
}
.divTableCell.mainblock + .divTableCell {
  padding-top: 6px
}
.divTableCell.mainblock {
  background: none !important;
  border-bottom: 2px solid #f3f3f3;
  padding-bottom: 8px
}
.divTableCell:first-child {
  font-weight: 300 !important
}
.divTableCell.mainblock:after {
  content: ""
}
/* padding adjustment */
@media (min-width:1024px) {
  .infoContainer, .productDocs {
    padding-left: 6%;
    padding-right: 6%
  }
  .relatedProductView {
    width: 90%;
    margin: 0 auto
  }
}
/* shopping basket page */
.basketWrapper {
  margin: 0 4% 0
}
.basketContainer .productRow {
  border-bottom: 2px solid #eee;
  padding: 12px 0
}
.basketContainer .productRow.first {
  border-top: 2px solid #eee
}
.basketContainer .productRow.alert-danger {
  border: 2px solid #f14a3b !important;
  padding-left: 12px;
  padding-right: 12px;
  margin-top: -2px;
}
.basketContainer .productDetails {
  padding: 0 16px 0 0;
  font-size: 0
}
.basketContainer .productDetails, .basketContainer .productDetailWrapper {
  display: inline-block;
  vertical-align: top
}
.basketContainer .basketimg {
  width: 100px
}
.basketContainer .productDetailWrapper {
  padding: 4px 16px 0 0
}
.basketContainer .productDetailWrapper h2 {
  font-size: 12px;
  margin: 0;
  max-width: 100%;
  width: 140px
}
.basketContainer .productDetailWrapper a {
  text-decoration: none;
  color: #22272C !important
}
.basketContainer .productDetailWrapper a.trimButton {
  padding: 8px 16px;
  background: #01bdcb;
  color: #fff !important;
  font-size: 15px;
  margin-top: 8px
}
.basketContainer .productDetailWrapper .productCode {
  font-size: 10px
}
.basketContainer .itemPrice {
  font-size: 14px;
  float: right;
  font-weight: 300;
  font-style: italic;
}
.basketContainer .itemQuantity {
  padding: 12px 0
}
.basketContainer .itemQuantity .qtyBtn {
  display: inline-block;
  width: 30px;
  height: 30px;
  vertical-align: middle;
  background-color: #ddd;
  border-radius: 15px;
  background-position: 50% 50% !important;
  background-size: 24px 24px !important;
  background-repeat: no-repeat !important;
  text-indent: -999em
}
.basketContainer .itemQuantity .qtyBtn {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 491.236 491.236'%3E%3Cpath d='M55.89,262.818c-3-26-0.5-51.1,6.3-74.3c22.6-77.1,93.5-133.8,177.6-134.8v-50.4c0-2.8,3.5-4.3,5.8-2.6l103.7,76.2 c1.7,1.3,1.7,3.9,0,5.1l-103.6,76.2c-2.4,1.7-5.8,0.2-5.8-2.6v-50.3c-55.3,0.9-102.5,35-122.8,83.2c-7.7,18.2-11.6,38.3-10.5,59.4 c1.5,29,12.4,55.7,29.6,77.3c9.2,11.5,7,28.3-4.9,37c-11.3,8.3-27.1,6-35.8-5C74.19,330.618,59.99,298.218,55.89,262.818z M355.29,166.018c17.3,21.5,28.2,48.3,29.6,77.3c1.1,21.2-2.9,41.3-10.5,59.4c-20.3,48.2-67.5,82.4-122.8,83.2v-50.3 c0-2.8-3.5-4.3-5.8-2.6l-103.7,76.2c-1.7,1.3-1.7,3.9,0,5.1l103.6,76.2c2.4,1.7,5.8,0.2,5.8-2.6v-50.4 c84.1-0.9,155.1-57.6,177.6-134.8c6.8-23.2,9.2-48.3,6.3-74.3c-4-35.4-18.2-67.8-39.5-94.4c-8.8-11-24.5-13.3-35.8-5 C348.29,137.718,346.09,154.518,355.29,166.018z'/%3E%3C/svg%3E");
}
.basketContainer .itemQuantity .quantityTotal input {
  border: 2px solid #e3e3e3;
  height: 32px;
  line-height: 32px;
  padding: 0 4px;
  font-size: 14px !important;
  width: 60px
}
.basketContainer .itemSubTotal {
  font-size: 18px;
  float: right;
  font-weight: 500;
  margin-top: -30px
}
.basketContainer .itemDelete {
  padding-top: 10px
}
.basketContainer .itemDelete a {
  display: block;
  width: auto;
  height: auto;
  padding-top: 0;
  font-size: 12px;
  text-decoration: none;
  color: #22272C !important;
  font-weight: 400;
}
.basketContainer .itemDelete a:hover, .basketContainer .itemDelete a:focus, .basketContainer .itemDelete a:active {
  text-decoration: underline
}
.basketContainer .productInfo {
  display: none
}
.basketContainer .productRow.first .productDetails:before, .basketContainer .productRow.first .productDetailWrapper:before, .basketContainer .productRow.first .itemPrice:before, .basketContainer .productRow.first .itemQuantity:before, .basketContainer .productRow.first .itemSubTotal:before {
  position: absolute;
  top: -43px;
  left: 0;
  width: 100%;
  content: "Item";
  text-align: left;
  font-size: 15px
}
.basketContainer .productRow.first .productDetailWrapper:before {
  content: "Details"
}
.basketContainer .productRow.first .itemPrice:before {
  content: "Price";
  text-align: right
}
.basketContainer .productRow.first .itemQuantity:before {
  content: "Quantity";
  text-align: center
}
.basketContainer .productRow.first .itemSubTotal:before {
  content: "Total";
  text-align: right
}
.basketContainer .emptyBasket {
  text-align: center
}
/* voucher + basket totals */
.basketFooter {
  border-bottom: 2px solid #eee
}
.couponCodeEntry {
  padding: 24px 16px 24px 0
}
.couponCodeEntry label {
  font-size: 15px
}
.couponCodeEntry .couponInput, .couponCodeEntry .input-group-btn {
  display: inline-block;
  vertical-align: top;
  height: 40px
}
.couponCodeEntry .couponInput {
  width: 160px;
  border-radius: 4px 0 0 4px
}
.couponCodeEntry .input-group-btn {
  width: 80px;
  margin: 4px 0 0 -6px
}
.couponCodeEntry .input-group-btn .btn {
  height: 40px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
  text-transform: uppercase;
  border-radius: 0 4px 4px 0
}
.couponCodeEntry .requiredFieldInfo {
  font-size: 14px;
  padding: 8px 16px;
  background: #f3f3f3
}
.basketTotals {
  margin-top: -1px
}
.basketTotals table {
  width: 100%;
  border: 2px solid #eee;
  border-bottom: none;
  padding-top: 6px
}
.basketTotals table th, .basketTotals table td {
  padding: 8px 12px;
  border-bottom: 2px solid #eee;
  font-weight: normal;
  text-align: left
}
.basketTotals table tr#showDelivery th {
  text-transform: lowercase
}
.basketTotals table td {
  text-align: right
}
.basketTotals table th.total, .basketTotals table td.total {
  font-weight: 500;
  border-bottom: none;
  background: #f4f4f4;
  padding-top: 12px;
  padding-bottom: 12px
}
.basketTotals .shippingCalculator .btn {
  padding: 8px 16px;
  background: #01bdcb!important;
  font-size: 15px
}
.basketTotals .shippingCalculator .btn.showMore, .step-2 .checkoutContainer .options .btn.showMore {
  background: none;
  border-radius: 0;
  color: #01bdcb !important;
  text-decoration: underline;
  padding: 0 0 24px;
  font-size: 18px;
  width: 100%;
  text-align: center
}
.step-2 .checkoutContainer .options .btn.showMore {
  text-align: left
}
.basketTotals .shippingCalculator .deliverName {
  padding-top: 8px;
  font-size: 14px
}
.myAccountModule .reviewDetails .couponCodeEntry {
  display: none
}
.myAccountModule .reviewDetails .basketFooter .basketTotals {
  width: 100%
}
.myAccountModule .reviewDetails .orderSummary {
  margin: 0% 4% 8px;
  width: 92%;
  max-width: none
}
.myAccountModule .reviewDetails .orderSummary .contentHeader {
  display: none
}
.myAccountModule .reviewDetails .orderSummary .billingAddressSummary .contentHeader, .reviewDetails .orderSummary .deliveryAddressSummary .contentHeader {
  display: block
}
.myAccountModule .reviewDetails .fieldContainer.orderSummary {
  padding: 0 !important
}
.myAccountModule .reviewDetails .orderSummary .billingAddressSummary, .reviewDetails .orderSummary .deliveryAddressSummary {
  margin: 0;
  border: none
}
.myAccountModule .reviewDetails .orderSummary .billingAddressSummary {
  padding-bottom: 0
}
.myAccountModule .reviewDetails .orderSummary .deliveryAddressSummary {
  padding-top: 8px
}
/* checkout buttons */
.shoppingActions {
  padding: 24px 0;
  text-align: center;
  width: 94%;
  margin: 0 auto
}
.basketWrapper .shoppingActions, .fieldContainer .shoppingActions {
  width: 100%
}
.shoppingActions a {
  display: block;
  padding-bottom: 24px;
  font-size: 15px
}
.shoppingActions .buttonContainer .btn {
  padding: 16px 24px;
  font-size: 18px;
  text-transform: uppercase;
  background: #51B960 !important;
}
/* stock levels */
.productWrapper .stockTotal {
  padding: 0
}
.productWrapper .stockTotal .stockName, .productWrapper .stockTotal .stockValue, .productWrapper .stockTotal .needMore {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: 500;
  color: #d20000
}
.productWrapper .stockTotal .advisoryNotice {
  font-size: 14px !important;
  padding-top: 6px;
  font-weight: 300;
}
@media (min-width: 768px) {
  .basketTotals table {
    border-top: none
  }
  .basketWrapper {
    padding-top: 42px;
    border-top: 2px solid #eee
  }
  .basketContainer .itemPrice, .basketContainer .itemSubTotal {
    float: none;
    margin: 0;
    font-size: 14px
  }
  .basketContainer .itemPrice {
    font-weight: 300;
  }
  .basketContainer .itemQuantity {
    padding: 0 8px
  }
  .basketContainer .productDetailWrapper {
    padding: 0 16px 0 0
  }
  .shoppingActions a {
    float: left
  }
  .shoppingActions .buttonContainer {
    float: right
  }
}
/* Checkout */
.checkoutInnerContainer, .loginContainer .formContainer, .registrationModule .formContainer, .myAccountModule .form, .LostPasswordContainer {
  margin: 0 auto
}
.checkoutContainer .container {
  padding: 24px;
  background: #f3f3f3;
  border: 2px solid #eee;
  margin: 0 auto 16px;
  width: 94%
}
.checkoutContainer .container h2 {
  font-size: 22px
}
.checkoutContainer .container + .container {
  background: none;
  border: none
}
.checkoutContainer .container .form-control {
  width: 100%
}
.checkoutContainer .container .form-group {
  margin-bottom: 0
}
.checkoutContainer .container a, .checkoutContainer .container input.btn {
  width: auto;
  display: block
}
.checkoutContainer .container .login fieldset {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  width: auto
}
.checkoutContainer .container .login, .checkoutContainer .container .notLogin {
  width: 100%
}
.checkoutContainer .container .login p {
  display: none
}
.checkoutContainer .container .notLogin p {
  margin-bottom: 14px
}
.checkoutContainer .container .notGuest {
  padding-top: 32px
}
.transferUser {
  background: #fbcaca;
  border: 1px solid #c14545;
  color: #000;
  padding: 18px;
  width: 95%;
  margin: -10px auto 24px;
  text-align: center
}
.transferUser h2, .transferUser p {
  display: inline;
  font-size: 16px !important;
  padding: 0;
  margin: 0
}
.transferUser h2 {
  padding-right: 6px
}
.transferUser a {
  color: #000 !important
}
@media (min-width: 620px) {
  .checkoutContainer .container {
    width: 47%;
    float: left;
    margin-left: 6%
  }
  .checkoutContainer .container + .container {
    margin-left: 2%;
    width: 41%
  }
}
@media (min-width: 768px) {
  .checkoutContainer .container {
    padding: 4% 5% 3%
  }
  .checkoutContainer .container + .container {
    margin-left: 0
  }
}
/* progress */
.checkoutProgressBar {
  padding: 64px 8px 24px;
  font-weight: 400;
}
.checkoutProgressBar .stepNo {
  position: relative;
  border-top: 2px solid #eee;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  width: 25%;
  text-align: center;
  margin-right: -6px;
  padding-top: 28px;
  color: #ddd
}
.checkoutProgressBar .multiLine {
  display: none
}
.checkoutProgressBar .stepNo:before {
  position: absolute;
  top: -23px;
  left: 50%;
  margin-left: -22px;
  content: "";
  width: 44px;
  height: 44px;
  background: #ddd;
  border-radius: 22px;
  text-align: center;
  color: #fff;
  line-height: 44px;
  font-size: 18px
}
.checkoutProgressBar .stepNo.one:before {
  content: "1"
}
.checkoutProgressBar .stepNo.two:before {
  content: "2"
}
.checkoutProgressBar .stepNo.three:before {
  content: "3"
}
.checkoutProgressBar .stepNo.four:before {
  content: "4"
}
.checkoutProgressBar .stepNo.active {
  color: #22272C
}
.checkoutProgressBar .stepNo.active:before {
  background: #51B960
}
/* checkout  / account form */
.addressLineTwo label {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
.checkoutContainer input, .checkoutContainer select, .registrationModule input, .registrationModule select, .loginContainer input, .loginContainer select, .myAccountModule input, .myAccountModule select {
  width: 100%;
  max-width: 380px
}
.checkoutContainer .form-inline {
  padding-bottom: 12px
}
.checkoutContainer .form-inline input, .checkoutContainer .form-inline select, .checkoutContainer .form-inline .btn {
  display: inline-block;
  vertical-align: top
}
.checkoutContainer .form-inline .btn {
  margin-top: 4px
}
.checkoutContainer .deliveryAddress .btn-group {
  padding-bottom: 24px
}
.checkoutContainer .deliveryAddress .btn-group input.btn {
  width: 100px;
  margin-right: 4px
}
.checkoutContainer .container .login input.btn, .loginContainer input.btn {
  width: 100% !important;
  background: #51B960 !important;
  border: none !important;
  padding: 12px 24px;
  text-transform: uppercase;
  font-size: 18px;
}
.checkoutContainer .container a.btn, .loginContainer a.btn {
  background: none !important;
  color: #22272C !important;
  border: none !important;
  border-radius: 0;
  font-size: 14px;
  width: 100%;
  max-width: 380px;
  text-align: center
}
.checkoutContainer .buttonContainer input.btn {
  width: auto !important;
  background: #51B960 !important;
  border: none !important;
  padding: 12px 24px;
  text-transform: uppercase;
  font-size: 18px;
}
.checkoutContainer .deliveryAddress .btn-group span {
  display: inline-block;
  margin-right: 32px
}
.checkoutContainer .deliveryAddress .btn-group span input {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  background: none
}
.checkoutContainer .deliveryAddress .btn-group span label {
  padding: 0 0 0 9px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: none;
  text-align: left
}
.loginContainer .formIntroduction, .addressManagement .formIntroduction, .set-password .formIntroduction {
  padding-bottom: 24px;
  text-align: center
}
.set-password .formIntroduction {
  width: 90%;
  margin: 0 auto
}
.addressManagement .formIntroduction {
  padding-bottom: 0
}
.myAccountModule .info, .registrationModule .info {
  padding: 24px 0 4%;
  font-size: 14px;
  margin: 0
}
.myAccountModule .legendMargin + .info, .registrationModule .legendMargin + .info {
  padding-top: 0
}
p.editDetails {
  padding-top: 8px
}
.billingAddressSummary, .deliveryAddressSummary, .altDeliveryAddressSummary, .additionalInformationSummary {
  border: 2px solid #fff;
  padding: 24px 12px 8px;
  margin-bottom: 24px
}
.userAddressesLoggedin .addressOptionsWrap {
  padding-bottom: 0
}
.userAddressesLoggedin .addressOptionsWrap .deliveryAddressFirst, .userAddressesLoggedin .addressOptionsWrap .deliveryAddressSecond {
  padding: 12px 36px 8px 12px;
  background: #f8f8f8;
  border: 2px solid #fff;
  margin: 0 0 8px 0;
  position: relative;
  min-width: 200px
}
.userAddressesLoggedin .addressSelectorWrap {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 24px;
  height: 24px;
  overflow: hidden
}
.userAddressesLoggedin .addressSelectorWrap label {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
.checkoutInnerContainer .leftColumn {
  padding-top: 6%;
  margin-bottom: 3%
}
.forgottenEmail {
  font-size: 14px
}
.userSubmissionForm.LostPasswordContainer .introduction {
  padding: 0;
  text-align: center;
  background: none;
  width: 90%;
  margin: 0 auto
}
/* delivery */
.checkoutInnerContainer .specialInstructions .form-control {
  width: 100%;
  height: 100px;
  margin-top: 16px
}
.checkoutInnerContainer .eoriNumberField .form-control {
  margin-top: 16px
}
.checkoutInnerContainer .specialInstructions label, .checkoutInnerContainer .orderReference label {
  max-width: 560px;
  font-size: 15px
}
.checkoutInnerContainer .options li {
  padding-bottom: 10px
}
.checkoutInnerContainer .options input {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  display: inline;
  vertical-align: top;
  background: none
}
.checkoutInnerContainer .options label {
  padding: 0 0 0 9px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: none;
  text-align: left;
  font-weight: 400;
}
.checkoutInnerContainer .options label span {
  display: block;
  font-size: 85%;
  font-weight: 300;
}
.checkoutInnerContainer .fieldContainer.mailingList .options label {
  font-weight: 300;
}
.checkoutInnerContainer .agreeTerms .options label, .checkoutInnerContainer .mailingList .options label {
  max-width: 200px
}
.checkoutInnerContainer .agreeTerms input, .checkoutInnerContainer .agreeTerms label, .checkoutInnerContainer .mailingList input, .checkoutInnerContainer .mailingList label {
  vertical-align: text-top
}
.checkoutInnerContainer .leftColumn h2 {
  font-weight: 500;
  font-size: 20px;
  padding-bottom: 3%
}
.checkoutInnerContainer .leftColumn .deliveryInformation {
  display: none
}
@media (min-width:420px) {
  .checkoutInnerContainer .agreeTerms .options label, .checkoutInnerContainer .mailingList .options label {
    max-width: 350px
  }
  .billingAddressSummary, .deliveryAddressSummary, .altDeliveryAddressSummary, .additionalInformationSummary {
    padding: 24px 24px 8px
  }
  .userAddressesLoggedin .addressOptionsWrap .deliveryAddressFirst, .userAddressesLoggedin .addressOptionsWrap .deliveryAddressSecond {
    padding: 24px 64px 16px 24px;
    margin: 0 24px 16px 0
  }
  .userAddressesLoggedin .addressSelectorWrap {
    top: 8px;
    right: 8px
  }
  .userAddressesLoggedin .addressSelectorWrap input {}
}
/* order complete */
.shopComplete .wrap.main.introduction {
  background: #01BDCB;
  text-align: center !important;
  font-size: 20px;
  color: #fff;
  font-weight: 500;
  padding-left: 10%;
  padding-right: 10%
}
.shopComplete .wrap.main.contentWrapper {
  text-align: center !important
}
.shopComplete .wrap.main.contentWrapper .backHome {
  padding-top: 6%
}
@media (min-width: 768px) {
  .shopComplete .wrap.main.introduction {
    font-size: 24px
  }
}
/* account */
.SaleHeaderWrapper {
  text-align: center;
  width: 94%;
  margin: 0 auto
}
.accountNav {
  padding: 0 0 24px;
  text-align: center;
  width: 94%;
  margin: 0 auto
}
.accountNav li a {
  display: block;
  border-top: 2px solid #fff;
  border-bottom: 2px solid #fff;
  background: #22272C;
  padding: 16px;
  text-decoration: none;
  color: #fff;
  width: 100%;
  height: 100%;
}
.accountNav li a:hover, .accountNav li a:focus, .accountNav li a:active {
  opacity: 0.8
}
.myAccountModule .addressType input, .myAccountModule .addressDefault input {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
  background: none
}
.myAccountModule .addressType label, .myAccountModule .addressDefault label {
  padding: 0 0 0 6px;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  max-width: 200px
}
.myAccountModule .addressType label.sectionTitle {
  font-weight: 500;
  padding-top: 16px
}
.myAccountModule .addressType .addressOptionWrap {
  display: block;
  padding: 10px 0 14px
}
.myAccountModule .addressType .addressOption {
  display: block;
  padding: 4px 0
}
@media (min-width: 600px) {
  .accountNav li a {
    border: 2px solid #fff
  }
  .accountNav li:first-child a {
    border-left: none
  }
  .accountNav li:last-child a {
    border-right: none
  }
}
/* order history */
.myAccountModule .orderHeaderWrapper {
  text-align: center
}
.myAccountModule .orderSummary {
  width: 94%;
  max-width: 700px;
  margin: 0 auto
}
.myAccountModule .orderSummary ul {
  margin-bottom: 0
}
.myAccountModule .orderSummary .list-group-item {
  background: #f3f3f3;
  padding: 24px;
  margin-bottom: 8px
}
.myAccountModule .orderSummary .list-group-item .th {
  font-weight: 500;
}
.myAccountModule .orderSummary .list-group-item .last {
  margin-top: 12px;
  color: #fff;
  font-weight: 500;
  display: inline-block
}
.myAccountModule .orderSummary .list-group-item .last .th {
  display: none
}
.myAccountModule .orderSummary .list-group-item .td a {
  color: #fff !important;
  display: inline-block;
  padding: 16px 20px;
  text-decoration: none;
  background-color: #01BDCB
}
/* details page */
.myAccountModule .reviewDetails .orderDetails {
  margin-bottom: 24px;
  background: #51B960;
  margin: 0 4% 8px;
  width: 92%;
  max-width: none;
  color: #fff;
  padding: 20px 24px
}
.myAccountModule .reviewDetails .orderDetails .form-group {
  padding: 4px 0
}
.myAccountModule .reviewDetails .orderDetails .form-group span {
  font-weight: 500;
}
/* COMPONENTS ---------------------------------------- */
/* flex center content */
.content-block_component {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: center;
  width: 100%;
  justify-content: center
}
/* elements */
/* flex testimonial */
.testimonial_component {
  display: -ms-flexbox;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  align-content: center;
  width: 100%;
  justify-content: center
}
/* elements */
.testimonial_component .wrapInner {
  position: relative;
  flex-direction: column;
  display: -ms-flexbox;
  display: flex;
  -ms-flex: 1 1 0%;
  -ms-min-width: 0;
  flex-basis: 100%
}
/* flex content page */
.wrap.main.one-third-image-with-text-block_component {
  display: flex;
  position: relative;
  padding: 0 !important; 
}
.wrap.main.one-third-image-with-text-block_component .JScomponent {
  height: 100%;
  border: 2px solid #e8e8e8;
  padding: 24px !important;
}
.content-with-image-block_component {
  background-color: #F3F3F3;
}
.content-with-image-block_component .imageWrapper.column {
  padding-top: 24px;
}
@media (min-width:1024px) {
  .content-with-image-block_component {
    padding: 0 !important;
  }
  .content-with-image-block_component .wrapInner.columnWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .content-with-image-block_component .contentWrapper.column {
    padding: 6%;
    flex-basis: 55%;
  }
  .content-with-image-block_component .imageWrapper.column {
    padding: 0;
    flex-basis: 45%;
  }
  .content-with-image-block_component .imageWrapper.column .imageContainer, .content-with-image-block_component .imageWrapper.column .imageContainer .singleImageWrap {
    height: 100%;
  }
  .content-with-image-block_component .imageWrapper.column .imageContainer .singleImageWrap {
    overflow: hidden;
    position: relative;
  }
  .content-with-image-block_component .imageWrapper.column .imageContainer .singleImageWrap img {
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%);
    height: 100%;
    width: auto;
    max-width: none;
  }
  .content-with-image-block_component.position-left .contentWrapper.column {
    order: 2;
  }
  .content-with-image-block_component.position-left .imageWrapper.column {
    order: 1;
  }
  .content-with-image-block_component.position-left .imageWrapper.column .imageContainer .singleImageWrap img {
    left: 0%;
    right: auto;
    transform: translate(0%, -50%)
  }
}
@media (min-width:1150px) {
  .content-with-image-block_component .imageWrapper.column .imageContainer .singleImageWrap img {
    right: 0%;
    transform: translate(0%, -50%);
  }
}
@media (min-width:1300px) {
  .content-with-image-block_component .imageWrapper.column .imageContainer .singleImageWrap img, .content-with-image-block_component.position-left .imageWrapper.column .imageContainer .singleImageWrap img {
    height: auto;
    width: 100%;
    max-width: none;
  }
}
@media (max-width:767px) {
  #previewerBlock, .siteContainer, .wrap.main, .wrap.main.full, .wrap.main.third, .wrap.main.two-thirds, .wrap.main.one-third-image_component, .wrap.main.image-link-block_component, .wrap.main.one-third-image-with-text-block_component {
    display: block !important
  }
}
@media (min-width: 768px) {
  #previewerBlock, .siteContainer {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    width: 100%;
    justify-content: center
  }
  /* elements */
  .wrap.main, .wrap.main.full, .wrap.main.third, .wrap.main.two-thirds, .wrap.main.one-third-image_component, .wrap.main.image-link-block_component, .wrap.main.one-third-image-with-text-block_component {
    position: relative;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    -ms-min-width: 0
  }
  /* widths */
  .wrap.main, .wrap.main.full {
    flex-basis: 100%
  }
  .menuClosed .wrap.main.two-thirds {
    flex-basis: 66.666666%
  }
  .menuClosed .wrap.main.third, .menuClosed .wrap.main.one-third-image_component, .menuClosed .wrap.main.image-link-block_component, .menuClosed .wrap.main.one-third-image-with-text-block_component {
    flex-basis: 33.333333% !important;
    max-width: none;
  }
  .wrap.main.two-thirds {
    flex-basis: 50% !important
  }
  .wrap.main.third, .wrap.main.one-third-image_component, .wrap.main.image-link-block_component, .wrap.main.one-third-image-with-text-block_component {
    flex-basis: 50% !important
  }
  .home .wrap.main.two-thirds#Full_introduction {
    flex-basis: 100% !important
  }
}
@media (min-width: 960px) {
  .page-header_component + .content-block_component.full .contentWrap, .incentives_component + .content-block_component.full .contentWrap {
    column-count: 2;
    column-gap: 60px;
  }
  .conditions-of-sale .page-header_component + .content-block_component.full .contentWrap, .reviews .page-header_component + .content-block_component.full .contentWrap {
    column-count: 1 !important;
    column-gap: none;
  }
}
@media (min-width: 1024px) {
  .wrap.main, .wrap.main.full {
    flex-basis: 100%
  }
  .wrap.main.third, .wrap.main.one-third-image_component, .wrap.main.image-link-block_component, .wrap.main.one-third-image-with-text-block_component {
    flex-basis: 33.333333% !important
  }
  .wrap.main.two-thirds {
    flex-basis: 66.666666% !important
  }
  .home .wrap.main.two-thirds#Full_introduction {
    flex-basis: 66.666666% !important
  }
}
/* IE10+ flex fix to keep 3 one third components together */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:1024px) {
  .wrap.main.third, .wrap.main.one-third-image_component, .wrap.main.image-link-block_component, .wrap.main.one-third-image-with-text-block_component {
    flex-basis: 33% !important
  }
}
/* products flex */
@media (min-width: 560px) {
  .shopModule .row, .relatedProductView .row {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    width: 100%;
    justify-content: center
  }
  /* elements */
  .shopModule .shopItem, .relatedProductView .shopItem {
    position: relative;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 0%;
    -ms-min-width: 0
  }
  /* widths */
  .shopModule .shopItem, .relatedProductView .shopItem {
    flex-basis: 240px;
    margin: 12px
  }
  .relatedProductView .shopItem {
    flex-basis: 200px
  }
}
/* account flex */
@media (max-width:767px) {
  .userAddressesLoggedin .addressOptionsWrap, .accountNav ol {
    display: block !important
  }
}
@media (min-width: 768px) {
  .userAddressesLoggedin .addressOptionsWrap, .accountNav ol {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: flex-start;
    width: 100%;
    justify-content: flex-start
  }
  /* elements */
  .userAddressesLoggedin .addressOptionsWrap .deliveryAddressFirst, .userAddressesLoggedin .addressOptionsWrap .deliveryAddressSecond, .accountNav li {
    position: relative;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    -ms-min-width: 0;
    justify-content: center;
    align-items: flex-start
  }
  /* widths */
  .userAddressesLoggedin .addressOptionsWrap .deliveryAddressFirst, .userAddressesLoggedin .addressOptionsWrap .deliveryAddressSecond {
    flex-grow: 1
  }
  .accountNav li {
    flex-basis: 25%
  }
}
/* basket flex */
@media (max-width:767px) {
  .basketContainer .productRow, .basketFooter {
    display: block !important
  }
}
@media (min-width: 768px) {
  .shopping-bag .siteContainer {
    display: block !important
  } /*undo full page flex */
  .basketContainer .productRow, .basketFooter {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    width: 100%;
    justify-content: center
  }
  .basketContainer .productRow {
    flex-wrap: nowrap
  }
  .basketFooter {
    justify-content: flex-end
  }
  /* elements */
  .basketContainer .productDetails, .basketContainer .productDetailWrapper, .basketContainer .itemPrice, .basketContainer .itemQuantity, .basketContainer .itemSubTotal, .basketFooter .couponCodeEntry, .basketFooter .basketTotals {
    position: relative;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    -ms-min-width: 0;
    justify-content: center;
    align-items: flex-end
  }
  /* widths */
  .basketContainer .productDetails {
    flex-basis: 19%;
    align-items: flex-start
  }
  .basketContainer .productDetailWrapper {
    flex-basis: 17%;
    align-items: flex-start
  }
  .basketContainer .itemPrice {
    flex-basis: 14%
  }
  .basketContainer .itemSubTotal {
    flex-basis: 15%
  }
  .basketContainer .itemQuantity {
    flex-basis: 33%;
    align-items: center
  }
  .basketFooter .couponCodeEntry {
    flex-basis: 55%;
    align-items: flex-start
  }
  .basketFooter .basketTotals {
    flex-basis: 41%;
    align-items: flex-end
  }
  .myAccountModule .reviewDetails .basketFooter .basketTotals {
    flex-basis: 100%;
    align-items: flex-start
  }
}
/* checkout & account flex */
@media (max-width:767px) {
  .checkoutContainer .form {
    display: block !important
  }
}
@media (min-width: 768px) {
  .checkout .siteContainer, .manageAccount .siteContainer, .addressManager .siteContainer, .forgotten-password .siteContainer, .contact .siteContainer, .email-updates .siteContainer, .set-password .siteContainer {
    display: block !important
  } /*undo full page flex */
}
/* blog flex */
@media (max-width:767px) {
  .blogsModule .blogLanding .columnWrap {
    display: block !important
  }
}
@media (min-width: 768px) {
  .blog .siteContainer {
    display: block !important
  } /*undo full page flex */
  .blogsModule .blogLanding .columnWrap {
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    align-content: center;
    width: 100%;
    justify-content: center
  }
  /* elements */
  .blogsModule .blogLanding .columnWrap .well {
    position: relative;
    flex-direction: column;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0%;
    -ms-min-width: 0;
    justify-content: flex-start;
    align-items: flex-end
  }
  /* widths */
  .blogsModule .blogLanding .columnWrap .well {
    flex-basis: 320px
  }
}
/* colours */
.wrap.main {
  background-color: none
}
.wrap.main.white {
  background-color: #fff
}
.wrap.main.turquoise, .home .wrap.main.image-link-block_component.turquoise .linkWrap .btn {
  background-color: #01BDCB !important;
  color: #fff
}
.wrap.main.green, .home .wrap.main.image-link-block_component.green .linkWrap .btn {
  background-color: #51B960 !important;
  color: #fff
}
.wrap.main.red, .home .wrap.main.image-link-block_component.red .linkWrap .btn {
  background-color: #F0493B !important;
  color: #fff
}
.wrap.main.yellow, .home .wrap.main.image-link-block_component.yellow .linkWrap .btn {
  background-color: #DDCB4A !important;
}
.wrap.main.orange, .home .wrap.main.image-link-block_component.orange .linkWrap .btn {
  background-color: #F47B5B !important;
  color: #fff
}
.wrap.main.purple, .home .wrap.main.image-link-block_component.purple .linkWrap .btn {
  background-color: #9255A2 !important;
  color: #fff
}
.wrap.main.navy {
  background-color: #22272C;
  color: #fff
}
.wrap.main.grey {
  background-color: #f3f3f3
}
/* text alignment */
.wrap.main, .wrap.main.text-left {
  text-align: left !important
}
.wrap.main.text-center {
  text-align: center !important
}
.wrap.main .linkWrap, .wrap.main.text-left .linkWrap {
  text-align: left
}
.wrap.main.text-center .linkWrap {
  text-align: center
}
/* links */
.wrap.main.turquoise .contentWrap a, .wrap.main.green .contentWrap a, .wrap.main.red .contentWrap a, .wrap.main.orange .contentWrap a, .wrap.main.purple .contentWrap a, .wrap.main.navy .contentWrap a {
  color: #fff !important
}
.wrap.main.white .contentWrap a, .wrap.main.yellow .contentWrap a, .wrap.main.grey .contentWrap a {
  color: #22272C !important
}
/*downloads */
.documentWrap {
  display: block;
  padding-top: 24px
}
.documentWrap + .linkWrap {
  margin-top: 24px
}
.documentWrap a {
  color: #22272C !important;
  display: inline-block;
  padding: 8px 0 8px 32px;
  background-position: 0 50% !important;
  background-size: 22px 26px !important;
  background-repeat: no-repeat !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 17'%3E%3Cpath d='M14,6H10V0H4V6H0l7,7ZM0,15v2H14V15Z' fill='%230B1621'/%3E%3C/svg%3E");
  text-decoration: none
}
.documentWrap a:hover, .documentWrap a:focus, .documentWrap a:active {
  text-decoration: underline
}
.wrap.main.turquoise .documentWrap a, .wrap.main.green .documentWrap a, .wrap.main.red .documentWrap a, .wrap.main.orange .documentWrap a, .wrap.main.purple .documentWrap a, .wrap.main.navy .documentWrap a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 17'%3E%3Cpath d='M14,6H10V0H4V6H0l7,7ZM0,15v2H14V15Z' fill='%23ffffff'/%3E%3C/svg%3E");
  color: #fff !important
}
/* spacing */
.wrap.main {
  padding: 6%;
  border: 10px solid #fff;
}
@media (min-width:500px) {
  .wrap.main {
    padding: 5%
  }
}
@media (min-width:768px) {
  .wrap.main {
    padding: 6%;
    border-width: 16px;
  }
}
@media (min-width:1024px) {
  .wrap.main {
    padding: 6%
  }
  .wrap.main.third {
    padding: 3%
  }
}
.wrap.main.full.white + .wrap.main.full.white, .wrap.main.full.turquoise + .wrap.main.full.turquoise, .wrap.main.full.green + .wrap.main.full.green, .wrap.main.full.red + .wrap.main.full.red, .wrap.main.full.yellow + .wrap.main.full.yellow, .wrap.main.full.orange + .wrap.main.full.orange, .wrap.main.full.purple + .wrap.main.full.purple, .wrap.main.full.navy + .wrap.main.full.navy, .wrap.main.full.grey + .wrap.main.full.grey, .page-header_component + .white {
  padding-top: 0
}
.titleWrap, .introWrap, .contentWrap, .documentWrap, .linkWrap, .JSaccordianCollapse {
  margin: 0 auto
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) and (min-width:768px) {
  .wrap.main.third {
    flex-basis: 20% !important
  }
  .wrap.main.two-thirds {
    flex-basis: 40% !important
  }
}
/* headers */
.wrap.main.page-header_component, .shopModule .pageHeader, .shopping-bag .pageHeader, .enquiriesModule .pageHeader, .manageAccount .pageHeader, .addressManagement .pageHeader, .email-updates .pageHeader, .shopComplete .pageHeader, .set-password .pageHeader {
  padding: 6% 3% 2%;
  background: #fff;
  margin-bottom: 0;
}
.wrap.main + .wrap.main.page-header_component {
  padding: 3%;
}
.wrap.main.page-header_component h1, .shopModule .pageHeader h1, .shopping-bag .pageHeader h1, .enquiriesModule .pageHeader h1, .manageAccount .pageHeader h1, .addressManagement .pageHeader h1, .email-updates .pageHeader h1, .shopComplete .pageHeader h1, .set-password .pageHeader h1 {
  font-size: 30px;
  padding: 0 24px 0;
  margin: 0 auto;
  text-align: center;
  width: 100%
}
.productWrapper .page-header h1 {
  margin-bottom: 20px;
  font-size: 22px;
  padding: 0
}
.shopModule .content-block_component.grey {
  border: none !important;
  margin-top: 0 !important
}
@media (min-width: 560px) {
  .wrap.main.page-header_component, .shopModule .pageHeader, .shopping-bag .pageHeader, .enquiriesModule .pageHeader, .manageAccount .pageHeader, .addressManagement .pageHeader, .email-updates .pageHeader, .shopComplete .pageHeader, .set-password .pageHeader {
    padding: 5% 3% 3%;
  }
}
@media (min-width: 920px) {
  .wrap.main.page-header_component, .shopModule .pageHeader, .shopping-bag .pageHeader, .enquiriesModule .pageHeader, .manageAccount .pageHeader, .addressManagement .pageHeader, .email-updates .pageHeader, .shopComplete .pageHeader, .set-password .pageHeader {
    padding: 4% 3% 4%;
  }
}
@media (min-width: 768px) {
  .wrap.main.page-header_component {
    width: 100vw
  }
  .wrap.main.page-header_component h1, .shopModule .pageHeader h1, .shopping-bag .pageHeader h1, .enquiriesModule .pageHeader h1, .manageAccount .pageHeader h1, .addressManagement .pageHeader h1, .email-updates .pageHeader h1, .shopComplete .pageHeader h1, .set-password .pageHeader h1 {
    font-size: 40px
  }
  .productWrapper .page-header h1 {
    margin-bottom: 20px;
    font-size: 24px
  }
}
.wrap.main.image-link-block_component .titleWrap h2 {
  padding-bottom: 18px;
  margin-bottom: 12px; 
} 
/* banner module */
.bannerWrapper {
  display: block;
  position: relative;
  z-index: 1;
  overflow: hidden;
  height: 140vw;
  height: calc(50vw + 275px);
  max-width: none;
  width: 100%;
  padding-top: 0;
  background: #F3F3F3;
  margin-bottom: 10px;
}
.bannerWrapper ul.rotator {
  padding: 0;
  margin: 0
}
.bannerWrapper ul.rotator li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 6
}
.bannerWrapper ul.rotator li.active {
  z-index: 7
}
.bannerWrapper .bannerText {
  font-size: 90%;
  padding-bottom: 16px;
}
.bannerWrapper .bannerText .textWrapper {
  padding: 16px 24px;
  text-align: center;
  top: 12px;
  position: relative
}
.bannerWrapper .bannerText .textWrapper h2 {
  font-size: 24px;
  margin-bottom: 12px
}
.bannerWrapper .bannerText .textWrapper .btn {
  display: inline-block;
  width: auto;
  padding: 6px 14px 6px;
  font-size: 15px;
  background: #fff !important;
  color: #000 !important
}
@media (min-width:400px) {
  .bannerWrapper {
    height: calc(50vw + 210px);
  }
}
@media (min-width:600px) {
  .bannerWrapper {
    width: 60vw;
    overflow: visible;
    height: 50vw;
  }
  .bannerWrapper .bannerText {
    width: 40vw;
    position: absolute;
    top: 0;
    right: -40vw;
    height: 100%;
    background: #22272C;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .bannerWrapper .imageWrapper img {
    width: auto;
    height: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: none;
    transform: translate(-50%, -50%);
  }
}
@media (min-width:680px) {
  .bannerWrapper .bannerText {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width:768px) {
  .bannerWrapper {
    width: calc(100vw - 492px);
    overflow: visible;
    height: 35vw;
    left: -136px;
  }
  .bannerWrapper .bannerText {
    width: 275px;
    position: absolute;
    top: 0;
    right: -275px;
    height: 100%;
    background: #22272C;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .menuClosed .bannerWrapper {
    width: calc(100vw - 322px);
  }
}
@media (min-width:1024px) {
  .bannerWrapper {
    width: calc(100vw - 598px);
    overflow: visible;
    height: 35vw;
    left: -174px;
  }
  .bannerWrapper .bannerText {
    width: 350px;
    right: -350px;
    font-size: 100%;
    padding-left: 24px;
    padding-right: 24px;
  }
  .bannerWrapper .bannerText .textWrapper h2 {
    font-size: 28px;
    padding-bottom: 4px;
  }
  .menuClosed .bannerWrapper {
    width: calc(100vw - 398px);
  }
}
.bannerSlideNavWrapper {
  position: absolute;
  top: 16px;
  left: 0;
  width: 100%;
  z-index: 8;
  text-align: center
}
.bannerSlideNavWrapper .prev, .bannerSlideNavWrapper .next {
  display: none
}
.bannerSlideNavWrapper .bannerSlideJumpNav {
  width: auto;
  margin: 0 auto
}
.bannerSlideNavWrapper .bannerJumpNav {
  width: 24px;
  height: 8px;
  border-radius: 5px;
  margin: 3px;
  background-color: #fff;
  opacity: 0.6;
  display: inline-block;
  transition: opacity 300ms ease-in-out
}
.bannerSlideNavWrapper .bannerJumpNav:hover, .bannerSlideNavWrapper .bannerJumpNav.active {
  opacity: 1
}
/* featured products nav */
.FeaturedProductView .contentHeader {
  text-align: center !important;
  padding-top: 32px !important;
  padding-left: 24px;
  padding-right: 24px;
}
.FeaturedProductView .contentHeader h2 {
  font-size: 32px;
}
.FeaturedProductView .featuredProducts .row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.FeaturedProductView .shopItem {
  max-width: 250px;
  border: 12px solid #fff;
}
.FeaturedProductView .productTitle {
  padding-left: 16px;
  padding-right: 16px
}
.FeaturedProductView .productTitle h3 {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}
.FeaturedProductView .imageItem {
  position: relative
}
/* ISSUU */
.issuuembed {
  margin-top: 32px
}
/* Video Embed */
.wrap.main.embed_component {
  background: #F3F3F3;
  padding: 16px !important
}
@media (min-width:768px) {
  .wrap.main.embed_component {
    padding: 24px !important
  }
}
@media (min-width:1024px) {
  .wrap.main.embed_component {
    padding: 5% 6% !important
  }
}
/* accordion */
.accordion_component.wrap.main {
  display: block;
  padding: 8px 0;
  background-color: #fff !important
}
.accordion_component.wrap.main.turquoise, .accordion_component.wrap.main.green, .accordion_component.wrap.main.red, .accordion_component.wrap.main.yellow, .accordion_component.wrap.main.orange, .accordion_component.wrap.main.purple, .accordion_component.wrap.main.navy {
  background-color: #fff !important
}
.accordion_component .wrapInner {
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto
}
.accordion_component .titleWrap {
  background-color: #ddd;
  color: #22272C;
  text-align: left;
  line-height: 1;
  background-repeat: no-repeat !important;
  background-position: 98% 50% !important;
  background-size: 24px 24px !important;
  padding: 20px 56px 20px 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpolygon fill='%230e1822' points='0 3 3.1 0 13.05 10.23 3 20 0 17 7.04 10.23 0 3'/%3E%3C/svg%3E");
}
.accordion_component .sectionTitle {
  font-size: 18px;
  margin: 0;
  padding-top: 0
}
.accordion_component .contentWrap {
  font-size: 15px
}
.accordion_component .JSaccordianCollapse {
  background-color: #f3f3f3;
  text-align: left;
  padding: 24px 32px;
  border-bottom: 4px solid #fff;
  display: none;
  color: #22272C !important
}
.accordion_component .JSaccordianCollapse p {
  max-width: none
}
.accordion_component .titleWrap.open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpolygon fill='%230e1822' points='17 -0.01 20 3.09 9.77 13.05 0 3 3 -0.01 9.77 7.04 17 -0.01'/%3E%3C/svg%3E");
  background-position: 97% 50% !important
}
.accordion_component a, .accordion_component a:hover, .accordion_component a:focus, .accordion_component a:active {
  color: #22272C !important
}
.wrap.main + .accordion_component.wrap.main {
  padding-top: 0;
  margin-top: 4%
}
.accordion_component.wrap.main + .accordion_component.wrap.main {
  margin-top: 0
}
.accordion_component.wrap.main.turquoise .titleWrap {
  background-color: #01BDCB
}
.accordion_component.wrap.main.green .titleWrap {
  background-color: #51B960;
}
.accordion_component.wrap.main.red .titleWrap {
  background-color: #F0493B
}
.accordion_component.wrap.main.yellow .titleWrap {
  background-color: #DECC4A
}
.accordion_component.wrap.main.orange .titleWrap {
  background-color: #F47B5B
}
.accordion_component.wrap.main.purple .titleWrap {
  background-color: #9255A2
}
.accordion_component.wrap.main.navy .titleWrap {
  background-color: #22272C
}
.accordion_component.wrap.main.grey .titleWrap {
  background-color: #ddd
}
.accordion_component.turquoise .titleWrap, .accordion_component.green .titleWrap, .accordion_component.red .titleWrap, .accordion_component.orange .titleWrap, .accordion_component.purple .titleWrap, .accordion_component.navy .titleWrap {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 20'%3E%3Cpolygon fill='%23ffffff' points='0 3 3.1 0 13.05 10.23 3 20 0 17 7.04 10.23 0 3'/%3E%3C/svg%3E");
}
.accordion_component.turquoise .titleWrap.open, .accordion_component.green .titleWrap.open, .accordion_component.red .titleWrap.open, .accordion_component.orange .titleWrap.open, .accordion_component.purple .titleWrap.open, .accordion_component.navy .titleWrap.open {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 14'%3E%3Cpolygon fill='%23ffffff' points='17 -0.01 20 3.09 9.77 13.05 0 3 3 -0.01 9.77 7.04 17 -0.01'/%3E%3C/svg%3E");
}
.accordion_component.wrap.main.turquoise .contentWrap a, .accordion_component.wrap.main.green .contentWrap a, .accordion_component.wrap.main.red .contentWrap a, .accordion_component.wrap.main.yellow .contentWrap a, .accordion_component.wrap.main.orange .contentWrap a, .accordion_component.wrap.main.purple .contentWrap a, .accordion_component.wrap.main.navy .contentWrap a, .accordion_component.wrap.main.turquoise .documentWrap a, .accordion_component.wrap.main.green .documentWrap a, .accordion_component.wrap.main.red .documentWrap a, .accordion_component.wrap.main.yellow .documentWrap a, .accordion_component.wrap.main.orange .documentWrap a, .accordion_component.wrap.main.purple .documentWrap a, .accordion_component.wrap.main.navy .documentWrap a, .accordion_component.wrap.main.grey .documentWrap a {
  color: #22272C !important
}
.accordion_component.wrap.main.turquoise .documentWrap a, .accordion_component.wrap.main.green .documentWrap a, .accordion_component.wrap.main.red .documentWrap a, .accordion_component.wrap.main.yellow .documentWrap a, .accordion_component.wrap.main.orange .documentWrap a, .accordion_component.wrap.main.purple .documentWrap a, .accordion_component.wrap.main.navy .documentWrap a, .accordion_component.wrap.main.grey .documentWrap a {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 17'%3E%3Cpath d='M14,6H10V0H4V6H0l7,7ZM0,15v2H14V15Z' fill='%230B1621'/%3E%3C/svg%3E");
}
.accordion_component.wrap.main .contentWrap img {
  display: inline-block;
  width: 80px;
  height: 99px;
  margin: 0 16px 0 0;
  padding: 0
}
@media (min-width: 1024px) {
  .accordion_component.wrap.main + .accordion_component.wrap.main {
    margin-top: 0
  }
}
/* testimonial */
.testimonial_component .contentWrap, .testimonial_component .introWrap {
  max-width: 580px;
  margin: 0
}
.testimonial_component .contentWrap {
  font-size: 22px;
  line-height: 1.4em;
  font-weight: 400;
  text-transform: none;
  text-align: center;
}
.testimonial_component .introWrap {
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  padding-top: 8px
}
.testimonial_component.third .contentWrap {
  font-size: 18px;
}
/* image components */
.JScomponent {
  overflow: hidden
} /*FIXES IE11 FLEX ISSUE - SPACE UNDER IMAGES */
.imageContainer .imageCaption {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.50);
  padding: 6px 12px 6px;
  color: #fff;
  font-size: 12px;
  line-height: 13px;
  text-align: center !important;
  letter-spacing: 0.05em
}
.full-width-image_component.wrap.main, .one-third-image_component.wrap.main, .triple-image_component.wrap.main {
  margin: 0;
  padding: 0 !important
}
.home .wrap.main.image-link-block_component .introWrap {
  display: none !important
}
.home .wrap.main.image-link-block_component .titleWrap {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
.home .wrap.main.image-link-block_component .linkWrap {
  position: relative;
  width: 100%;
}
.home .wrap.main.image-link-block_component .linkWrap .btn {
  width: 100%;
  display: block;
  border: none !important;
  padding: 24px 12px !important;
  background: #22272C !important;
  border-radius: 0;
}
.image-link-block_component .introWrap {
  font-weight: 300;
}
/* image link / one third block */
.image-link-block_component.wrap.main, .one-third-image_component.wrap.main, .one-third-image_component.wrap.main {
  position: relative;
  background: #EBEBEB;
  min-height: 400px
}
.image-link-block_component .singleImageWrap, .one-third-image_component .singleImageWrap {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden
}
.image-link-block_component img, .one-third-image_component .singleImageWrap img {
  position: absolute;
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.home .wrap.main.image-link-block_component.turquoise, .home .wrap.main.image-link-block_component.green, .home .wrap.main.image-link-block_component.red, .home .wrap.main.image-link-block_component.yellow, .home .wrap.main.image-link-block_component.orange, .home .wrap.main.image-link-block_component.purple {
  background-color: #fff !important;
}
.image-link-block_component .introWrap {
  font-size: 16px
}
.image-link-block_component .linkWrap {
  margin-bottom: 0
}
.wrap.main.image-link-block_component .linkWrap .btn {
  background: none !important;
  color: #fff !important;
  border: 2px solid rgba(255, 255, 255, 0.90) !important;
  padding: 6px 12px !important;
  font-size: 15px !important;
  opacity: 1
}
.wrap.main.image-link-block_component .linkWrap .btn:hover, .wrap.main.image-link-block_component .linkWrap .btn:focus, .wrap.main.image-link-block_component .linkWrap .btn:active {
  opacity: 1 !important
}
.image-link-block_component .innerContentWrapper, .shop-now_component .innerContentWrapper, .shop-here_component .innerContentWrapper, .browse-catalogue_component .innerContentWrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.30);
  text-align: center;
  transition: background 300ms ease-in-out
}
.image-link-block_component .titleWrap, .image-link-block_component .introWrap {
  width: 100%;
  padding: 0 12% 8px;
  color: #fff
}
.image-link-block_component .sectionTitle {
  margin: 0;
  color: #fff
}
.image-link-block_component .sectionIntro {
  font-size: 16px;
  line-height: 1.3em;
  padding-bottom: 12px
}
.image-link-block_component:hover .innerContentWrapper {
  background: rgba(0, 0, 0, 0.10)
}
@media (min-width: 768px) {
  .image-link-block_component img, .one-third-image_component .singleImageWrap img {
    width: auto;
    height: 100%
  }
}
@media (min-width: 1480px) {
  .image-link-block_component img, .one-third-image_component .singleImageWrap img {
    width: 100%;
    height: auto !important
  }
}
/* one third image with text block */
.wrap.main.one-third-image-with-text-block_component {
  text-align: left !important;
}
.wrap.main.one-third-image-with-text-block_component .titleWrap h2 {
  text-align: center !important;
}
.one-third-image-with-text-block_component .singleImage {
  margin: auto
}
.wrap.main.one-third-image-with-text-block_component .titleWrap h2 {
  background-image: none;
  padding-bottom: 6px;
  font-size: 22px;
}
.wrap.main.one-third-image-with-text-block_component .imageContainer {
  padding-bottom: 16px;
}
.wrap.main.one-third-image-with-text-block_component .linkWrap {
  text-align: center;
}
.one-third-image-with-text-block_component .linkWrap .btn {
  margin-top: 10px
}
/* out of stock pop */
.backOrderDialog {
  position: fixed;
  z-index: 11000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto
}
.backOrderDialog .outerbackOrderDialog {
  background-color: #fff;
  width: 90% !important;
  max-width: 450px;
  border-radius: 5px;
  margin: 0 auto 0;
  padding: 20px 24px 8px;
  -webkit-box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 50%;
  Left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.backOrderDialog h3 {
  color: #d20000;
  padding-top: 8px
}
.backOrderDialog .backOrderDialogOptionsMessage {
  padding-bottom: 8px
}
.backOrderDialog .selectBox {
  padding: 8px 0
}
.backOrderDialog .selectBox input {
  width: 24px;
  height: 24px;
  padding: 0;
  margin: 0;
  float: left;
  vertical-align: top;
  background: none
}
.backOrderDialog .selectBox label {
  padding: 0 0 0 36px;
  margin: 0;
  display: block;
  vertical-align: middle;
  max-width: none;
  text-align: left
}
.backOrderDialog .backOrderDialogButton, .backOrderDialog .trimOrderDialogButton {
  margin-top: 16px
}
/* shop now block */
.shop-now_component, .shop-here_component, .browse-catalogue_component {
  min-height: 240px !important;
  position: relative
}
.shop-now_component .innerContentWrapper, .shop-here_component .innerContentWrapper, .browse-catalogue_component .innerContentWrapper {
  opacity: 1;
  background: none
}
.shop-now_component a, .shop-here_component a, .browse-catalogue_component a {
  color: #fff !important;
  text-decoration: none
}
.shop-now_component h2, .shop-here_component h2, .browse-catalogue_component h2 {
  text-transform: uppercase;
  font-size: 28px;
  margin: 0;
  padding: 0 24px 12px
}
.shop-now_component p, .shop-here_component p, .browse-catalogue_component p {
  width: 108px;
  height: 108px;
  text-indent: -9999em;
  margin: 0;
  padding: 0;
  opacity: 0.6;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108 108'%3E%3Cpath fill='%23ffffff' d='M54,1a53,53,0,1,0,53,53A53,53,0,0,0,54,1Zm0,99a46,46,0,1,1,46-46A46,46,0,0,1,54,100Z'/%3E%3Cpolygon fill='%23ffffff' points='39.04 33.82 47.09 26.01 72.96 52.61 46.85 77.99 39.04 70.18 57.34 52.61 39.04 33.82'/%3E%3C/svg%3E");
  background-position: 50% 0 !important;
  background-repeat: no-repeat !important;
  background-size: 108px 108px !important;
  transition: opacity 300ms ease-in-out
}
.shop-now_component:hover p, .shop-here_component:hover p, .browse-catalogue_component:hover p {
  opacity: 1
}
.shop-here_component a {
  position: absolute;
  width: 100%;
  height: 100%;
  text-indent: -999999em;
  top: 0;
  left: 0
}
/* single image */
.full-width-image_component .singleImageWrap {
  ;
  position: relative;
  padding: 42% 0 0;
  width: 101%;
  height: 0;
  overflow: hidden;
  margin: 0
}
.full-width-image_component .singleImageWrap img {
  position: absolute;
  max-width: none;
  width: 100%;
  height: auto;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%)
}
.one-third-image_component {
  position: relative !important;
  flex-direction: column !important;
  padding: 0 !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-basis: 33.3333333% !important;
  -ms-flex: 1 1 0%;
  -ms-min-width: 0
}
/* triple image */
.triple-image_component .wrapInner {
  max-width: none;
  margin: 0 auto
}
.triple-image_component .columnWrap {
  display: -ms-flexbox !important;
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  align-content: center !important;
  width: 100% !important
}
.triple-image_component .column {
  position: relative !important;
  flex-direction: column !important;
  padding: 0 !important;
  display: -ms-flexbox !important;
  display: flex !important;
  flex-basis: 33.3333333% !important;
  -ms-flex: 1 1 0%;
  -ms-min-width: 0
}
.triple-image_component .squareImage {
  position: relative;
  padding: 100% 0 0;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin: 0
}
.triple-image_component .squareImage img {
  position: absolute;
  width: auto !important;
  max-width: none;
  height: 101% !important;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
/* subpages - hide */
.subpagesInclude {
  display: none !important
}
/* BLOG */
.news .row {
  margin: 0
}
.blogLanding {
  padding: 24px
}
.blogLanding .columnWrap {
  padding: 0;
  text-align: center
}
.blogLanding .well {
  background: #fff;
  margin: 0 auto 32px;
  border: 4px solid #f3f3f3;
  max-width: 320px
}
.blogLanding .blogImage {
  width: 100%;
  height: 0;
  padding-top: 70%;
  position: relative;
  overflow: hidden
}
.blogLanding .blogImage img {
  width: 100%;
  height: auto;
  left: 50%;
  max-width: none;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1
}
.blogLanding .imageCaption {
  display: none
}
.blogLanding .media-body {
  padding: 24px;
  text-align: center
}
.blogLanding .media-body .titleWrap {
  padding: 0 0 16px;
  line-height: 30px
}
.blogLanding .media-body .blogDate {
  display: block;
  font-size: 13px
}
.blogLanding .media-body .blogContent {
  line-height: 24px;
  text-align: left
}
.blogLanding .media-body h2.sectionTitle {
  font-size: 27px
}
.blogLanding .media-body .interact {
  margin-top: 16px
}
.blogLanding .media-body .interact .btn {
  background: #9255A2
}
.blogLanding .blogImage {
  border: 8px solid #fff;
  border-bottom: none
}
.blogLanding .column {
  width: 100% !important
}
.blogLanding .snippet h1, .blogLanding .snippet h2, .blogLanding .snippet h3, .blogLanding .snippet h4, .blogLanding .snippet p {
  display: inline;
  font-size: 16px
}
@media (min-width: 600px) {
  .blogLanding .well {
    margin: 0 8px 16px
  }
}
.blogsModule .blogNavContainer {
  width: 100%;
  text-align: center;
  padding-top: 0;
  padding-bottom: 6%
}
.blogNavContainer .olderPosts, .blogNavContainer .newerPosts {
  display: inline-block
}
.blogNavContainer .olderPosts .btn, .blogNavContainer .newerPosts .btn {
  margin: 0 8px 16px;
  text-transform: uppercase;
  padding: 16px 24px;
  background: #9255A2
}
.blogNav .newerPost, .blogNav .olderPost {
  margin-left: 0;
  margin-right: 0;
  display: block;
  width: auto
}
.blogNav .newerPost {
  float: right
}
.blogNav .olderPost {
  float: left
}
.singleBlogPost .pageHeader, .singleBlogPost .blogCategoriesMenu {
  display: none
}
.blogArticle .wrapInner {
  padding: 16px 16px 0
}
.blogArticle .fullPost {
  padding: 0 20px 28px;
  width: 100%;
  max-width: 1024px;
  margin-left: auto;
  margin-right: auto;
  border: 4px solid #d5d5d5;
  background: #fff
}
.blogArticle h1.blogTitle {
  font-size: 32px;
  line-height: 40px;
  padding: 24px 0 20px !important;
  text-align: center
}
.blogArticle .headerNav, .blogArticle .commaSeparator, .blogArticle .blogDate {
  display: none !important
}
.blogArticle .byLine {
  display: none
}
.blogArticle .blogImages {
  max-width: 960px;
  margin-left: auto;
  margin-right: auto
}
.blogArticle .blogImages img {
  width: 100%
}
.blogArticle .imageContainer {
  margin-bottom: 16px;
  text-align: center;
  position: relative
}
.blogArticle .blogContent {
  padding-bottom: 24px
}
.blogArticle .contentWrap {
  line-height: 24px
}
.blogArticle .blogNav.footerNav {
  text-align: center
}
.blogArticle .blogNav.footerNav {}
.blogArticle .blogNav.footerNav .olderPost {
  float: left
}
.blogArticle .blogNav.footerNav .newerPost {
  float: right
}
.blogArticle .blogNav.footerNav a:hover, .blogArticle .blogNav.footerNav a:focus, .blogArticle .blogNav.footerNav a:active {}
.singleBlogPost {
  padding: 0 18px;
  max-width: 800px;
  margin: 0 auto
}
.singleBlogPost .blogNavContainer {
  text-align: center;
  padding-top: 24px;
  font-size: 15px;
  line-height: 23px;
  font-weight: 500;
  text-transform: uppercase
}
.singleBlogPost .blogContent .contentWrap h2 {
  font-size: 26px;
  line-height: 38px;
  text-align: left
}
.singleBlogPost .blogContent .contentWrap h3 {
  font-size: 20px;
  line-height: 32px;
  text-align: left
}
.singleBlogPost .blogContent .contentWrap h4 {
  font-size: 18px;
  line-height: 30px;
  text-align: left
}
.singleBlogPost .blogContent .contentWrap table {
  margin-top: 24px
}
.singleBlogPost .blogContent .wrap.main {
  margin-left: 0;
  margin-right: 0;
  width: 100%
}
@media (min-width: 420px) {
  .blogArticle .wrapInner {
    padding: 24px 24px 0
  }
  .blogArticle .fullPost {
    padding: 0 24px 32px
  }
}
@media (min-width: 768px) {
  .blogArticle .fullPost {
    padding: 0 32px 40px
  }
}
.blogsModule .pageHeader {
  display: none
}
.blogsModule .introduction {
  text-align: center;
  padding: 0 24px 16px;
  line-height: 24px
}
.blogCategoriesMenu, .archiveMenu {
  display: none !important
}
/* incentives block */
.wrap.main.incentives_component {
  padding: 8px 16px;
  background: #F3F3F3;
  text-align: left !important
}
.wrap.main.incentives_component ul {
  padding: 8px 0 0 0;
  margin: 0
}
.wrap.main.incentives_component .contentWrap {
  max-width: none;
  margin: 0
}
.wrap.main.incentives_component .contentWrap li {
  padding: 0 0 8px;
  margin: 0 8px 0 16px;
  font-size: 16px;
  font-weight: 500;
  list-style-position: outside;
  color: #22272C;
}
@media (min-width: 480px) {
  .wrap.main.incentives_component .contentWrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center
  }
}
#Full_shop-link.wrap.main.third {
  padding: 12px 24px
}
#Full_shop-link.wrap.main.third p {
  margin: 0
}
#Full_shop-link.wrap.main.third a {
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
  text-transform: uppercase
}
@media (min-width: 768px) {
  .menuClosed .logoElements, .menuClosed .navbar-collapse {
    display: none
  }
  .wrap.main.incentives_component .contentWrap ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .menuClosed #Full_shop-link.wrap.main.third {
    flex-basis: 50% !important
  }
}
@media (min-width: 768px) {
  .menuClosed #Full_shop-link.wrap.main.third {
    flex-basis: 50% !important
  }
}
@media (min-width: 1024px) {
  .menuClosed #Full_shop-link.wrap.main.third {
    flex-basis: 33.333333% !important
  }
}
/* FORMS */
.contact #previewerBlock div:last-child {
  padding-bottom: 0 !important
}
.warningMessage.alert-danger {
  background: #FCF1C3;
  padding: 3% 6%;
  display: block;
  width: 100%;
  margin-bottom: 32px
}
.warningMessage.alert-danger .close {
  display: none
}
.subscribeBox .warningMessage.alert-danger {
  background: #f3f3f3;
  padding: 12px 16px;
  text-align: center
}
.actionsWrap .alertContainer .successMessage, .actionsWrap .alertContainer .warningMessage {
  color: #fff;
  background: #51B960;
  padding: 12px 18px;
  margin-bottom: 24px
}
.actionsWrap .alertContainer .successMessage a, .actionsWrap .alertContainer .warningMessage a {
  color: #fff !important
}
.actionsWrap .alertContainer .warningMessage {
  background: #F0493B
}
.enquiriesModule.userSubmissionForm fieldset, .mailingModule.userSubmissionForm fieldset {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  width: auto
}
.error label, span.requiredFieldInfo, .error label a {
  color: #A70002 !important
}
.error input, .error select, .error textarea {
  border-color: #A70002
}
span.requiredFieldInfo {
  display: block !important;
  font-size: 14px
}
label .requiredFieldInfo {
  display: inline-block !important;
  font-size: 16px
}
.userSubmissionForm .pageHeader h1 {
  max-width: none;
  text-align: center
}
.userSubmissionForm .introWrap, .userSubmissionForm .titleWrap, .userSubmissionForm .contentWrap {
  text-align: center
}
.userSubmissionForm .introWrap {
  padding: 24px 0 32px
}
.userSubmissionForm .titleWrap {
  padding-top: 16px
}
.userSubmissionForm .introWrap, .userSubmissionForm .contentWrap {
  max-width: 660px;
  margin: 0 auto
}
.userSubmissionForm .formLegend {
  position: absolute !important;
  left: 0 !important;
  top: -999em !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important
}
.userSubmissionForm .form {
  background: #f3f3f3;
  border: 2px solid #eee;
  width: 94%;
  margin: 3% auto 0;
  padding: 24px 24px 16px
}
.userSubmissionForm .formLabel {
  font-size: 16px !important;
  display: block;
  padding-bottom: 4px
}
.userSubmissionForm .form-control {
  padding: 0 16px !important;
  height: 48px;
  line-height: 48px;
  box-shadow: none;
  font-size: 16px !important;
  width: 100%
}
.userSubmissionForm .form-control.formTextarea {
  height: auto;
  font-size: 16px !important;
  font-weight: 300;
}
.userSubmissionForm .mailingListInclude {
  padding: 16px;
  border: 2px solid #fff
}
.userSubmissionForm .options label {
  padding-left: 8px;
  display: inline
}
.userSubmissionForm .options input {
  width: 16px;
  height: 16px
}
.userSubmissionForm .privacyStatement {
  display: block;
  padding: 0;
  text-align: center
}
.userSubmissionForm .buttonContainer {
  padding: 24px 0;
  text-align: center
}
.userSubmissionForm .buttonContainer .btn {
  width: 100%;
  height: 56px;
  line-height: 56px;
  padding: 0 20px;
  text-transform: uppercase;
  background: #51B960 !important;
  border: none !important;
}
.enquiriesModule.userSubmissionForm .address {
  max-width: 800px;
  margin: 0 auto
}
small {
  font-size: 13px !important
}
.wrap.main#Full_email-form-header {
  padding-bottom: 0 !important;
  margin-bottom: -24px
}
/* thank you message */
.userSubmissionForm .introduction {
  padding: 6% 8%;
  text-align: center;
  background: #f3f3f3;
  font-size: 20px
}
.mailingModule.userSubmissionForm .ourPromise {
  padding: 0 8%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center
}
.userSubmissionForm .introduction a.downloadCatalogue {
  font-weight: 500;
  font-size: 40px;
  text-decoration: none
}
@media (min-width: 581px) {
  .userSubmissionForm .form {
    padding: 32px
  }
  .userSubmissionForm .buttonContainer .btn {
    width: auto
  }
}
/* sitewide CTA */
.quickContact {
  background: #fff;
  padding: 6%;
  text-align: center;
  color: #22272C;
  position: relative;
  z-index: 2;
  display: block;
  width: 100%
}
.quickContact .innerWrap {
  max-width: 680px;
  margin: 0 auto
}
.quickContact h2, .quickContact p {
  font-size: 16px
}
.quickContact .contactPhone {
  font-size: 32px;
  padding-top: 12px
}
.quickContact .secondaryNo {
  display: block
}
.quickContact .highlighted {
  font-weight: 500;
}
.quickContact a {
  text-decoration: none !important;
  color: #22272C !important
}
@media (min-width: 581px) {
  .quickContact h2 {
    padding-right: 8px
  }
  .quickContact h2, .quickContact p, .quickContact .secondaryNo {
    display: inline
  }
}
.siteFooter {
  width: 100%
}
/* mailing list */
.subscribeBox .mailingListSubscribe .noThanks, .subscribeBox .mailingListSubscribe .noThanksMessage {
  display: none !important
}
.subscribeBox .footerLogo {
  display: none
}
.subscribeBox fieldset {
  padding: 0;
  border: 0;
  background: 0;
  margin: 0;
  width: auto
}
.subscribeBox legend {
  display: none !important
}
.subscribeBox {
  padding: 8% 10%;
  background: #EBEBEB;
  text-align: center
}
.subscribeBox .titleWrapPop {
  display: none !important
}
.subscribeBox .sectionTitle {
  font-weight: normal;
  font-weight: 400;
  font-size: 28px;
  padding-bottom: 0;
}
.subscribeBox p {
  font-size: 14px
}
.subscribeBox .mailType {
  position: relative;
  padding-right: 16px
}
.subscribeBox .mailType:after {
  position: absolute;
  top: 0;
  right: 0;
  content: "•"
}
.subscribeBox .mailType:last-child {
  padding-right: 0
}
.subscribeBox .mailType:last-child:after {
  position: absolute;
  top: 0;
  right: 0;
  content: ""
}
.subscribeBox .fieldWrap {
  width: 100%;
  max-width: 800px;
  padding: 4px 0;
  margin: 0 auto
}
.subscribeBox .fieldWrap .formInput, .subscribeBox .fieldWrap .input-group-btn {
  height: 50px;
  line-height: 50px;
  display: block
}
.subscribeBox .fieldWrap .formInput {
  width: 100%;
  padding: 0 20px;
  border: none !important;
  border-radius: 16px;
}
.subscribeBox .fieldWrap .input-group-btn {
  padding: 0;
  width: 100%;
  margin: 0
}
.subscribeBox .fieldWrap .btn {
  display: block;
  width: 100%;
  height: 100%;
  margin: 4px 0 0;
  line-height: 50px;
  border-radius: 16px;
  border: none !important;
  background: #51B960 !important;
  color: #fff !important;
  font-size: 16px;
  padding: 0 16px
}
.subscribeBox .privacyStatement {
  display: block;
  padding-top: 10px;
  margin: 0 auto;
  font-size: 12px
}
/* popup */
.subscribeBox .mailingListSubscribe.pop {
  position: fixed;
  bottom: 29px;
  right: 19px;
  z-index: 99999999999;
  padding: 28px 32px 24px;
  background: #51B960;
  border: 4px solid #fff;
  color: #fff;
  width: 88%;
  max-width: 400px
}
.subscribeBox .mailingListSubscribe.pop .titleWrap, .subscribeBox .mailingListSubscribe.pop .warningMessage {
  display: none !important
}
.subscribeBox .mailingListSubscribe.pop .titleWrapPop {
  display: block !important
}
.subscribeBox .mailingListSubscribe.pop .titleWrapPop .sectionTitle {
  font-size: 23px;
  margin-bottom: 10px
}
.subscribeBox .mailingListSubscribe.pop .noThanksMessage {
  display: block !important;
  padding: 0 16px 14px
}
.subscribeBox .mailingListSubscribe.pop .fieldWrap {
  padding: 0 0 16px
}
.subscribeBox .mailingListSubscribe.pop .fieldWrap .formInput {
  display: block;
  width: 100%
}
.subscribeBox .mailingListSubscribe.pop .fieldWrap .input-group-btn {
  display: block;
  width: 100%;
  height: auto;
  line-height: 1.4em;
  margin: 0
}
.subscribeBox .mailingListSubscribe.pop .fieldWrap .btn, .subscribeBox .mailingListSubscribe.pop .noThanks {
  display: inline-block !important;
  height: 48px;
  padding: 0 16px;
  line-height: 50px;
  background: #22272C !important;
  color: #fff !important;
  opacity: 1 !important;
  width: auto;
  border-radius: 10px;
  cursor: pointer;
  vertical-align: top;
  margin: 8px 2px
}
.subscribeBox .mailingListSubscribe.pop .noThanks {
  background: rgba(0, 0, 0, 0.4) !important;
  text-transform: lowercase
}
.subscribeBox .mailingListSubscribe.pop .privacyStatement {
  padding: 0 0 8px
}
.subscribeBox .mailingListSubscribe.pop a {
  color: #fff !important
}
.subscribeBox .mailingListSubscribe.pop:after, .subscribeBox .mailingListSubscribe.pop:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.subscribeBox .mailingListSubscribe.pop:after {
  border-color: rgba(81, 185, 96, 0);
  border-top-color: #51B960;
  border-width: 28px;
  margin-left: -28px;
}
.subscribeBox .mailingListSubscribe.pop:before {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 34px;
  margin-left: -34px;
}
.backorder {
  background: #F0493B;
  color: #fff;
  padding: 3px 6px;
  margin-top: 6px;
  font-size: 14px;
}
@media (min-width: 460px) {
  .subscribeBox {
    padding: 8%
  }
  .subscribeBox .fieldWrap {
    padding: 16px 0;
    max-width: 600px
  }
  .subscribeBox .fieldWrap .formInput, .subscribeBox .fieldWrap .input-group-btn {
    display: inline-block;
    vertical-align: top
  }
  .subscribeBox .fieldWrap .formInput {
    width: calc(100% - 120px);
    border-radius: 16px 0 0 16px
  }
  .subscribeBox .fieldWrap .input-group-btn {
    width: 115px;
    margin-left: -7px
  }
  .subscribeBox .fieldWrap .btn {
    border-radius: 0 16px 16px 0
  }
  .subscribeBox .privacyStatement {
    padding-top: 0;
  }
}
/* footer logos */
.supportingLogos {
  width: 100%;
  display: block;
  text-align: center;
  padding: 0 24px
}
.footerLogoInclude {
  margin: 0 auto
}
.logoContainer {
  height: 72px;
  margin: 4px;
  display: inline-block;
  vertical-align: top;
  width: auto
}
.logoContainer img {
  height: 100%;
  width: auto
}
.smallPrint {
  display: block;
  width: 100%;
  padding: 24px 24px 48px;
  font-size: 12px;
  color: #555;
  text-align: center
}
.smallPrint .siteInfo {
  display: block
}
/* PAYPAL */
@media(min-width:480px) {
  .paypal-banner {
    background-color: #033088;
    padding: 6px;
    margin-bottom: 22px !important
  }
}
.paypal-banner > * {
  font-size: 1rem !important;
}
/* BrainTree Payment Gateway */
.checkoutInnerContainer .braintreePop {
  position: fixed;
  z-index: 11000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  overflow-y: auto
}
.checkoutInnerContainer .makePaymentInner {
  background-color: #fff;
  width: 310px !important;
  border-radius: 5px;
  margin: 0 auto 0;
  padding: 16px 20px;
  -webkit-box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.45);
  -moz-box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.45);
  box-shadow: 0px 0px 14px 3px rgba(0, 0, 0, 0.45);
  position: absolute;
  top: 50%;
  Left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%)
}
.braintree-heading, .braintree-placeholder, .braintree-sheet__header .braintree-sheet__text, .braintree-sheet__header .braintree-sheet__label {
  font-weight: 500;
}
.braintree-option .braintree-option__label, .braintree-sheet__content--form .braintree-form__field-group .braintree-form__label, .braintree-large-button {
  font-weight: 300;
}
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field {
  max-width: 236px
}
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field {
  height: 38px !important
}
.braintree-sheet__content--form .braintree-form__field-group .braintree-form__field .braintree-form__hosted-field input.braintree-form__raw-input {
  height: auto !important;
  line-height: 27px !important
}
.braintree-large-button {
  padding: 12px 18px;
  margin-bottom: 16px
}
.checkoutInnerContainer .paypalButton {
  width: auto !important
}
.paypal-banner div > span {
  margin: auto;
}