/* CSS Document */
/* HTML5 */
article, aside, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section {
  display: block; }

/* RESET */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, a, b, i, q, s, strong, em, big, small,
strike, sub, sup, samp, ins, kbd, dl, dt, dd, tt, ol, ul, li, img, hr,
var, center, cite, code, del, dfn, abbr, acronym, address, blockquote, pre,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header,
hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline; }

body {
  line-height: 1; }

a {
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

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

abbr[title] {
  border-bottom: 1px dotted; }

em {
  font-style: italic; }

strong {
  font-weight: bold; }

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

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

small {
  font-size: 85%; }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative; }

sup {
  top: -.5em; }

sub {
  bottom: -.25em; }

input, select, textarea {
  font-size: 1em;
  box-sizing: border-box;
  vertical-align: baseline; }

textarea {
  overflow: auto;
  resize: vertical;
  vertical-align: top; }

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline; }

button, input {
  line-height: normal; }

/* -------------------------------- *\
	VARIABLES / FUNCTIONS / LOOPS / MIXINS / ANIMATIONS
\* -------------------------------- */
@font-face {
  font-family: "UKEd";
  src: url("/scripts/fonts/icons.eot"); }
@font-face {
  font-family: "UKEd";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,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") format("truetype");
  font-weight: normal;
  font-style: normal; }
[class*="ic-"]:before {
  font-family: "UKEd" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: .5em;
  display: inline-block;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }
[class*="ic-"]:hover {
  text-decoration: none; }

.ic-arrow:before {
  content: "\a1"; }

.ic-search:before {
  content: "\a2"; }

.ic-phone:before {
  content: "\a3"; }

.ic-email:before {
  content: "\a4"; }

.ic-website:before {
  content: "\a5"; }

.ic-plus:before {
  content: "\a6"; }

.ic-minus:before {
  content: "\a7"; }

.ic-tick:before {
  content: "\a8"; }

.ic-close:before {
  content: "\a9"; }

.ic-home:before {
  content: "\a12";
  font-size: 1.4em;
  margin-right: 0; }

.ic-update {
  transition: ease-in-out all 0.35s; }
  .ic-update:before {
    content: "\a10"; }
  .ic-update:hover:before {
    animation: spin 1.5s infinite linear; }

.ic-trolley:before {
  content: "\a11"; }

.ic-facebook:before {
  content: "\f1";
  color: #547bbc; }

.ic-twitter:before {
  content: "\f2";
  color: #78caef; }

.ic-google:before {
  content: "\f3";
  color: #4b4b4b; }

.ic-linkedIn:before {
  content: "\f4"; }

.ic-pinterest:before {
  content: "\f5"; }

.ic-youtube:before {
  content: "\f6"; }

i[class*="ic-"] {
  font-size: 5em; }
  i[class*="ic-"]:before {
    margin: 0; }

header[role="banner"]:after, header[role="banner"] > section, .banner figure:after, .uber > figure:after, main:before, main > section:after {
  *zoom: 1; }
  header[role="banner"]:after, header[role="banner"] > section:after, .banner figure:after, .uber > figure:after, main > section:after {
    height: 0;
    clear: both;
    content: ".";
    display: block;
    line-height: 0;
    visibility: hidden; }

/*%sectionBg {
    top: 0;
	bottom: 0;
	content: "";
	z-index: -1;
	left: -250%;
	width: 500%;
	height: 100%;
	position: absolute;
}*/
.pop-prod-title {
    display: block;
    clear: both;
}
    .pop-prod-title > h2 {
        border-radius: 10px;
        padding: 0.5em;
        text-align: center;
    }
.mainNav, .ic-menu, .sidr, aside > article, .sections > h2, .boxes > article h2, .boxes > article h3, aside section .btn, .products article .btn, table td.bluebg, table th, footer[role="contentinfo"], .pop-prod-title > h2 {
    color: #fff;
    background: #393292;
    background: linear-gradient(to bottom, #393292 0%, #2f7dc4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f7dc4', endColorstr='$blue',GradientType=0 );
}

.btn, .btn:hover, article:hover .btn {
  color: #fff;
  background: #f7931e;
  background: linear-gradient(to bottom, #f15a24 0%, #f7931e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a24', endColorstr='$orange',GradientType=0 ); }

aside > article:nth-of-type(even), .btn.grey {
  color: #fff;
  background: #666;
  background: linear-gradient(to bottom, #a6a6a6 0%, #bababa 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f15a24', endColorstr='$orange',GradientType=0 ); }

.ic-menu, .banner figure figcaption, .uber > figure figcaption, .slick-slider .slick-next, .slick-slider .slick-prev {
  top: 50%;
  position: absolute;
  transform: translateY(-50%); }

iframe[name*="google"], img[name*="google"], .search a span, ul.share span, .slick-slider .slick-dots span, .slick-slider .slick-next span, .slick-slider .slick-prev span {
  top: -999em;
  left: -999em;
  position: absolute; }

    .slick-slider .slick-next:before, .slick-slider .slick-prev:before {
        color: inherit;
        content: "\a1";
        display: inline-block;
        transform: scaleX(-1);
        transform-origin: center center;
        top: 0;
        font: 1.4em "UKEd";
    }

.content > * {
  break-inside: avoid-column;
  page-break-inside: avoid;
  -moz-page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid; }

.content > * {
  break-inside: avoid-column;
  page-break-inside: avoid;
  -moz-page-break-inside: avoid;
  -moz-column-break-inside: avoid;
  -webkit-column-break-inside: avoid; }

.productDetails .cursive:after, .pulsate {
  animation-name: pulse;
  animation-duration: 2s;
  animation-direction: alternate;
  animation-timing-function: linear;
  animation-iteration-count: infinite; }

@keyframes pulse {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.2); }
  100% {
    transform: scale(1); } }
@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }
.products article i:before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 15px;
  height: 15px;
  margin: auto;
  position: absolute;
  border-radius: 100%;
  animation: loader ease infinite 4.6s;
  box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf; }

@keyframes loader {
  0%,
	100% {
    box-shadow: 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf; }
  25% {
    box-shadow: -15px 15px #dfdfdf, -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49; }
  50% {
    box-shadow: -15px -15px #4f4d49, 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf; }
  75% {
    box-shadow: 15px -15px #dfdfdf, 15px 15px #4f4d49, -15px 15px #dfdfdf, -15px -15px #4f4d49; } }
/* ----------------- *\
	LISTS
\* ----------------- */
dl, ol {
  margin-bottom: 0;
  overflow: hidden; }

ol {
  padding-left: 1.5em;
  list-style-type: decimal; }

dl {
  clear: both;
  overflow: hidden; }
  dl dt, dl dd {
    width: 49%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box; }
  dl dt {
    clear: left; }
  dl dd {
    padding-left: .5em; }

/* ----------------- *\
	FORM
	INPUT/TEXTAREA
\* ----------------- */
input, select, textarea {
  width: 100%;
  background: #fff;
  padding: 1em 1.2em;
  border-radius: .5em;
  color: #666;
  font: normal 1em "Montserrat", Arial, Helvetica, sans-serif;
  border: 1px solid #e8e8e8; }
  input[type="submit"] {
    width: auto; }
  input[type="image"] {
    padding: .2em; }
  input[type="text"].sm, table input {
    width: 80px;
    text-align: center;
    padding-left: .4em;
    padding-right: .4em; }
  input[type="radio"], input[type="checkbox"] {
    border: 0;
    padding: 0;
    min-width: 0;
    margin: 0 .5em 0 0;
    vertical-align: sub;
    width: auto !important; }
  input:focus, select:focus, textarea:focus {
    outline: none;
    transition: 1s border linear;
    border: 1px solid #a6a6a6; }

textarea {
  height: 180px; }

input[type="text"], input[type="submit"], input[type="email"], input[type="tel"], select, textarea {
  appearance: none; }

select {
  background: url(images/ddl.png) no-repeat center right #fff; }

/* ----------------- *\
	IMAGES & IFRAMES
\* ----------------- */
img {
  border: 0;
  display: block;
  max-width: 100%; }
  img.left {
    float: left;
    margin: 0 .5em .5em 0; }
  img.right {
    float: right;
    margin: 0 0 .5em .5em; }
  img[src*="loader.gif"] {
    width: auto !important;
    max-width: 100% !important; }

iframe {
  width: 100%;
  margin-bottom: 1.2em; }
  iframe:last-child {
    margin: 0; }
  .iframe iframe {
    height: 0;
    overflow: hidden;
    position: relative;
    padding-bottom: 75%; }
    .iframe iframe iframe {
      top: 0;
      left: 0;
      margin: 0;
      position: absolute;
      width: 100% !important;
      height: 100% !important; }

/* ----------------- *\
	MISC
\* ----------------- */
::selection {
  background: #f7931e;
  color: #fff;
  text-shadow: none; }

hr {
  clear: both;
  height: 1px;
  margin: 1em 0;
  display: block;
  border-top: 1px solid rgba(0, 0, 0, 0.15); }

.blue {
  color: #393292; }

.orange {
  color: #f7931e; }
  .orange * {
    color: inherit; }

p.error, span.error {
  color: #d01212; }

.proderror{
	background: red;
    color: white;
    font-weight: bold;
    padding: 0.5em 1em;
    margin-bottom: 1em;
    display: inline-block;
}

a[href*="tel:"], header .number a {
  font-size: 200%;
  font-weight: bold; }

a[href*="mailto:"] {
  word-wrap: break-word; }

.hidden {
  display: none !important; }

/* -------------------------------------------------------------------------------------------------------------------- *\
													START MAIN STYLESHEET
\* -------------------------------------------------------------------------------------------------------------------- */
/* ----------------- *\
	HEADINGS / TYPE
\* ----------------- */
h1, h2, h3, h4, h5, h6 {
  color: #393292;
  font-size: 2.4em;
  line-height: 1.2;
  padding-bottom: .6em; }
  h1 span, h1 a, h2 span, h2 a, h3 span, h3 a, h4 span, h4 a, h5 span, h5 a, h6 span, h6 a {
    display: block; }
  h1:empty, h2:empty, h3:empty, h4:empty, h5:empty, h6:empty {
    display: none; }

h1 {
  letter-spacing: -1px; }
  h1 span {
    opacity: .6;
    font-size: 60%;
    display: block;
    margin-top: .5em;
    font-weight: bold;
    color: #666; }

h2, h3 {
  font-size: 1.6em; }

h4 {
  font-size: 1.4em; }

h5 {
  font-size: 1.2em; }

h6 {
  font-size: 1em; }

h4, h5, h6 {
  padding-bottom: 1em; }

p {
  padding-bottom: 1.2em; }
  p:empty {
    display: none; }

/* ----------------- *\
	TYPE LINKS
\* ----------------- */
a {
  color: inherit;
  transition: ease-in-out all 0.35s; }
  a:hover {
    text-decoration: underline; }

/* -------------------------------- *\
	WRAPPERS
\* -------------------------------- */
html, body, form {
  height: 100%; }

body {
  color: #666;
  font: 0.95em/1.6 "Montserrat", Arial, Helvetica, sans-serif;
  text-size-adjust: none;
  -webkit-text-size-adjust: none;
  /** {
      backface-visibility: hidden;
      -webkit-backface-visibility: hidden;
  }*/ }

.uber {
  width: 100%;
  min-height: 100%;
  overflow: hidden;
  position: relative; }

header[role="banner"] > section, .mainNav > ul, main, footer[role="contentinfo"] > section {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5em;
  max-width: 1600px;
  box-sizing: border-box; }

/* -------------------------------- *\
	HEADER
\* -------------------------------- */
header[role="banner"] {
  clear: both;
  z-index: 1000;
  padding-top: 1em;
  position: relative; }
  header[role="banner"] > section {
    position: relative; }
  header[role="banner"] a {
    color: inherit; }
  header[role="banner"] li a {
    display: block; }
  header[role="banner"] .basket.pulsate {
    animation-iteration-count: 2; }

.logo {
  width: 20%;
  float: left;
  min-width: 210px;
  max-width: 350px;
  padding-top: .5em; }
  .logo img {
    width: 100%;
    display: block; }

.hgroup {
  width: 50%;
  float: right; }
  .hgroup ul {
    float: right;
    padding-top: .3em;
    display: inline-block; }
  .hgroup li {
    margin: 0 .4em;
    display: inline-block; }
    .hgroup li a {
      color: #393292; }

header .number {
  top: 0;
  left: 45%;
  color: #fff;
  position: absolute;
  padding: .4em 1.5em;
  box-sizing: border-box;
  border-radius: 0 0 1em 1em;
  transform: translateX(-50%);
  background-color: rgba(247, 147, 30, 0.85); }
  header .number a {
    vertical-align: middle; }
  header .number i {
    margin-right: .5em; }

.search {
  width: 100%;
  float: right;
  clear: right;
  margin-top: 4%;
  max-width: 300px;
  position: relative; }
  .search input[type="text"] {
    padding-right: 2.2em; }
  .search a {
    top: 1px;
    right: .6em;
    bottom: 1px;
    margin: 0;
    padding: 0;
    width: auto;
    min-width: 0;
    color: #393292;
    margin-top: .35em;
    position: absolute;
    background: transparent; }
    .search a:hover {
      text-decoration: none;
      background: transparent; }
    .search a:after {
      color: #393292;
      content: "\a2";
      font: 1.2em/2 "UKEd"; }

.mainNav {
  font-size: 1.2em;
  margin-top: 1.2em;
  text-align: center; }
  .mainNav > ul {
    width: 100%;
    padding: 0 1em;
    display: table; }
    .mainNav > ul > li {
      position: relative;
      display: table-cell;
      transition: ease-in-out all 0.35s; }
      .mainNav > ul > li:before {
        content: '';
        width: 1px;
        height: 100%;
        display: block;
        position: absolute;
        background-color: #fff; }
      .mainNav > ul > li:first-of-type:before {
        display: none; }
      .mainNav > ul > li a {
        display: block;
        color: inherit;
        padding: 1em .5em;
        transition: ease-in-out all 0.35s; }
        .mainNav > ul > li a:hover {
          text-decoration: none; }
      .mainNav > ul > li:hover, .mainNav > ul > li.active {
        text-decoration: none;
        background-color: rgba(57, 50, 146, 0.35); }
      .mainNav > ul > li ul {
        left: 0;
        opacity: 0;
        color: #fff;
        width: 110%;
        z-index: 999;
        font-size: .9em;
        min-width: 150px;
        text-align: left;
        padding: 1em 1.5em;
        visibility: hidden;
        position: absolute;
        font-weight: normal;
        transition: all 0.5s ease;
        background: rgba(18, 70, 163, 0.85); }
        .mainNav > ul > li ul li {
          padding: .2em 0; }
        .mainNav > ul > li ul a {
          padding: .5em 0;
          position: relative; }
          .mainNav > ul > li ul a:hover {
            color: inherit;
            padding-left: .5em; }
      .mainNav > ul > li:hover ul {
        opacity: 1;
        visibility: visible; }

/* -------------------------------- *\
	MOBILE MENU / STYLES
\* -------------------------------- */
.ic-menu {
  border: 0;
  width: 60px;
  height: 36px;
  right: 1.2rem;
  outline: none;
  display: none;
  cursor: pointer;
  font-size: .5em;
  user-select: none;
  vertical-align: middle; }
  .ic-menu:hover {
    opacity: 1; }

.lines {
  margin-top: -2px;
  background: #fff;
  display: inline-block;
  width: 2rem;
  height: 0.2857142857rem;
  transition: ease-in-out all 0.35s;
  position: relative; }
  .lines:before, .lines:after {
    background: #fff;
    display: inline-block;
    width: 2rem;
    height: 0.2857142857rem;
    transition: ease-in-out all 0.35s;
    left: 0;
    content: '';
    position: absolute;
    transform-origin: 0.1428571429rem center; }
  .lines:before {
    top: 0.5rem; }
  .lines:after {
    top: -0.5rem; }
  .sidr-open .ic-menu .lines {
    background: transparent; }
    .sidr-open .ic-menu .lines:before, .sidr-open .ic-menu .lines:after {
      top: 0;
      width: 2rem;
      transform-origin: 50% 50%; }
    .sidr-open .ic-menu .lines:before {
      transform: rotate3d(0, 0, 1, 45deg); }
    .sidr-open .ic-menu .lines:after {
      transform: rotate3d(0, 0, 1, -45deg); }

.sidr {
    display:none;
  top: 0;
  width: 260px;
  height: 100%;
  z-index: 999;
  right: -260px;
  display: none;
  position: fixed;
  overflow-y: auto;
  overflow: hidden;
  padding: 1em 1.2em;
  box-sizing: border-box;
  box-shadow: 5px 0 8px -5px rgba(0, 0, 0, 0.5) inset; }
  .sidr a {
    color: #fff; }
  .sidr li {
    position: relative;
    list-style-type: none; }
    .sidr li img {
      display: none; }
    .sidr li a:before {
      right: 0;
      top: .8em;
      color: #fff;
      content: "\a6";
      position: absolute;
      pointer-events: none;
      font: 1.3em/1 "UKEd"; }
    .sidr li a:only-child:before {
      display: none; }
    .sidr li.collapse > a:before {
      content: "\a7"; }
    .sidr li a:only-child, .sidr li ul a {
      display: block; }
    .sidr li ul {
      opacity: .8;
      display: none;
      font-size: .9em; }
      .sidr li ul li {
        padding-left: 1em; }
  .sidr .sidr-inner {
    clear: both; }
    .sidr .sidr-inner a {
      padding: .8em 0;
      display: inline-block; }
    .sidr .sidr-inner > li {
      border-top: 1px solid rgba(255, 255, 255, 0.2); }
      .sidr .sidr-inner > li:first-child {
        border: 0; }
  .sidr .sidr-class-title {
    display: none; }
  .sidr .hgroup {
      display:block!important;
    width: 100%;
    margin-bottom: 1em; }
    .sidr .hgroup a {
      color: inherit; }
  .sidr .search {
    margin-top: .6em; }
  .sidr .btn {
    width: 100%;
    margin: 0 0 .5em; }

/* -------------------------------- *\
	MAIN BANNERS
\* -------------------------------- */
.banner figure, .uber > figure {
  z-index: 1;
  width: 100% !important;
  height: 100%;
  margin: 0 auto;
  overflow: hidden;
  min-height: 300px;
  max-width: 2000px;
  max-height: 500px;
  position: relative; }
  .banner figure h1, .banner figure h2, .uber > figure h1, .uber > figure h2 {
    color: #393292;
    text-align: center; }
  .banner figure p, .uber > figure p {
    padding: 0;
    line-height: 1.4; }
  .banner figure img, .uber > figure img {
    width: 100%;
    margin: 0 auto;
    object-fit: cover;
    min-height: 300px; }
  .banner figure > a, .uber > figure > a {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    position: absolute; }
  .banner figure figcaption, .uber > figure figcaption {
    left: 8%;
    right: 8%;
    padding: 3% 5%;
    margin: 0 auto;
    max-width: 950px;
    text-align: justify;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 1em; }
    .banner figure figcaption *:only-child, .banner figure figcaption *:last-child:not(.btn), .uber > figure figcaption *:only-child, .uber > figure figcaption *:last-child:not(.btn) {
      margin-bottom: 0;
      padding-bottom: 0; }
  .loading .banner figure, .loading .uber > figure {
    display: none; }
    .loading .banner figure:first-of-type, .loading .uber > figure:first-of-type {
      display: block; }

.banner {
  z-index: 1;
  position: relative; }
  .banner .slick-track {
    display: flex;
    justify-content: center;
    align-items: center; }
  .banner figure img {
    max-height: none; }
  .banner figcaption {
    max-width: 600px; }

/* -------------------------------- *\
	ASIDE
\* -------------------------------- */
aside {
  width: 25%;
  float: left;
  margin: 0 auto;
  max-width: 450px; }
  aside > div, aside > article {
    margin-bottom: 2em;
    box-sizing: border-box; }
  aside > article {
    padding: 2em; }
    aside > article * {
      color: inherit; }
    aside > article a, aside > article a:hover {
      color: inherit; }
    aside > article p:last-child {
      padding: 0; }
  aside article img {
    margin: 0 auto .5em; }
  aside > section {
    overflow: hidden;
    padding: 1.5em 1em;
    text-align: center;
    border: 1px solid #e0e0e0;
    border-radius: 1em; }
    aside > section article {
      margin-top: .8em;
      padding-top: 1em;
      border-top: 1px solid #e0e0e0; }
      aside > section article:first-of-type {
        border: 0;
        margin-top: 0; }
      aside > section article h3 {
        font-size: 1em; }
  aside > .btn {
    width: 100%;
    margin-bottom: .6em; }
  aside + .mainContent {
    float: right; }
  .mainContent + aside {
    float: right;
    margin-right: 1.5em; }

/* -------------------------------- *\
	MAIN CONTENT
\* -------------------------------- */
.mainContent img, .content img {
  margin: 0 auto 1.5em; }
  .mainContent img[style*="float: left"], .content img[style*="float: left"] {
    margin: .5em 1em .8em 0; }
  .mainContent img[style*="float: right"], .content img[style*="float: right"] {
    margin: .5em 0 .8em 1em; }
.mainContent a, .content a {
  word-break: break-word; }
.mainContent p a:not(.btn), .content p a:not(.btn) {
  font-weight: bold; }
.mainContent ul, .content ul {
  padding: 0 0 1em;
  list-style-type: none !important; }
  .mainContent ul li, .content ul li {
    position: relative;
    padding: 0 0 .5em 1.5em; }
    .mainContent ul li:before, .content ul li:before {
      left: 0;
      top: 8px;
      width: 8px;
      height: 8px;
      content: "";
      position: absolute;
      border-radius: 100%;
      background-color: #666; }
  .mainContent ul[style*="square"] li:before, .content ul[style*="square"] li:before {
    border-radius: unset; }

.mainContent {
  width: 70%;
  float: left;
  margin-bottom: 1.2em; }

.content {
  max-width: none;
  columns: 2;
  -moz-columns: 2;
  -webkit-columns: 2;
  column-gap: 3em;
  -moz-column-gap: 3em;
  -webkit-column-gap: 3em; }
  .content p:first-child {
    font-weight: bold; }
  .content img {
    max-width: 60%; }

/* -------------------------------- *\
	MAIN
\* -------------------------------- */
main {
  clear: both;
  overflow: hidden;
  padding-top: 3em;
  padding-bottom: 2em;
  box-sizing: border-box; }
  main a {
    color: #393292;
    transition: ease-in-out all 0.35s; }
    main a:hover {
      color: #f7931e; }
    main a.red {
      color: #d01212; }
  main > p {
    clear: both; }
  main ul {
    padding-bottom: 1.5em; }
    main ul:last-child {
      padding-bottom: 0; }
    main ul li img {
      display: inline-block;
      vertical-align: middle; }
      main ul li img:first-child {
        margin-right: .5em; }
  main > section {
    clear: both;
    padding: 2em 0;
    position: relative; }
    main > section:first-child {
      margin-top: -1em; }
    main > section:last-child {
      padding-bottom: 0; }
  article {
    position: relative;
    transition: ease-in-out all 0.35s; }
    article a:first-child:empty {
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 99;
      position: absolute; }
      article a:first-child:empty:hover ~ h2, article a:first-child:empty:hover ~ h3 {
        color: #666;
        transition: ease-in-out all 0.35s; }

.bread {
  margin-top: -2em;
  font-family: "Open Sans", Arial, Helvetica, sans-serif; }
  .bread li {
    display: inline-block; }
    .bread li:not(:first-child):before {
      content: ">";
      margin: 0 .5em; }
  .bread a {
    color: #666; }
    .bread a:not([href]):hover {
      color: inherit;
      text-decoration: none; }

main ul.share li {
  padding: 0 .2em;
  display: inline-block; }
ul.share a {
  display: block;
  font-size: 2.2em;
  background-color: #fff; }
  ul.share a:before {
    margin: 0;
    display: block;
    overflow: hidden;
    border-radius: 100%; }
  ul.share a:hover {
    opacity: .8;
    transform: scale(1.05); }
ul.share.follow {
  top: 50%;
  right: 0;
  z-index: 9997;
  position: fixed;
  font-size: 1.2em;
  transform: translateY(-50%); }
  ul.share.follow li {
    display: block; }
  ul.share.follow a:before {
    border-radius: 0; }
  ul.share.follow a:hover {
    transform: translateX(-5px); }
main > ul.share {
  clear: both; }
  main > ul.share:before {
    color: #393292;
    content: "Share";
    font-weight: bold; }
aside ul.share {
  padding: 1.5em;
  text-align: center; }

/* --------------------- *\
	CATEGORIES / PRODUCTS DETAIL 
\* --------------------- */
.products {
  padding: .6em 0;
  overflow: hidden;
  border-radius: 1em;
  border: 1px solid #ededed; }
  .products[class~="4"] {
    margin: 1em 0; }
    .products[class~="4"] article {
      width: 25%;
      margin-left: 0; }
  .products article {
    text-align: center;
    margin-top: 1.2em;
    margin-bottom: 1.2em;
    padding: 1em 1.5em 0;
    box-sizing: border-box;
    border-left: 1px solid #e0e0e0; }
    .products article * {
      transition: ease-in-out all 0.35s; }
    .products article h2, .products article h3, .products article h4, .products article span {
      font-size: 1.3em; }
    .products article span {
      display: block;
      color: #f7931e;
      margin-bottom: .8em; }
    .products article i {
      height: 240px;
      display: block;
      position: relative;
      margin-bottom: .8em;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: 50% 50%; }
      .products article i img {
        width: 100%;
        height: 100%;
        margin: 0 auto;
        position: absolute;
        object-fit: contain; }
      .products article i:before {
        content: "";
        z-index: -1; }
    .products article:nth-of-type(4n+1) {
      border-width: 0; }
    .products article:hover .btn {
      transform: scale(1.01); }
  .products img {
    margin: 0 auto .5em; }

.productDetails {
  overflow: hidden;
  padding-bottom: 1.2em;
  /*.share { float: right; }*/ }
  .productDetails ul {
    font-weight: bold;
    color: black; }
    .productDetails ul li {
      padding: .2em 0;
      position: relative; }
    .productDetails ul.checklist li {
      padding-left: 1.5em;
      font-size: 95%; }
      .productDetails ul.checklist li:before {
        left: 0;
        top: .8em;
        color: #393292;
        content: "\a8";
        position: absolute;
        font: 0.8em "UKEd"; }
  .productDetails .cursive {
    z-index: -1;
    display: block;
    max-width: 200px;
    padding-bottom: 1.2em;
    transform: rotate(-12deg);
    font: 2.2em/1 'Shadows Into Light', cursive; }
    .productDetails .cursive:after {
      bottom: 0;
      right: 1em;
      position: absolute;
      content: url(/images/arrow.png); }

.copy {
  font-size: 95%;
  padding-bottom: 9em; }
  .copy .cursive {
    left: .5em;
    bottom: -.5em;
    position: absolute; }

/*[class~="2"]>div.copy {
    width: 47%;     //  This is so that the product details don't get overlapped by the social icons
}*/
.btnContainer {
  clear: both;
  overflow: hidden;
  text-align: right;
  padding: 1.5em 0 .5em; }
  .btnContainer .price {
    float: left;
    text-align: left;
    margin-top: -.2em;
    line-height: 1.2em; }
    .btnContainer .price span {
      font-size: 160%; }
  .btnContainer .btn {
    clear: none;
    float: right;
    max-width: 400px;
    margin-bottom: 1em; }
  .btnContainer .text {
    float: right;
    line-height: 1.4;
    margin-right: 1em; }
  .btnContainer small, .btnContainer span {
    display: block; }
.gallery-quick-delivery figure::after {
    content:'';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 100px;
    height: 70px;
	background: url(/images/quickship.jpg);
	background-size:cover;
}

.products .quick-ship::after{
    content:'';
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 70px;
    height: 49px;
	background: url(/images/quickship.jpg);
	background-size:cover;
}
.gallery {
  /*overflow: hidden;*/ }
  .gallery figure {
    width: 100%; }
    .gallery figure .slick-track {
      display: flex;
      align-items: stretch; }
    .gallery figure article {
      display: flex;
      align-items: center;
      margin-bottom: 1.2em; }
      .gallery figure article img {
        margin-bottom: 3em; }
      .gallery figure article div {
        position: absolute;
        bottom: 0; }
    .gallery figure img {
      margin: 0 auto; }
    .gallery figure:not(.slick-slider) img:not(:first-of-type) {
      display: none; }
  .gallery .thumbs {
    clear: both;
    margin-top: .5em; }
    .gallery .thumbs article {
        width: 23%;
        float: left;
        display: flex;
        cursor: pointer;
        min-width: 60px;
        overflow: hidden;
        margin-right: 0.25%;
        margin-left: 0.25%;
        max-height: 150px;
        padding: .2em .5em;
        align-items: center;
        box-sizing: border-box;
        border: 1px solid #e0e0e0;
        justify-content: center;
    }
      .gallery .thumbs article.slick-current {
        border-color: #393292; }
      .gallery .thumbs article img {
        margin: 0 auto;
        max-width: 150px;
        max-height: 150px; }

.total dd {
  text-align: right; }
.total dt, .total dd {
  min-width: 110px; }
.price {
  color: #393292;
  font-size: 1.4em;
  font-weight: 900; }

/* --------------------- *\
	STYLED SECTIONS / NEWS
\* --------------------- */
.sections {
  clear: both; }
  .sections > h2 {
    width: 17.5%;
    margin-top: 1.5em;
    padding-left: 1.5em; }
  .sections section {
    overflow: hidden;
    padding: 1.2rem 0;
    position: relative;
    border-top: 1px solid rgba(0, 0, 0, 0.1); }
    .sections section:first-of-type {
      border: 0;
      padding-top: 0; }
    .sections section a:not(.btn) {
      color: inherit;
      display: block;
      overflow: hidden;
      transition: ease-in-out all 0.35s; }
      .sections section a:not(.btn):hover {
        text-decoration: none; }
    .sections section img {
      float: left;
      width: 100%;
      max-width: 12%;
      margin-right: 2%; }
      .sections section img + div {
        width: 85%;
        float: right; }
    .sections section > a > div {
      overflow: hidden;
      padding-bottom: 4.5em; }
      .sections section > a > div span {
        display: block;
        font-style: italic;
        margin-bottom: 1.2em; }
      .sections section > a > div .btn {
        bottom: 1.2em;
        position: absolute; }

/* -------------------------------- *\
	BOXES & COLUMNS
\* -------------------------------- */
.sections > h2, .boxes > article h2, .boxes > article h3 {
  min-width: 150px;
  margin-right: 1em;
  margin-bottom: 1em;
  padding-top: .85em;
  padding-right: 1em;
  padding-bottom: .85em;
  display: inline-block;
  border-radius: 0 .5em .5em 0; }

.boxes {
  clear: both;
  margin-left: -2%; }
  .boxes > * {
    margin-left: 2%; }
  .boxes > article {
    float: left;
    width: 31.3%;
    padding: 1em 0;
    overflow: hidden;
    margin-bottom: 2%;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #e0e0e0;
    border-radius: 1em; }
    .boxes > article > * {
      padding-left: 1.4rem; }
    .boxes > article img ~ * {
      max-width: 58%; }
    .boxes > article h2, .boxes > article h3, .boxes > article h4 {
      font-size: 1.2em;
      position: relative;
      font-weight: normal; }
    .boxes > article ul li:before {
      color: #393292;
      content: "\a1";
      margin-right: .5em;
      font: bold 0.8em "UKEd"; }
    .boxes > article p:last-of-type {
      padding: 0; }
    .boxes > article img {
      top: 50%;
      right: .5em;
      padding: 0;
      width: 48%;
      z-index: -1;
      max-width: 210px;
      max-height: 290px;
      position: absolute;
      transform: translateY(-50%); }
    .boxes > article:nth-of-type(3n+1) {
      clear: left; }
  .boxes.cta {
    color: #393292; }
    .boxes.cta article {
      border: 0;
      padding: 0 1em;
      background: none;
      text-align: center; }
      .boxes.cta article p {
        padding-bottom: 1em; }
    .boxes.cta a[href*="tel:"], .boxes.cta header .number a, header .number .boxes.cta a {
      margin-top: .5em; }
    .boxes.cta a[href*="mailto:"] {
      font-size: 1.15em;
      font-weight: bold; }

[class~="2"], [class~="4"], [class~="5"] {
  clear: both;
  margin-left: -2%; }
  [class~="2"] > *, [class~="4"] > *, [class~="5"] > * {
    margin-left: 2%; }
  [class~="2"] > article, [class~="2"] > div, [class~="4"] > article, [class~="4"] > div, [class~="5"] > article, [class~="5"] > div {
    float: left;
    position: relative; }

[class~="2"] > article, [class~="2"] > div {
  width: 48%;
  float: left;
  box-sizing: border-box; }
  [class~="2"] > article:nth-child(3n+1), [class~="2"] > div:nth-child(3n+1) {
    clear: none; }
  [class~="2"] > article:nth-of-type(2n+1), [class~="2"] > div:nth-of-type(2n+1) {
    clear: left; }
[class~="2"] .mainContent {
  width: 50%; }
[class~="2"] .mainContent + * {
  width: 46%;
  float: left; }

[class~="3"] > article, [class~="3"] > div:not(.sections), [class="boxes"] > article, [class="boxes"] > div:not(.sections) {
  width: 31.3%; }
  [class~="3"] > article:nth-of-type(3n+1), [class~="3"] > div:not(.sections):nth-of-type(3n+1), [class="boxes"] > article:nth-of-type(3n+1), [class="boxes"] > div:not(.sections):nth-of-type(3n+1) {
    clear: left; }
  @media screen and (max-width: 950px) {
    [class~="3"] > article, [class~="3"] > div:not(.sections), [class="boxes"] > article, [class="boxes"] > div:not(.sections) {
      width: 48%; }
      [class~="3"] > article:nth-of-type(3n+1), [class~="3"] > div:not(.sections):nth-of-type(3n+1), [class="boxes"] > article:nth-of-type(3n+1), [class="boxes"] > div:not(.sections):nth-of-type(3n+1) {
        clear: none; } }

[class~="4"] > article, [class~="4"] > div {
  width: 23%; }
  [class~="4"] > article:nth-of-type(3n+1), [class~="4"] > div:nth-of-type(3n+1) {
    clear: none; }
  [class~="4"] > article:nth-of-type(4n+1), [class~="4"] > div:nth-of-type(4n+1) {
    clear: left; }
  @media screen and (max-width: 810px) {
    [class~="4"] > article, [class~="4"] > div {
      width: 48%; } }

[class~="5"] > article, [class~="5"] > div {
  width: 18%; }
  [class~="5"] > article:nth-of-type(3n+1), [class~="5"] > div:nth-of-type(3n+1) {
    clear: none; }
  [class~="5"] > article:nth-of-type(5n+1), [class~="5"] > div:nth-of-type(5n+1) {
    clear: left; }
  @media screen and (max-width: 1400px) {
    [class~="5"] > article, [class~="5"] > div {
      width: 31.3%; }
      [class~="5"] > article:nth-of-type(3n+1), [class~="5"] > div:nth-of-type(3n+1) {
        clear: left; }
      [class~="5"] > article:nth-of-type(5n+1), [class~="5"] > div:nth-of-type(5n+1) {
        clear: none; } }
  @media screen and (max-width: 1100px) {
    [class~="5"] > article, [class~="5"] > div {
      width: 48%; }
      [class~="5"] > article:nth-of-type(3n+1), [class~="5"] > div:nth-of-type(3n+1) {
        clear: none; }
      [class~="5"] > article:nth-of-type(2n+1), [class~="5"] > div:nth-of-type(2n+1) {
        clear: left; } }

/* -------------------------------- *\
	BUTTONS
\* -------------------------------- */
.btn {
  clear: both;
  cursor: pointer;
  overflow: hidden;
  min-width: 200px;
  font-size: 1.1em;
  padding: .8em 1em;
  text-align: center;
  position: relative;
  border-radius: .3em;
  display: inline-block;
  box-sizing: border-box;
  /*&[class*="ic-trolley"]:hover:before { animation: ease 1.5s move; }*/ }
  .btn:after {
    top: -50%;
    z-index: 1;
    width: 40px;
    content: "";
    opacity: .2;
    left: -100%;
    height: 200%;
    background: #fff;
    position: absolute;
    transform: rotate(40deg);
    transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); }
  .btn:hover, article:hover .btn {
    color: #fff;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.6); }
    .btn:hover:after, article:hover .btn:after {
      left: 120%;
      transition: all 1000ms cubic-bezier(0.19, 1, 0.22, 1); }
  .btn + .btn {
    margin-left: 1em; }
  .btn[class*="ic-"]:before {
    margin-right: .8em;
    vertical-align: middle; }
  .btn.green {
    color: #fff;
    background: #34ba25;
    background: linear-gradient(to bottom, #229611 0%, #34ba25 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34ba25', endColorstr='#229611',GradientType=0 ); }
  .btn.small {
    min-width: 0;
    font-size: .9em; }
  .btn.next, .btn.back {
    clear: none;
    font-size: .9em; }
  .btn.next {
    float: right; }
  .btn.back, .btn.prev {
    float: left; }
    .btn.back:before, .btn.prev:before {
      left: .6em;
      right: auto;
      transform: rotate(180deg); }
  aside section .btn, .products article .btn {
    min-width: 0;
    font-size: 1em;
    min-width: 80px;
    padding: .4em 1em; }
    aside section .btn:after, .products article .btn:after {
      content: "\a1";
      margin-left: .5em;
      display: inline-block;
      font: 0.8em "UKEd";
      vertical-align: middle; }
  aside .btn + .btn {
    margin-left: 0; }

/*@keyframes move {
    0%, 100% { transform: translateX(0); }
    50% { transform: translateX(-15px); }
}*/
/* -------------------------------- *\
	PAGING
\* -------------------------------- */
.paging {
  clear: both;
  overflow: hidden;
  margin-top: 1.2em;
  padding-top: 1.2em;
  text-align: center;
  border-top: 1px solid #e0e0e0; }
  .paging > a {
    float: right; }
    .paging > a:first-of-type {
      float: left; }
  .paging ul {
    padding: 0;
    display: inline-block; }
    .paging ul li {
      float: left;
      width: 40px;
      display: block;
      border-left: 1px solid #e0e0e0; }
      .paging ul li:first-child {
        border: 0; }
      .paging ul li.active {
        color: #666;
        background-color: #e0e0e0; }
    .paging ul a {
      width: 100%;
      height: 100%;
      display: block;
      padding: .2em 0; }

/* -------------------------------- *\
	SLICK SLIDER STYLES
\* -------------------------------- */
.slick-slider {
  position: relative;
  /*&:hover {
      .slick-next, .slick-prev { opacity: 1; }
  }*/ }
  .slick-slider * {
    outline: none; }
  .slick-slider .slick-slide {
    float: left; }
  .slick-slider .slick-list, .slick-slider .slick-slide {
    padding: 0 !important; }
.slick-list {
    overflow: hidden;
}
  .slick-slider button {
    border: 0;
    display: block;
    cursor: pointer;
    text-indent: -999em;
    background: transparent; }
  .slick-slider .slick-dots, .slick-slider .slick-next, .slick-slider .slick-prev {
    left: 0;
    right: 0;
    bottom: 1em;
    z-index: 9999;
    position: absolute;
    text-align: center; }
    .slick-slider .slick-dots li, .slick-slider .slick-next li, .slick-slider .slick-prev li {
      width: 13px;
      height: 13px;
      margin: 0 .2em;
      position: relative;
      border-radius: 100%;
      display: inline-block;
      background-color: #fff;
      border: 2px solid #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); }
      .slick-slider .slick-dots li.slick-active, .slick-slider .slick-next li.slick-active, .slick-slider .slick-prev li.slick-active {
        width: 16px;
        height: 16px;
        background-color: rgba(247, 147, 30, 0.5); }
.slick-slider .slick-next, .slick-slider .slick-prev {
    /*opacity: 0;*/
    height: 100%;
    left: -12px;
    right: auto;
    bottom: auto;
    color: #666;
    transition: ease-in-out all 0.35s;
}
    .slick-slider .slick-next:hover, .slick-slider .slick-prev:hover {
      color: #666; }
  .slick-slider .slick-next {
    left: auto;
    right: -14px; }
  .slick-slider .slick-disabled {
    opacity: .2;
    pointer-events: none; }
.slick-slider .slick-next {
    transform: rotate( -180deg );
    top:0;
}

/* -------------------------------- *\
	BLOCKQUOTE / QUOTES
\* -------------------------------- */
blockquote p:before, blockquote p:after {
  content: open-quote; }
blockquote span {
  color: #666;
  display: block; }

/* -------------------------------- *\
	FORMS
\* -------------------------------- */
.form {
  overflow: hidden;
  margin-top: .8em;
  margin-bottom: .8em;
  padding: 1.5em 2em;
  border: 1px solid #e0e0e0;
  border-radius: 1em;
  background: radial-gradient(ellipse at center, white 50%, #EFEFEF 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EFEFEF',GradientType=1 ); }
  .form > div > * {
    max-width: 900px; }
  .form > div:not([class~="2"]) {
    overflow: hidden; }
    .form > div:not([class~="2"]) > fieldset {
      width: 48%;
      float: left; }
      .form > div:not([class~="2"]) > fieldset:nth-child(even) {
        float: right; }
      .form > div:not([class~="2"]) > fieldset:nth-child(odd) {
        clear: left; }
    .form > div:not([class~="2"]) > label {
      width: 62%;
      float: left; }
      .form > div:not([class~="2"]) > label + fieldset {
        width: auto; }
  .form label {
    display: inline-block;
    padding-bottom: .5em; }
  .form fieldset {
    margin-bottom: 1.4em; }
  .form > * {
    clear: both; }
  aside .form {
    margin: 0;
    padding: 0; }
    aside .form > div fieldset {
      width: 100%;
      float: none; }
    aside .form .btn {
      width: 100%; }
  .form input.error, .form textarea.error, .form select.error {
    color: #d01212;
    border-color: #d01212; }
  .form input.success, .form textarea.success, .form select.success {
    color: #6cc067;
    border-color: #6cc067; }
  .form label + ul li {
    clear: both;
    padding-left: 1em; }
    .form label + ul li label, .form label + ul li input {
      float: left; }
    .form label + ul li:before {
      display: none; }
  .form label + ul.error label {
    color: #d01212; }
  .form label + ul.success label {
    color: #6cc067; }

i.info {
  color: #fff;
  width: 22px;
  height: 22px;
  margin-right: 2em;
  text-align: center;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  background-color: #393292;
  font: bold italic 1.4em/1.1 serif; }
  i.info + label {
    display: inline-block; }

.infoBox {
  /*top: 50%;
  left: 50%;*/
  display: none;
  padding: 1.5em;
  position: absolute;
  background-color: #e0e0e0;
  transform: translate(-50%);
  border: 1px solid #c7c7c7; }
  .infoBox p:last-child {
    padding: 0; }

.message {
  color: #fff;
  padding: 1em;
  font-weight: bold;
  margin-bottom: 1em;
  background: #f7931e; }
  .message.error {
    background: #d01212; }
  .message.success {
    background: #6cc067; }
  .message ul {
    padding: 0 !important; }
    .message ul li:before {
      background-color: #fff !important; }

.tooltipster-custom {
  border-radius: 2px;
  color: #d01212;
  border: 1px solid #d01212;
  background: #f58686; }
  .tooltipster-custom .tooltipster-content {
    padding: .4em 1em;
    font: 1em/1.2 arial, sans-serif; }

/* -------------------------------- *\
	TABLES
\* -------------------------------- */
table {
  clear: both;
  width: 100%;
  text-align: left;
  line-height: 1.3;
  border-spacing: 0;
  margin-bottom: 1.2em;
  border-collapse: collapse; }
  table.noBorder {
    border: 0; }
  table:not(:last-of-type):not(:only-of-type) {
    margin: 0; }
  table th:first-of-type, table tbody tr td:first-of-type {
    max-width: 350px; }
  table td, table tr {
    vertical-align: top; }
  table td span {
    font-size: .85em; }
  table tr:nth-of-type(even) {
    background-color: #efefef; }
  table td {
    padding: .5em 1.2em;
    vertical-align: middle; }
    table td.lightbluebg {
      /* Legacy class */
      background-color: #efefef; }
    table td.bluebg {
      /* Legacy class */ }
  table th {
    padding: 1.5em 1.2em;
    vertical-align: middle; }
  table .th_hidden {
    /* Legacy class */
    visibility: hidden;
    padding: 0px !important;
    margin: 0px;
    width: 0px;
    display: none; }
  table img, .mainContent table img {
    margin: 0 auto; }
  table.basket img {
    max-width: 150px; }
  table.basket td:first-of-type img {
    width: 100%;
    min-width: 70px; }

@keyframes pulse-colour {
  0% {
    background-color: #d01212; }
  50% {
    background-color: #fff; }
  100% {
    background-color: #d01212; } }
table .imgs > div {
  width: 30px;
  height: 30px;
  overflow: hidden;
  text-align: center;
  border-radius: 100%;
  margin: 0 .2em .2em;
  display: inline-block;
  border: 2px solid #fff !important; }
  table .imgs > div.active {
    border: 2px solid #f7931e !important; }
  table .imgs > div.squareImg {
    width: 50px;
    height: auto;
    border-radius: 0;
    font-size: 0.8em; }
table .imgs input[type="image"] {
  padding: 0;
  width: 40px;
  height: 40px;
  margin-top: -5px;
  margin-left: -5px;
  display: block;
  box-sizing: border-box; }
table .imgs.error {
  animation: pulse-colour 2s alternate 2;
  background-color: #d01212; }

table tr.option_title {
  color: #fff;
  background-color: #2f7dc4;
  border-top: 1px solid #fff; }

.productTable_container {
  clear: both; }

/*  Table option hover  */
#trailimageid {
  top: 0;
  left: 0;
  height: 0;
  z-index: 200;
  width: 400px;
  display: none;
  position: absolute; }
  #trailimageid img {
    width: 100px;
    height: 100px;
    border-radius: 100%; }

.colour_Selector, .colour_Selector_selected {
  border: 3px solid #fff !important;
  box-sizing: border-box; }

.colour_Selector_selected {
  border-color: #f7931e !important; }

/* -------------------------------- *\
	FOOTER
\* -------------------------------- */
footer[role="contentinfo"] {
  /*left: 0;
  right: 0;
  bottom: 0;*/
  clear: both;
  padding: 2.5em 0;
  overflow: hidden;
  /*position: absolute;*/ }
  footer[role="contentinfo"] * {
    color: inherit; }
  footer[role="contentinfo"] a {
    color: inherit;
    font-weight: normal;
    text-decoration: none; }
    footer[role="contentinfo"] a:not(.btn):hover {
      opacity: .7;
      padding-left: .5em; }
  footer[role="contentinfo"] article {
    float: left;
    width: 23.5%;
    margin-left: 2%; }
    footer[role="contentinfo"] article:first-of-type {
      margin-left: 0; }
    footer[role="contentinfo"] article li {
      margin: .8em 0; }
  footer[role="contentinfo"] .newsletter {
    width: 25.5%;
    margin-left: 0; }
  footer[role="contentinfo"] .btn {
    display: block;
    margin-top: 1.2em; }
  footer[role="contentinfo"] input[type="text"] {
    color: #666; }

.note {
  text-align: center;
  color: red;
  font-weight: bold; }
  .note small {
    font-weight: normal; }
  .note a {
    color: red;
    text-decoration: underline; }

/* -------------------------------- *\
	RESPONSIVE
\* -------------------------------- */
.mcollapse {
  position: relative; }
  .mcollapse:before {
    display: none;
    content: "\a6";
    margin-right: .3em;
    vertical-align: bottom;
    font: 1em/1 "UKEd"; }
  .mcollapse.close:before {
    content: "\a7"; }

@media screen and (max-width: 1550px) {
  .boxes > article img {
    width: 35%; } }
@media screen and (max-width: 1200px) {
  .mainNav {
    font-size: .9em; }
    .mainNav ul {
      padding: 0; }
    .mainNav li:nth-last-of-type(-n+3) ul ul {
      left: auto;
      right: 105%; } }
@media screen and (max-width: 1150px) {
  header .number {
    left: auto;
    top: 4.5em;
    right: 340px;
    padding: 0 1em;
    transform: none;
    border-radius: .5em; }
    header .number i {
      display: none; }
    header .number a {
      font-size: 150%; } }
@media screen and (max-width: 1030px) {
  footer[role="contentinfo"] article {
    width: 32%; }
  footer[role="contentinfo"] .newsletter {
    width: 100%;
    clear: both;
    float: none;
    max-width: 520px;
    padding: 1.4em 1em;
    text-align: center;
    position: relative;
    margin: 0 auto -2.5em;
    box-sizing: border-box; }
    footer[role="contentinfo"] .newsletter:before {
      top: 0;
      bottom: 0;
      left: -500%;
      z-index: 0;
      content: "";
      width: 1000%;
      position: absolute;
      pointer-events: none;
      background: rgba(255, 255, 255, 0.2); } }
@media screen and (max-width: 970px) {
    .hgroup{
        display:none;
    }
  header .number {
    width: 100%;
    border-radius: 0;
    position: static;
    text-align: center; }
    header .number i {
      display: inline-block; }

  .logo {
    padding-bottom: 1.2em; }

  .ic-menu {
    display: block; }
    .fixed .ic-menu {
      padding: 0; }

  .mainNav {
    display: none; }

  .boxes > article img {
    width: 38%; }

  [class~="2"] {
    margin-left: 0; }
    [class~="2"] > * {
      margin-left: 0; }

  .mainContent, aside, aside + .mainContent, .mainContent + aside, .productDetails .gallery, .productDetails .copy {
    width: 100%;
    clear: both;
    float: none;
    max-width: none;
    margin: 0 0 1.2em; } }
@media screen and (max-width: 810px) {
  a.basket {
    top: -.6em;
    right: 1em;
    position: absolute; }

  .banner h1 {
    padding: 0; }
  .banner p {
    display: none; }
  .banner figure figcaption {
    background-color: rgba(255, 255, 255, 0.8); }

  .productDetails .share {
    float: left;
    clear: both; }

  .btnContainer {
    text-align: center; }
    .btnContainer .btn, .btnContainer .price {
      float: none;
      width: 100%;
      display: block;
      text-align: center;
      margin: 0 auto 1em; }
    .btnContainer .text {
      float: none; }

  aside > section article {
    border: 0;
    margin: 0; }

  .content {
    columns: 1;
    -moz-columns: 1;
    -webkit-columns: 1;
    column-gap: 3em;
    -moz-column-gap: 3em;
    -webkit-column-gap: 3em; }

  .products[class~="4"] article {
    width: 48%; } }
@media screen and (max-width: 650px) {
  .bread {
    display: none; }

  .boxes, [class~="2"], [class~="3"], [class~="4"]:not(.products), [class~="5"] {
    margin-left: 0; }
    .boxes > *, [class~="2"] > *, [class~="3"] > *, [class~="4"]:not(.products) > *, [class~="5"] > * {
      margin-left: 0; }
    .boxes > article, .boxes > div, [class~="2"] > article, [class~="2"] > div, [class~="3"] > article, [class~="3"] > div, [class~="4"]:not(.products) > article, [class~="4"]:not(.products) > div, [class~="5"] > article, [class~="5"] > div {
      float: none;
      width: 100%;
      clear: both;
      margin: 0 auto 1.6em; }

  .boxes article {
    max-width: 480px; }

  .mainContent img[style*="left"], .mainContent img[style*="right"] {
    margin: 0 auto 1em;
    float: none !important; }

  .form fieldset {
    margin-bottom: 1em; }
  .form > div:not([class~="2"]) fieldset {
    float: none;
    width: 100%;
    clear: both; }

  table {
    font-size: .9em;
    border-width: 1px 0 0 0;
    margin-bottom: 1.2em !important;
        /*td:first-child, tbody tr:first-child, td:last-child, tbody tr:last-child {
	        background-size: 20px 100%;
	        background-repeat: no-repeat;
	        background-image: linear-gradient(to right, white 50%, rgba(255, 255, 255, 0) 100%);
        }

         td:last-child, tbody tr:last-child {
	        background-position: 100% 0;
            background-image: linear-gradient(to left, white 50%, rgba(255, 255, 255, 0) 100%);
         }

        tbody {
	        overflow-x: auto;
            @include flexbox();
            position: relative;
	        overflow-y: hidden;
            @include scrolling-shadows;
        }*/ }
    table tr, table th, table td {
      clear: both;
      display: block; }
    table tr {
      border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
    table th {
      display: none; }
    .coloursSection table th {
        display: block;
        max-width: 100%;
    }
    table td[data-title]:before {
      color: #393292;
      font-size: 1.2em;
      font-weight: bold;
      margin-right: .5em;
      display: inline-block;
      content: attr(data-title) ":"; }
    table th, table td {
      padding: .8em 1em; }
      table th br, table td br {
        display: none; }
    table th.img {
      height: 100px; }
    table.basket td img {
      margin: 0;
      max-height: 100px;
      width: auto !important; }
    table input[type="text"] {
      padding: .4em; }

  footer[role="contentinfo"] {
    text-align: center; }
    footer[role="contentinfo"] article {
      width: 100%;
      float: none;
      margin: 0 0 2em; }
    footer[role="contentinfo"] h5 {
      padding-bottom: 0; }
    footer[role="contentinfo"] .mcollapse + * {
      margin-top: 1.2em; }
    footer[role="contentinfo"] a:not(.btn):hover {
      padding: 0; }

  .mcollapse > * {
    display: inline-block; }
  .mcollapse + * {
    display: none; }
  .mcollapse:before {
    line-height: 1.2;
    margin-right: .5em;
    display: inline-block; }

  .share.follow {
    display: none; } }
@media screen and (max-width: 500px) {
  .products[class~="4"] {
    border: 0;
    padding: 0; }
    .products[class~="4"] article {
      width: 100%;
      clear: both;
      float: none;
      border-left: 0;
      border-top: 1px solid #e0e0e0; }

  .boxes article h2, .boxes article h3 {
    display: block; }
  .boxes article img {
    display: none; }
    .boxes article img ~ * {
      max-width: none; } }
/* make the site go back to initial state when resizing */
@media screen and (min-width: 970px) {
  body {
    position: static !important;
    width: initial !important; }

  .uber {
    padding: 0 !important;
    position: relative !important; }

  .sidr {
    display: none !important; } }
/* end */
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3 / 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  select {
    background-image: url(images/ddl_x2.png);
    background-size: 38px 18px;
    background-repeat: no-repeat;
    background-position: center right; } }
/* NEW DEV */
@media (min-width: 550px) {
  .input-small {
    width: 300px; } }
@media (min-width: 768px) {
  .search-customer {
    width: 487px; } }

.select-customer {
  padding-right: 32px; }

.btn--new {
  min-width: 0;
  overflow: visible;
  display: block;
  box-sizing: content-box; }
  .btn--new:after {
    display: none; }

@media (min-width: 550px) {
  .btn--new {
    display: inline-block; } }
.space {
  margin-bottom: 16px; }

.space--double {
  margin-bottom: 16px; }

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

.grid--space-mobile > .grid__item {
  margin-bottom: 16px; }

.grid__item {
  width: 100%; }

.grid--payment-options {
  flex-wrap: nowrap; }
  .grid--payment-options > .grid__item {
    width: auto; }

.grid--payment-options label {
  display: flex; }

.check-label {
  display: inline-block;
  padding-left: 12px; }

@media (min-width: 550px) {
  .grid--inline {
    flex-wrap: nowrap;
    margin-left: -16px; }
    .grid--inline > .grid__item {
      width: auto;
      padding-left: 16px; }

  .grid--space-mobile > .grid__item {
    margin-bottom: 0; } }
.grid i.info {
  margin: 0 16px 0 0; }

@media (min-width: 900px) {
  .grid i.info {
    margin: 0 2em 0 0; } }

/*# sourceMappingURL=UKEducationalFurniture.css.map */

.prodDesc {
    max-height: 180px;
    overflow: hidden;
}

.prodDescFull {
    max-height: none;
}

.prodDescReadMore, .prodDescReadLess {
    margin: 1em auto;
    display: block;
    text-align: center;
    font-style: italic;
    color: #393292;
}