@font-face {
  font-family: 'FuturaMedium';
  src: url("fonts/FuturaMedium.eot");
  src: url("fonts/FuturaMedium.eot") format("embedded-opentype"), url("fonts/FuturaMedium.woff2") format("woff2"), url("fonts/FuturaMedium.woff") format("woff"), url("fonts/FuturaMedium.ttf") format("truetype"), url("fonts/FuturaMedium.svg#FuturaMedium") format("svg"); }
@font-face {
  font-family: 'FuturaHeavyRegular';
  src: url("fonts/FuturaHeavyRegular.eot");
  src: url("fonts/FuturaHeavyRegular.eot") format("embedded-opentype"), url("fonts/FuturaHeavyRegular.woff2") format("woff2"), url("fonts/FuturaHeavyRegular.woff") format("woff"), url("fonts/FuturaHeavyRegular.ttf") format("truetype"), url("fonts/FuturaHeavyRegular.svg#FuturaHeavyRegular") format("svg"); }
/* Our Site Breakpoints (same as twitter bootstrap) */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0-modified | 20110126
   License: none (public domain)
*/
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 {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* make sure to set some focus styles for accessibility */
:focus {
  outline: 0; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

table {
  border-collapse: collapse;
  border-spacing: 0; }

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

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

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

/**
 * Correct `inline-block` display not defined in IE 6/7/8/9 and Firefox 3.
 */
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  max-width: 100%; }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address styling not present in IE 7/8/9, Firefox 3, and Safari 4.
 * Known issue: no IE 6 support.
 */
[hidden] {
  display: none; }

/**
 * 1. Correct text resizing oddly in IE 6/7 when body `font-size` is set using
 *    `em` units.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/**
 * 1. Remove border when inside `a` element in IE 6/7/8/9 and Firefox 3.
 * 2. Improve image quality when scaled in IE 7.
 */
img {
  border: 0;
  /* 1 */
  -ms-interpolation-mode: bicubic;
  /* 2 */ }

/**
 * Address margin not present in IE 6/7/8/9, Safari 5, and Opera 11.
 */
figure {
  margin: 0; }

/**
 * Correct margin displayed oddly in IE 6/7.
 */
form {
  margin: 0; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct color not being inherited in IE 6/7/8/9.
 * 2. Correct text not wrapping in Firefox 3.
 * 3. Correct alignment displayed oddly in IE 6/7.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  white-space: normal;
  /* 2 */
  *margin-left: -7px;
  /* 3 */ }

/**
 * 1. Correct font size not being inherited in all browsers.
 * 2. Address margins set differently in IE 6/7, Firefox 3+, Safari 5,
 *    and Chrome.
 * 3. Improve appearance and consistency in all browsers.
 */
button,
input,
select,
textarea {
  font-size: 100%;
  /* 1 */
  margin: 0;
  /* 2 */
  vertical-align: baseline;
  /* 3 */
  *vertical-align: middle;
  /* 3 */ }

/**
 * Address Firefox 3+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 6+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 * 4. Remove inner spacing in IE 7 without affecting normal text inputs.
 *    Known issue: inner spacing remains in IE 6.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
  *overflow: visible;
  /* 4 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * 1. Address box sizing set to content-box in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 * 3. Remove excess padding in IE 7.
 *    Known issue: excess padding remains in IE 6.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
  *height: 13px;
  /* 3 */
  *width: 13px;
  /* 3 */ }

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Remove inner padding and border in Firefox 3+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * 1. Remove default vertical scrollbar in IE 6/7/8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */ }

/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

html,
button,
input,
select,
textarea {
  color: #222; }

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none; }

::selection {
  background: #b3d4fc;
  text-shadow: none; }

img {
  vertical-align: middle; }

fieldset {
  border: 0;
  margin: 0;
  padding: 0; }

textarea {
  resize: vertical; }

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0; }

p {
  font-family: "Helvetica", "Arial", sans-serif;
  color: #4D4D4D;
  font-size: 14px;
  line-height: 20px; }
  @media (min-width: 992px) {
    p {
      font-size: 16px;
      line-height: 22px; } }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  text-transform: uppercase;
  font-family: "FuturaHeavyRegular";
  font-size: 20px;
  line-height: 26px; }
  @media (min-width: 1200px) {
    h1, h2, h3, h4, h5, h6 {
      font-size: 28px;
      line-height: 32px; } }

input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="search"] {
  width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  padding-left: 20px;
  box-shadow: none; }

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

input[type=number] {
  -moz-appearance: textfield;
  /* Firefox */ }

select {
  width: 100%;
  height: 50px;
  background-color: #fff;
  border: 1px solid #ccc;
  color: #013A70;
  padding-left: 10px;
  text-transform: uppercase;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("images/down-arrow.png");
  background-repeat: no-repeat;
  background-size: 10px;
  background-position: right 10px top 22px; }

textarea {
  width: 100%;
  height: auto;
  border: 1px solid #ccc;
  padding: 20px;
  font-family: sans-serif; }

.btn, .white-rounded, .blue-rounded, .alm-load-more-btn.more, .form-submit input[type="submit"], .contact-form button[type="submit"],
.contact-form .frm_style_formidable-style.with_frm_style .frm_submit button, .submit-calculations input[type="submit"], .trade-registration input[type="submit"] {
  display: inline-block !important;
  position: relative !important;
  width: auto !important;
  padding: 10px 30px !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-size: 14px !important;
  line-height: 14px !important;
  font-family: "FuturaHeavyRegular" !important;
  transition: all .3s ease; }
  @media (min-width: 992px) {
    .btn, .white-rounded, .blue-rounded, .alm-load-more-btn.more, .form-submit input[type="submit"], .contact-form button[type="submit"],
    .contact-form .frm_style_formidable-style.with_frm_style .frm_submit button, .submit-calculations input[type="submit"], .trade-registration input[type="submit"] {
      font-size: 16px !important;
      line-height: 16px !important; } }

.white-rounded {
  border-radius: 40px !important;
  border-color: #fff !important;
  color: #fff !important;
  text-transform: uppercase !important; }
  .white-rounded:hover {
    background-color: #fff !important;
    color: #013A70 !important; }

.blue-rounded, .alm-load-more-btn.more, .form-submit input[type="submit"], .contact-form button[type="submit"],
.contact-form .frm_style_formidable-style.with_frm_style .frm_submit button {
  border-radius: 40px !important;
  border-color: #013A70 !important;
  color: #013A70 !important;
  text-transform: uppercase !important; }
  .blue-rounded:hover, .alm-load-more-btn.more:hover, .form-submit input[type="submit"]:hover, .contact-form button[type="submit"]:hover,
  .contact-form .frm_style_formidable-style.with_frm_style .frm_submit button:hover {
    background-color: #013A70 !important;
    color: #fff !important; }

html {
  background-color: #fff;
  font-family: "Helvetica", "Arial", sans-serif;
  overflow-y: scroll;
  min-height: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased; }

body, html {
  background-color: #fafafa;
  font-family: "Helvetica", "Arial", sans-serif; }

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

*, *::before, *::after {
  /*! autoprefixer: off */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit; }

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

a {
  text-decoration: none; }

.post-edit-link {
  color: #666;
  padding: 10px; }
  .post-edit-link:visited {
    color: #666; }

.c-container {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important; }

.line-seperator {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  height: 1px;
  background-color: #FBCA00; }

.woocommerce-notices-wrapper,
.woocommerce-form-coupon-toggle {
  max-width: 1152px !important;
  margin: 20px auto; }

.woocommerce-message,
.woocommerce-info {
  max-width: 1152px !important;
  margin-left: auto;
  margin-right: auto;
  border-top-color: #013A70 !important;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; }
  .woocommerce-message a,
  .woocommerce-info a {
    order: 2; }
  .woocommerce-message:before,
  .woocommerce-info:before {
    display: none !important; }

.return-to-shop {
  display: none;
  visibility: hidden;
  max-width: 1152px !important;
  margin-left: auto;
  margin-right: auto; }

.woocommerce a.button {
  border-radius: 30px !important;
  padding: 15px 20px !important;
  background-color: transparent !important;
  border: 1px solid #013A70;
  color: #013A70 !important;
  text-transform: uppercase;
  font-family: "FuturaMedium";
  transition: all .3s ease; }
  .woocommerce a.button:hover {
    background-color: #013A70 !important;
    color: #fff !important; }

.alm-reveal {
  display: flex;
  width: 100%;
  flex-wrap: wrap; }

.search-results h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  color: #013A70; }
  .search-results h1:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-right: 3%; }
    @media (min-width: 768px) {
      .search-results h1:before {
        width: 100px; } }
  .search-results h1:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-left: 3%; }
    @media (min-width: 768px) {
      .search-results h1:after {
        width: 100px; } }
.search-results .site-main {
  padding-top: 60px;
  padding-bottom: 60px; }

.nav-previous a,
.nav-next a {
  text-transform: uppercase;
  color: #013A70;
  font-family: "FuturaHeavyRegular"; }
  .nav-previous a:visted,
  .nav-next a:visted {
    color: #013A70; }
  .nav-previous a:hover,
  .nav-next a:hover {
    color: #FBCA00; }

.nav-previous {
  float: left; }

.nav-next {
  float: right; }

@media (min-width: 768px) {
  .nav-links {
    margin: 0 40px; } }

.site-header {
  background-color: #013A70;
  z-index: 10;
  position: sticky;
  top: 0; }
  .site-header.is-fixed {
    -webkit-box-shadow: 0px 11px 15px -8px rgba(0, 0, 0, 0.43);
    box-shadow: 0px 11px 15px -8px rgba(0, 0, 0, 0.43); }

.header-content {
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  padding: 0;
  display: flex;
  flex-direction: column;
  padding-right: 0 !important;
  padding-left: 0 !important; }
  @media (min-width: 992px) {
    .header-content {
      flex-direction: row;
      align-items: center;
      padding: 20px 20px !important; } }
  @media (min-width: 1366px) {
    .header-content {
      padding: 20px 0 !important; } }

.header-top {
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  padding: 10px 0;
  background-color: #013f7a;
  order: 1;
  width: 100%; }
  @media (min-width: 768px) {
    .header-top {
      justify-content: space-around; } }
  @media (min-width: 992px) {
    .header-top {
      width: 15%;
      background-color: #013A70;
      padding: 0;
      justify-content: flex-start; } }
  .header-top a {
    color: #fff; }
    .header-top a:visited {
      color: #fff; }
  .header-top img {
    width: 100%;
    max-width: 150px; }
    @media (min-width: 1200px) {
      .header-top img {
        max-width: 150px; } }

.header-actions {
  display: flex;
  width: 100%;
  background-color: #013A70;
  padding: 10px 0;
  order: 2; }
  @media (min-width: 992px) {
    .header-actions {
      order: 3;
      justify-content: space-evenly;
      width: 50%;
      padding: 0;
      margin-left: auto; } }
  .header-actions a {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1 0 auto;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0 0 0; }
    @media (max-width: 991px) {
      .header-actions a:nth-of-type(2) {
        border-left: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2); } }
    @media (min-width: 992px) {
      .header-actions a {
        flex: unset;
        width: 25%;
        padding: 0;
        font-size: 10px;
        line-height: 12px; } }
    @media (min-width: 1200px) {
      .header-actions a {
        font-size: 12px;
        line-height: 14px; } }
    @media (min-width: 1366px) {
      .header-actions a {
        width: auto; } }
    .header-actions a:before {
      content: "";
      display: block;
      position: relative;
      width: 30px;
      height: 30px;
      margin-right: 5px;
      background-repeat: no-repeat;
      background-size: 30px;
      background-position: center; }
      @media (min-width: 992px) {
        .header-actions a:before {
          height: 50px; } }
    .header-actions a span {
      width: auto;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      font-family: "FuturaHeavyRegular";
      font-size: 12px;
      line-height: 14px; }
      @media (min-width: 992px) {
        .header-actions a span {
          align-items: flex-start; } }
      @media (min-width: 1366px) {
        .header-actions a span {
          font-size: 14px;
          line-height: 16px; } }
      .header-actions a span span {
        display: block; }
    .header-actions a:nth-of-type(1):before {
      background-image: url("images/fence-calculator-icon.png"); }
    .header-actions a:nth-of-type(2):before {
      background-image: url("images/help-and-advice-icon.png"); }
    .header-actions a:nth-of-type(3):before {
      background-image: url("images/trade-icon.png"); }
    .header-actions a:nth-of-type(4):before {
      background-image: url("images/account-icon.png"); }
    .header-actions a:nth-of-type(5):before {
      background-image: url("images/basket-icon.png"); }
    .header-actions a:hover span:not(.basketcount) {
      color: #FBCA00; }
  .header-actions .header-basket {
    width: auto; }

.mob-basket {
  display: none !important;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px; }
  @media (max-width: 991px) {
    .mob-basket {
      display: flex !important;
      position: relative;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: auto; } }
  .mob-basket:before {
    content: "";
    display: block;
    position: relative;
    width: 30px;
    height: 30px;
    background-image: url("images/basket-icon.png");
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: center;
    margin-bottom: 5px; }

.menu-toggle {
  display: none !important;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase;
  font-size: 12px;
  line-height: 12px; }
  @media (max-width: 991px) {
    .menu-toggle {
      display: flex !important;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: auto; } }
  .menu-toggle:before {
    content: "";
    display: block;
    position: relative;
    width: 20px;
    height: 20px;
    background-image: url("images/menu-icon.png");
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: center;
    margin-bottom: 5px;
    border: 2px solid #FBCA00;
    border-radius: 100%;
    padding: 15px; }

@media (max-width: 991px) {
  .calculator {
    order: 1; }

  .account-link {
    order: 2; }

  .trade-link {
    order: 3; } }
.help-advice-link {
  display: flex !important; }
  @media (max-width: 991px) {
    .help-advice-link {
      display: none !important;
      width: auto; } }

.header-basket {
  display: flex !important; }
  @media (max-width: 991px) {
    .header-basket {
      display: none !important;
      width: auto; } }

.site-search {
  display: flex;
  justify-content: center;
  padding: 15px 20px;
  background-color: #fff;
  order: 3;
  border-bottom: 1px solid #FBCA00; }
  @media (min-width: 992px) {
    .site-search {
      order: 2;
      padding: 0;
      width: 30%;
      margin-left: 2%;
      background-color: #013A70;
      border-bottom: 0; } }
  .site-search input[type="text"] {
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border: 2px solid #FBCA00;
    border-right: 0;
    color: #969696;
    font-size: 12px;
    line-height: 12px;
    font-family: "FuturaMedium";
    height: 46px; }
    @media (min-width: 768px) {
      .site-search input[type="text"] {
        width: 50%; } }
    @media (min-width: 992px) {
      .site-search input[type="text"] {
        margin-left: 0;
        width: 75%; } }
    .site-search input[type="text"]::placeholder {
      text-transform: uppercase;
      color: #969696; }
  .site-search button[type="submit"] {
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
    border: 2px solid #FBCA00;
    border-left: 0;
    background-color: #fff;
    width: 46px;
    height: 46px; }
    .site-search button[type="submit"] img {
      width: 100%;
      max-width: 23px; }

@media (min-width: 992px) {
  .page-overlay {
    position: fixed;
    display: none;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #000;
    opacity: .4;
    z-index: 2; } }
.menu-opened {
  position: fixed;
  top: 0;
  width: 100%; }

.basketcount {
  position: absolute;
  top: -5px;
  right: -5px;
  display: flex;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 100%;
  width: 20px !important;
  height: 20px !important;
  background-color: #FBCA00;
  font-family: sans-serif !important;
  color: #013A70;
  font-size: 12px !important;
  line-height: 12px !important; }
  @media (min-width: 992px) {
    .basketcount {
      top: 5px;
      right: 0; } }

.page-footer {
  padding: 30px 0;
  background-color: #013A70; }
  @media (min-width: 1200px) {
    .page-footer {
      padding: 50px 0; } }

.footer.content {
  display: flex;
  flex-direction: column;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important; }
  @media (min-width: 768px) {
    .footer.content {
      flex-direction: row; } }

.col-heading {
  text-transform: uppercase;
  color: #fff;
  font-size: 18px;
  line-height: 18px;
  font-family: "FuturaHeavyRegular";
  margin-bottom: 15px; }
  @media (min-width: 768px) {
    .col-heading {
      font-size: 14px;
      line-height: 14px; } }
  @media (min-width: 1200px) {
    .col-heading {
      font-size: 18px;
      line-height: 18px; } }

.footer-col li:not(:last-of-type) {
  margin-bottom: 10px; }
.footer-col li a {
  color: #fff; }
  .footer-col li a:visted {
    color: #fff; }
  .footer-col li a:hover {
    text-decoration: underline; }

.footer-left {
  display: inline-block;
  width: 100%;
  height: auto;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .footer-left {
      width: 40%;
      margin-bottom: 0; } }
  @media (min-width: 1200px) {
    .footer-left {
      width: 50%; } }
  .footer-left .col-heading {
    margin-bottom: 20px; }
  .footer-left p {
    margin-bottom: 20px;
    color: #fff;
    font-size: 14px;
    line-height: 16px; }
    @media (min-width: 768px) {
      .footer-left p {
        font-size: 12px;
        padding-right: 30px; } }
    @media (min-width: 1200px) {
      .footer-left p {
        font-size: 14px; } }
  .footer-left .frm_forms {
    max-width: 100% !important; }
    @media (min-width: 992px) {
      .footer-left .frm_forms {
        max-width: 90% !important; } }
    @media (min-width: 1200px) {
      .footer-left .frm_forms {
        max-width: 75% !important; } }
  .footer-left .frm_fields_container {
    display: flex !important; }
  .footer-left .frm_inside_container {
    padding-top: 0 !important; }
  .footer-left .frm_primary_label {
    display: none !important;
    visibility: hidden; }
  .footer-left .frm_form_field {
    margin-bottom: 0 !important;
    width: 80% !important; }
    @media (min-width: 768px) {
      .footer-left .frm_form_field {
        width: 65% !important; } }
    @media (min-width: 992px) {
      .footer-left .frm_form_field {
        width: 80% !important; } }
  .footer-left #frm_field_9_container {
    display: none; }
  .footer-left .frm_submit {
    width: 50%;
    margin-left: -40px; }
    @media (min-width: 768px) {
      .footer-left .frm_submit {
        width: 35%; } }
    @media (min-width: 992px) {
      .footer-left .frm_submit {
        margin-left: -40px;
        width: 30%; } }
  .footer-left .frm_button_submit {
    margin: 0 !important; }
  .footer-left .with_frm_style input[type=text] {
    height: 50px !important;
    width: 100% !important;
    font-family: "FuturaHeavyRegular" !important;
    padding-left: 20px !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    border: 2px solid #FBCA00 !important;
    font-size: 14px !important; }
    @media (min-width: 992px) {
      .footer-left .with_frm_style input[type=text] {
        border-right: 0 !important; } }
  .footer-left .frm_button_submit {
    position: relative;
    width: 100% !important;
    height: 50px !important;
    border: 2px solid #FBCA00 !important;
    border-top-right-radius: 25px !important;
    border-bottom-right-radius: 25px !important;
    border-top-left-radius: 25px !important;
    border-bottom-left-radius: 25px !important;
    background-color: #FBCA00 !important;
    color: #013A70 !important;
    font-family: "FuturaHeavyRegular" !important;
    text-transform: uppercase !important;
    transition: all .3s ease;
    font-size: 12px !important;
    box-shadow: none !important; }
    @media (min-width: 1200px) {
      .footer-left .frm_button_submit {
        font-size: 16px !important; } }
    .footer-left .frm_button_submit:hover {
      background-color: #fff !important;
      border: 2px solid #FBCA00 !important;
      border-left: 2px solid #FBCA00 !important; }
  .footer-left .frm_error {
    font-family: sans-serif !important;
    font-size: 12px !important;
    margin-top: 5px !important; }

.footer-right {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  height: auto; }
  @media (min-width: 768px) {
    .footer-right {
      width: 60%;
      flex-direction: row;
      flex-wrap: wrap; } }
  @media (min-width: 1200px) {
    .footer-right {
      width: 50%; } }
  .footer-right .footer-col {
    width: 100%;
    margin-bottom: 40px; }
    @media (min-width: 768px) {
      .footer-right .footer-col {
        width: 40%;
        margin-bottom: 0; } }
    @media (min-width: 1200px) {
      .footer-right .footer-col {
        width: 50%; } }
    .footer-right .footer-col:nth-of-type(2) {
      margin-bottom: 0;
      width: 100%; }
      @media (min-width: 768px) {
        .footer-right .footer-col:nth-of-type(2) {
          width: 60%;
          margin-bottom: 0; } }
      @media (min-width: 1200px) {
        .footer-right .footer-col:nth-of-type(2) {
          width: 50%; } }
      .footer-right .footer-col:nth-of-type(2) ul {
        display: inline-flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 20px; }
        @media (min-width: 768px) {
          .footer-right .footer-col:nth-of-type(2) ul {
            width: 49%; } }
        .footer-right .footer-col:nth-of-type(2) ul + ul {
          margin-bottom: 0; }
    .footer-right .footer-col li a {
      font-size: 14px;
      line-height: 16px; }
      @media (min-width: 768px) {
        .footer-right .footer-col li a {
          font-size: 12px;
          line-height: 16px; } }
      @media (min-width: 1200px) {
        .footer-right .footer-col li a {
          font-size: 14px;
          line-height: 16px; } }

.footer-col--full {
  display: block;
  width: 100%;
  height: auto;
  margin-top: 40px; }
  @media (min-width: 768px) {
    .footer-col--full {
      margin-top: 15px; } }
  @media (min-width: 1200px) {
    .footer-col--full {
      margin-top: 20px; } }
  .footer-col--full address {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 22px;
    color: #fff; }
    @media (min-width: 768px) {
      .footer-col--full address {
        font-size: 12px;
        line-height: 16px; } }
    @media (min-width: 1200px) {
      .footer-col--full address {
        font-size: 14px;
        line-height: 18px; } }
  .footer-col--full ul {
    display: flex;
    flex-direction: column;
    width: 100%; }
    @media (min-width: 768px) {
      .footer-col--full ul {
        flex-direction: row; } }
  .footer-col--full li {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding-left: 30px; }
    .footer-col--full li:not(:last-of-type) {
      margin-bottom: 20px; }
      @media (min-width: 768px) {
        .footer-col--full li:not(:last-of-type) {
          margin-bottom: 0; } }
    .footer-col--full li a {
      color: #fff;
      font-size: 14px;
      line-height: 14px; }
      @media (min-width: 768px) {
        .footer-col--full li a {
          font-size: 12px;
          line-height: 12px; } }
      @media (min-width: 1200px) {
        .footer-col--full li a {
          font-size: 14px;
          line-height: 14px; } }
      .footer-col--full li a:hover {
        text-decoration: underline; }
    .footer-col--full li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      width: 20px;
      height: 20px;
      background-image: url("images/email-sml-icon.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: 20px; }
    .footer-col--full li:first-of-type {
      margin-right: 40px; }
      .footer-col--full li:first-of-type:before {
        background-image: url("images/phone-sml.png"); }

.socials {
  display: flex;
  position: relative;
  width: 100%;
  margin-top: 20px; }
  .socials li {
    width: 35px;
    height: 35px; }
    .socials li a {
      color: #fff; }
    .socials li:not(:last-of-type) {
      margin-right: 8px; }

.footer-bottom {
  padding: 30px 0; }
  .footer-bottom p {
    display: block;
    align-items: center;
    font-size: 12px; }
    @media (min-width: 768px) {
      .footer-bottom p {
        display: flex; } }
    @media (min-width: 1200px) {
      .footer-bottom p {
        font-size: 14px; } }
    .footer-bottom p a {
      color: #666;
      text-decoration: underline; }
      .footer-bottom p a:visited {
        color: #666;
        text-decoration: underline; }
      .footer-bottom p a:hover {
        color: #FBCA00; }
    .footer-bottom p img {
      display: block;
      width: 100%;
      max-width: 250px;
      margin-top: 20px; }
      @media (min-width: 768px) {
        .footer-bottom p img {
          display: inline-block;
          margin-left: auto;
          margin-top: 0; } }

.key-messages {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 10px 0;
  background-color: #fff; }
  @media (min-width: 1200px) {
    .key-messages .slick-track {
      width: 100% !important;
      margin-left: auto;
      margin-right: auto; } }
  .key-messages ul {
    display: block;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    max-width: 1200px !important; }
  .key-messages li {
    display: inline-block;
    position: relative;
    padding-left: 45px;
    padding-right: 10px;
    min-height: 45px; }
    @media (min-width: 1200px) {
      .key-messages li {
        width: 25% !important; } }
    .key-messages li:before {
      content: "";
      display: inline-block;
      position: absolute;
      left: 0;
      width: 40px;
      height: 40px;
      background-repeat: no-repeat;
      background-size: 40px;
      background-position: center; }
  .key-messages .delivery-key:before {
    background-image: url("images/delivery-icon.png"); }
  .key-messages .manufacturer-key:before {
    background-image: url("images/manufacturer-icon.png"); }
  .key-messages .discount-key:before {
    background-image: url("images/discount-icon.png"); }
  .key-messages .trade-key:before {
    background-image: url("images/trade-discounts.png"); }
  .key-messages .key-heading {
    color: #013A70;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    margin-bottom: 3px;
    margin-top: 7px;
    font-size: 14px; }
    .key-messages .key-heading a {
      color: #013A70 !important; }
      .key-messages .key-heading a:hover {
        text-decoration: underline !important; }
      .key-messages .key-heading a:visited {
        color: #013A70 !important; }
  .key-messages p {
    font-family: "FuturaMedium";
    font-size: 14px;
    line-height: 18px;
    color: #969696; }

.global-breadcrumb {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px 0; }
  .product-template-default .global-breadcrumb {
    background-color: #fafafa; }
  .global-breadcrumb ul {
    display: flex;
    align-items: center;
    justify-content: center; }
  .global-breadcrumb li {
    position: relative;
    font-size: 14px;
    line-height: 14px;
    color: #ccc; }
    .global-breadcrumb li a {
      color: #ccc; }
      .global-breadcrumb li a:visited {
        color: #ccc; }
      .global-breadcrumb li a:hover {
        color: #013A70; }
    .global-breadcrumb li:not(:first-of-type) p {
      color: #ccc; }
      .global-breadcrumb li:not(:first-of-type) p:before {
        content: "/";
        display: inline-block;
        position: relative;
        font-size: 14px;
        line-height: 14px;
        margin: 0 10px; }

.instagram {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 60px;
  padding-top: 60px; }
  .instagram h4 {
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #013A70;
    line-height: 26px;
    margin-bottom: 40px; }
    .instagram h4 a {
      color: #FBCA00; }
      .instagram h4 a:visited {
        color: #FBCA00; }
      .instagram h4 a:hover {
        text-decoration: underline; }
  .instagram ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto; }
  .instagram li {
    width: 49%;
    margin-right: 1%;
    margin-bottom: 1%; }
    .instagram li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .instagram li {
        width: 19.2%;
        margin-bottom: 0; }
        .instagram li:nth-of-type(2n) {
          margin-right: 1%; }
        .instagram li:nth-of-type(5n) {
          margin-right: 0; } }

.reviews {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 60px;
  margin-bottom: 60px; }

.error-404 {
  width: 100%;
  max-width: 1152px;
  margin: 100px auto; }
  .error-404 h1 {
    font-size: 90px;
    line-height: 100px;
    font-family: "FuturaHeavyRegular";
    color: #013A70;
    text-align: center; }
  .error-404 h2 {
    font-size: 40px;
    line-height: 50px;
    font-family: "FuturaMedium";
    color: #013A70;
    text-align: center;
    margin-bottom: 20px; }
  .error-404 .page-content {
    text-align: center; }
    .error-404 .page-content p {
      max-width: 80%;
      margin: 0 auto; }

nav.primary {
  width: 100%;
  background-color: #003565;
  margin-top: 0;
  z-index: 10;
  -webkit-box-shadow: 0px 7px 12px -9px rgba(0, 0, 0, 0);
  box-shadow: 0px 7px 12px -9px rgba(0, 0, 0, 0);
  display: none; }
  @media (min-width: 992px) {
    nav.primary {
      display: block; } }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 {
  display: flex !important;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  position: relative !important;
  padding: 0 !important; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
  flex: 1 0 auto !important;
  display: inline-block !important;
  text-align: center !important;
  color: #fff !important;
  font-family: "FuturaHeavyRegular" !important;
  text-transform: uppercase !important;
  font-size: 12px !important;
  line-height: 12px !important;
  	/*&:last-of-type {
  		background-color: $yellow!important;
  		color: $blue2!important;
  					
  		a.mega-menu-link {
  			color: $blue2!important;
  			transition: all .3s ease;
  
  			&:visited {
  				color: $blue2!important;
  			}
  		}
  
  		&:hover {
  						
  			a.mega-menu-link {
  				color: $blue2!important;
  			}
  		}
  
  		&.mega-current-menu-item {
  			
  			a {
  				background-color: $yellow!important;
  				color: $blue2!important;
  			}
  		}
  	}*/ }
  @media (min-width: 1200px) {
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item {
      font-size: 14px !important;
      line-height: 14px !important; } }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-of-type) {
    border-right: 1px solid #014789 !important;
    transition: all .3s ease; }
    #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-of-type):hover a {
      background-color: #fff;
      color: #013A70 !important;
      transition: all .3s ease; }
      #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-of-type):hover a:visited {
        color: #013A70 !important; }
        #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:not(:last-of-type):hover a:visited:hover {
          color: #013A70 !important; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-of-type > a.mega-menu-link:hover {
  background: #fff !important; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:last-of-type:hover a.mega-menu-link {
  color: #013A70 !important; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link {
  color: #fff !important;
  text-align: center !important;
  text-transform: uppercase !important;
  padding: 1px 15px 10px 15px !important; }
  #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:visited {
    color: #fff !important; }

.sub-heading {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 20px;
  text-transform: uppercase !important;
  color: #013A70 !important; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu {
  -webkit-box-shadow: 0px 11px 9px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 11px 9px 1px rgba(0, 0, 0, 0.3); }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-row {
  display: flex; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu > li.mega-menu-columns-2-of-12 {
  height: 100%;
  align-items: flex-start; }

#mega-menu-wrap-menu-1 #mega-menu-menu-1 li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {
  padding: 0 !important; }

.mega-menu-column {
  padding: 0 25px !important; }
  .mega-menu-column:first-of-type {
    padding: 0 !important;
    border-right: 1px solid #FBCA00 !important; }
    .mega-menu-column:first-of-type .mega-menu-item-type-widget {
      padding: 0 !important; }
  .mega-menu-column:last-of-type {
    padding: 0 !important; }
  .mega-menu-column .sub-heading {
    margin-bottom: 10px;
    margin-top: 10px; }

.widget_media_image {
  padding: 0 !important; }

.menu li a {
  font-family: "Helvetica", "Arial", sans-serif !important;
  padding: 0 !important;
  color: #333 !important;
  text-transform: capitalize !important; }
  .menu li a:hover {
    text-decoration: underline;
    color: #013A70 !important; }

.menu-item {
  font-size: 14px;
  line-height: 18px;
  margin-bottom: 5px; }

.mega-sub-menu .custom-html-widget a {
  font-family: "Helvetica", "Arial", sans-serif !important;
  padding: 0 !important;
  color: #333 !important;
  text-transform: capitalize !important; }
  .mega-sub-menu .custom-html-widget a:hover {
    text-decoration: underline;
    color: #013A70 !important; }
  .mega-sub-menu .custom-html-widget a:visited {
    color: #333 !important; }

.drilldown {
  display: none; }
  @media (max-width: 991px) {
    .drilldown {
      display: block; } }

.c-close {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px; }
  .c-close img {
    width: 100%;
    max-width: 20px; }

.navbar {
  min-height: 10px;
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }

.menu-mobile {
  display: block;
  top: 0 !important;
  left: 0;
  position: fixed;
  width: 300px;
  z-index: 999999;
  height: 100%;
  background: #fff;
  padding: 0;
  -webkit-transform: translate3d(-300px, 0, 0);
  transform: translate3d(-300px, 0, 0);
  -ms-transform: translate3d(-300px, 0, 0);
  -o-transform: translate3d(-300px, 0, 0);
  -moz-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94); }

.menu-mobile.opened {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  width: 90%; }

.menu-mobile.opened {
  left: 0; }
.menu-mobile .mm-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch; }
.menu-mobile .mobile-menu--container {
  height: 100%;
  width: 100%;
  padding: 10px 10px;
  overflow-x: hidden;
  overflow-y: auto; }
.menu-mobile .dropdown-inner {
  position: relative; }
.menu-mobile li {
  display: block;
  position: relative;
  clear: both;
  width: 100%;
  font-family: "FuturaHeavyRegular";
  font-size: 18px;
  background-color: #fff;
  border-bottom: 1px solid #013A70; }
  .menu-mobile li a {
    text-transform: uppercase;
    padding: 15px;
    display: block;
    line-height: 26px;
    color: #013A70; }
.menu-mobile .dropdown-link span {
  color: #013A70; }
.menu-mobile .dropdown {
  position: static;
  border-bottom: 1px solid #013A70; }
.menu-mobile .expand {
  width: 100%;
  color: #013A70;
  z-index: 5;
  height: 46px;
  line-height: 50px;
  text-align: right;
  padding: 0 0 0 15px;
  cursor: pointer;
  position: absolute;
  display: block;
  top: 0;
  right: 0; }
  .menu-mobile .expand:before {
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    float: right;
    line-height: 46px;
    -moz-transition: all 0.35s ease 0s;
    -o-transition: all 0.35s ease 0s;
    -webkit-transition: all 0.35s ease 0s;
    transition: all 0.35s ease 0s;
    background-image: url("./images/drill-arrow.png");
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: center 20px; }
.menu-mobile .dropdown-menu {
  clear: both;
  padding: 10px;
  float: none;
  border: none;
  visibility: visible;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100% !important;
  min-height: calc(100vh - 60px) !important;
  height: 100%;
  background: #fff !important;
  z-index: 9991;
  opacity: 1;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
  -moz-transition: transform 0.4s ease;
  -o-transition: transform 0.4s ease;
  -webkit-transition: transform 0.4s ease;
  transition: transform 0.4s ease;
  -webkit-box-shadow: 0 0 0 #fff;
  -ms-transform: 0 0 0 #fff;
  -o-transform: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff; }
  .menu-mobile .dropdown-menu li:last-of-type {
    background-color: #fff;
    border-bottom: 0; }
    .menu-mobile .dropdown-menu li:last-of-type a {
      color: #013A70; }
.menu-mobile .menu-mobile-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0); }
.menu-mobile .back-prev-menu {
  position: relative;
  height: 46px;
  font-weight: 400;
  text-align: center;
  padding: 0;
  text-transform: uppercase;
  color: #013A70;
  background: #FBCA00;
  border-bottom: 0; }
  .menu-mobile .back-prev-menu span {
    text-align: left;
    color: #013A70;
    padding-left: 0;
    text-transform: uppercase;
    line-height: 46px;
    text-transform: uppercase; }
.menu-mobile .back:before {
  float: left;
  padding-left: 0;
  content: "";
  background-image: url("./images/drill-back-arrow.png");
  background-repeat: no-repeat;
  background-size: 8px;
  background-position: center; }

.mobile-menu--secondary {
  padding-top: 15px; }
  .mobile-menu--secondary li {
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 0;
    padding-left: 40px; }
    .mobile-menu--secondary li:before {
      content: "";
      display: inline-block;
      position: absolute; }
  .mobile-menu--secondary .helpBtn:before {
    background-image: url("images/mobile/help-and-advice-icon.png");
    width: 30px;
    background-size: 30px auto;
    height: 30px;
    left: 15px; }
  .mobile-menu--secondary .accountBtn:before {
    background-image: url("images/mobile/account-icon.png");
    width: 30px;
    background-size: 30px auto;
    height: 30px;
    left: 15px; }

.mobile-contact {
  display: block;
  position: relative;
  width: 100%;
  padding: 15px;
  font-size: 18px; }
  .mobile-contact .contact-title {
    font-family: "FuturaHeavyRegular";
    color: #013A70;
    margin-bottom: 20px;
    text-transform: uppercase; }
  .mobile-contact a {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
    color: #333;
    padding-left: 30px;
    font-size: 16px;
    line-height: 16px; }
  .mobile-contact .telBtn:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    background-image: url("images/mobile/phone-icon.png");
    left: 0; }
  .mobile-contact .emailBtn:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-size: 20px auto;
    background-image: url("images/mobile/email-icon.png");
    left: 0; }

.mobile-socials {
  display: flex;
  width: 100%;
  margin-top: 30px; }
  .mobile-socials li {
    border-bottom: 0;
    width: auto;
    margin-right: 10px; }
    .mobile-socials li a {
      padding: 0;
      margin: 0; }
      .mobile-socials li a:before {
        display: none; }
  .mobile-socials img {
    width: 100%;
    max-width: 35px; }

.products {
  width: 100%; }
  .products li {
    background-color: #fff;
    border: 2px solid #fff;
    transition: all .3s ease;
    text-align: center;
    padding: 60px 0 !important; }
    .products li:hover {
      border: 2px solid #FBCA00; }
    .products li img {
      width: 100%;
      height: auto; }
  .products .price {
    display: flex !important;
    flex-direction: column;
    font-family: "FuturaHeavyRegular" !important;
    margin-bottom: 15px !important;
    color: #013A70 !important; }
    .products .price span {
      font-size: 24px !important;
      line-height: 24px !important; }
      @media (min-width: 1200px) {
        .products .price span {
          font-size: 30px !important;
          line-height: 30px !important; } }
    .products .price del {
      margin-bottom: 20px; }
    .products .price ins {
      text-decoration: none !important; }
    .products .price .woocommerce-price-suffix {
      display: block;
      position: relative;
      margin-top: 5px; }

.woocommerce-loop-product__link img {
  padding: 0 10px; }

.woocommerce-loop-product__title {
  text-transform: uppercase;
  color: #013A70;
  font-size: 18px !important;
  line-height: 24px !important;
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 0 20px; }
  @media (min-width: 768px) {
    .woocommerce-loop-product__title {
      font-size: 14px !important;
      line-height: 20px !important;
      min-height: 90px; } }
  @media (min-width: 1200px) {
    .woocommerce-loop-product__title {
      font-size: 18px !important;
      line-height: 24px !important; } }

.price {
  display: block;
  color: #013A70; }

.shop-now, .delivery-callout .callout-text--block a, .category-callout .callout-text--block a, .cat-products li p a {
  display: inline-block;
  position: relative;
  width: auto;
  padding: 10px 30px;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #013A70;
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase;
  transition: all .3s ease;
  margin-top: 30px; }
  .shop-now:hover, .delivery-callout .callout-text--block a:hover, .category-callout .callout-text--block a:hover, .cat-products li p a:hover {
    background-color: #FBCA00;
    border: 1px solid #FBCA00; }

.tax_label {
  display: none !important; }

.woocommerce-Price-amount.amount:after {
  content: "Inc VAT";
  display: block;
  position: relative;
  width: auto;
  height: auto;
  font-size: 12px;
  line-height: 12px;
  color: #013A70;
  margin-top: 5px; }

del .woocommerce-Price-amount.amount:after {
  font-size: 10px;
  line-height: 10px; }

.includes_tax .woocommerce-Price-amount.amount:after {
  display: none; }

.woocommerce-checkout-review-order-table tfoot tr:last-of-type .woocommerce-Price-amount.amount:after {
  display: none; }

.woocommerce ul#shipping_method .amount:after {
  display: inline-block;
  margin-left: 5px;
  margin-top: 0; }

.woocommerce table.shop_table tbody:first-child tr:first-child td .woocommerce-Price-amount.amount:after {
  display: inline-block;
  margin-left: 5px; }

.woocommerce-cart .cart-collaterals .cart_totals tr:not(:first-of-type) td .woocommerce-Price-amount.amount:after {
  display: none;
  margin-left: 5px;
  margin-top: 0; }

.woocommerce-checkout-review-order-table tbody .product-total .woocommerce-Price-amount.amount:after {
  display: inline-block;
  margin-left: 5px; }

.woocommerce table.shop_table tfoot td .woocommerce-Price-amount.amount:after {
  display: inline-block;
  margin-left: 5px; }

.homepage-banner {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 0; }
  .homepage-banner .slick-prev:before, .homepage-banner .slick-next:before {
    font-family: none;
    font-size: 0; }
  .homepage-banner .slick-prev,
  .homepage-banner .slick-next {
    z-index: 10;
    width: 50px;
    height: 50px;
    background-color: transparent;
    color: #fff;
    margin: 0;
    background-repeat: no-repeat;
    background-size: 40px;
    background-position: center; }
  .homepage-banner .slick-prev {
    background-image: url("images/icons/arrow-left.png");
    left: 20px; }
    @media (min-width: 768px) {
      .homepage-banner .slick-prev {
        left: 20px; } }
  .homepage-banner .slick-next {
    background-image: url("images/icons/arrow-right.png");
    right: 20px; }
    @media (min-width: 768px) {
      .homepage-banner .slick-next {
        right: 20px; } }
  .homepage-banner picture,
  .homepage-banner img {
    width: 100%; }

.fence-panels-supplies {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px; }
  .fence-panels-supplies h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    color: #013A70; }
    .fence-panels-supplies h1:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .fence-panels-supplies h1:before {
          width: 100px; } }
    .fence-panels-supplies h1:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .fence-panels-supplies h1:after {
          width: 100px; } }
  .fence-panels-supplies p {
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    @media (min-width: 768px) {
      .fence-panels-supplies p {
        max-width: 70%; } }
  .fence-panels-supplies ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px; }
  .fence-panels-supplies li {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 15px;
    overflow: hidden; }
    @media (min-width: 768px) {
      .fence-panels-supplies li {
        width: 49.5%;
        margin-right: 1%; }
        .fence-panels-supplies li:nth-of-type(2n) {
          margin-right: 0; } }
    .fence-panels-supplies li a {
      display: block;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
      .fence-panels-supplies li a:before {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: #013A70;
        opacity: .2;
        transition: all .3s ease; }
      .fence-panels-supplies li a:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        right: 100%;
        background-color: #FBCA00;
        width: 0;
        height: 100%;
        transition: all .3s ease; }
      .fence-panels-supplies li a:hover:before {
        left: unset;
        width: 100%;
        right: 0; }
      .fence-panels-supplies li a:hover:after {
        right: unset;
        width: 100%;
        left: 100%; }

.clearance-callout {
  display: block;
  position: relative;
  width: 100%;
  background-color: #ccc; }

.featured-products {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  background-color: #013A70;
  padding: 60px 0; }
  .featured-products h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
    position: relative; }
    .featured-products h2:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .featured-products h2:before {
          width: 100px; } }
    .featured-products h2:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .featured-products h2:after {
          width: 100px; } }
  .featured-products ul {
    display: none;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important; }
    @media (min-width: 1200px) {
      .featured-products ul {
        padding-left: 0;
        padding-right: 0; } }
    .featured-products ul.slick-initialized {
      display: block; }
  .featured-products .woocommerce-LoopProduct-link {
    display: block;
    width: 100%;
    height: 100%;
    font-family: "FuturaHeavyRegular";
    color: #013A70;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 12px; }
    .featured-products .woocommerce-LoopProduct-link .woocommerce-Price-amount {
      font-size: 28px;
      line-height: 28px; }
    .featured-products .woocommerce-LoopProduct-link .woocommerce-price-suffix {
      margin-top: 5px; }
  .featured-products li {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .featured-products .thumb-outer {
    display: block;
    position: relative;
    width: 100%;
    height: 230px;
    margin-bottom: 10px; }
    .featured-products .thumb-outer img {
      width: auto !important;
      height: 100% !important;
      margin: 0 auto !important;
      object-fit: contain; }
  .featured-products .woocommerce-loop-product__title {
    height: 60px; }
  .featured-products .price-outer {
    display: flex;
    flex-direction: column;
    height: 65px; }
  .featured-products del {
    margin-bottom: 5px; }
    .featured-products del .amount {
      font-size: 18px !important;
      line-height: 18px !important;
      color: #666; }

.carousel-bottom--navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px; }

.carousel-bottom--navigation .left,
.carousel-bottom--navigation .right {
  cursor: pointer; }
  .carousel-bottom--navigation .left img,
  .carousel-bottom--navigation .right img {
    width: 100%;
    max-width: 40px; }

.carousel-bottom--navigation .left {
  margin-right: 10px; }

.popular-categories {
  display: block;
  position: relative;
  width: 100%;
  padding: 30px 0;
  background-color: #fafafa; }
  @media (min-width: 992px) {
    .popular-categories {
      padding: 60px 0; } }
  .popular-categories h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #013A70;
    text-align: center;
    margin-bottom: 60px;
    position: relative; }
    .popular-categories h2:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .popular-categories h2:before {
          width: 100px; } }
    .popular-categories h2:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .popular-categories h2:after {
          width: 100px; } }
  .popular-categories ul {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    display: flex;
    flex-wrap: wrap; }
  .popular-categories li {
    width: 49%;
    margin-bottom: 25px;
    margin-right: 2%;
    background-color: #fff;
    padding: 5px;
    border: 2px solid #fff;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0);
    box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0); }
    .popular-categories li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .popular-categories li {
        margin-bottom: 0;
        width: 23.5%; }
        .popular-categories li:nth-of-type(2n) {
          margin-right: 2%; }
        .popular-categories li:nth-of-type(4n) {
          margin-right: 0; } }
    .popular-categories li:hover {
      border: 2px solid #FBCA00;
      -webkit-box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0.35); }
      .popular-categories li:hover .overlay-content {
        opacity: 1; }

.image-overlay {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .image-overlay .overlay-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 63, 136, 0.8);
    opacity: 0;
    transition: all .3s ease; }
  .image-overlay .shop-now, .image-overlay .delivery-callout .callout-text--block a, .delivery-callout .callout-text--block .image-overlay a, .image-overlay .category-callout .callout-text--block a, .category-callout .callout-text--block .image-overlay a, .image-overlay .cat-products li p a, .cat-products li p .image-overlay a {
    border: 1px solid #FBCA00;
    background-color: #FBCA00;
    margin-bottom: 0; }

.category-title {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  font-family: "FuturaHeavyRegular";
  color: #013A70;
  font-size: 14px;
  line-height: 14px; }
  @media (min-width: 1200px) {
    .category-title {
      font-size: 16px;
      line-height: 16px; } }
  .category-title a {
    color: #013A70; }
    .category-title a:visited {
      color: #013A70; }

.delivery-callout {
  display: block;
  position: relative;
  width: 100%;
  padding: 60px 0; }
  .delivery-callout .callout-container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .delivery-callout .callout-container {
        flex-direction: row;
        align-items: center; } }
    .delivery-callout .callout-container img {
      width: 100%;
      position: relative; }
  .delivery-callout .image-wrapper {
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .delivery-callout .image-wrapper {
        width: 50%; } }
    .delivery-callout .image-wrapper:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.1);
      z-index: 2; }
  .delivery-callout .callout-image--text {
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: #fff;
    text-transform: uppercase;
    font-family: "FuturaHeavyRegular";
    width: 90%;
    font-size: 20px;
    line-height: 30px;
    z-index: 4; }
    @media (min-width: 768px) {
      .delivery-callout .callout-image--text {
        width: 70%;
        left: 20px;
        bottom: 20px; } }
    @media (min-width: 1200px) {
      .delivery-callout .callout-image--text {
        font-size: 28px;
        line-height: 38px;
        left: 40px;
        bottom: 40px; } }
  .delivery-callout .callout-text--block {
    position: relative;
    background-color: #013A70;
    width: 100%;
    padding: 40px;
    z-index: 6; }
    @media (min-width: 768px) {
      .delivery-callout .callout-text--block {
        position: absolute;
        right: 0;
        width: 60%;
        padding: 40px; } }
    .delivery-callout .callout-text--block * {
      color: #fff; }
    .delivery-callout .callout-text--block h4 {
      margin-bottom: 20px; }
    .delivery-callout .callout-text--block p {
      margin-bottom: 40px; }
    .delivery-callout .callout-text--block a {
      margin-bottom: 0;
      margin-top: 0;
      background-color: #013A70;
      border: 1px solid #fff;
      color: #fff; }
      .delivery-callout .callout-text--block a:hover {
        background-color: #fff;
        border-color: #fff;
        color: #013A70; }

.why-shop {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 60px 0 40px 0;
  background-color: #013A70; }
  .why-shop h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
    position: relative; }
    @media (min-width: 768px) {
      .why-shop h3 {
        margin-bottom: 40px; } }
    .why-shop h3:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .why-shop h3:before {
          width: 100px; } }
    .why-shop h3:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .why-shop h3:after {
          width: 100px; } }

.icon-list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto; }
  .icon-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 20px; }
    .icon-list li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .icon-list li {
        width: 23.5%;
        margin-right: 2%; }
        .icon-list li:nth-of-type(2n) {
          margin-right: 2%; }
        .icon-list li:nth-of-type(4n) {
          margin-right: 0; } }
    @media (min-width: 1200px) {
      .icon-list li {
        margin-bottom: 40px; } }
  .icon-list .icon {
    margin-bottom: 20px; }
    .icon-list .icon img {
      width: 100%;
      max-width: 120px; }
      @media (min-width: 1200px) {
        .icon-list .icon img {
          max-width: 130px; } }
  .icon-list p {
    text-align: center;
    text-transform: uppercase;
    font-family: "FuturaHeavyRegular";
    font-size: 18px;
    line-height: 24px;
    color: #fff; }

.help-advice {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 60px 0 40px 0; }
  .help-advice h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    color: #013A70;
    position: relative; }
    .help-advice h4:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .help-advice h4:before {
          width: 100px; } }
    .help-advice h4:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .help-advice h4:after {
          width: 100px; } }
  .help-advice ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto; }
    .help-advice ul li {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 20px;
      transition: all .3s ease; }
      @media (min-width: 768px) {
        .help-advice ul li {
          width: 30.666%;
          margin-right: 4%; }
          .help-advice ul li:nth-of-type(2n) {
            margin-right: 4%; }
          .help-advice ul li:nth-of-type(3n) {
            margin-right: 0; } }
      @media (min-width: 1200px) {
        .help-advice ul li {
          margin-bottom: 40px; } }
      .help-advice ul li:hover .post-title--container {
        background-color: #FBCA00; }

.post-title--container {
  display: block;
  position: relative;
  width: 100%;
  padding: 30px 20px;
  transition: all .3s ease; }
  .post-title--container a {
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 20px;
    color: #013A70; }
    @media (min-width: 1200px) {
      .post-title--container a {
        font-size: 16px;
        line-height: 20px; } }
    .post-title--container a:visted {
      color: #013A70; }

.category-banner {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 0 20px 0; }

.category-intro {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .category-intro h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 30px;
    position: relative;
    color: #013A70; }
    .category-intro h1:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .category-intro h1:before {
          width: 100px; } }
    .category-intro h1:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .category-intro h1:after {
          width: 100px; } }
  .category-intro h2, .category-intro h3, .category-intro h4, .category-intro h5, .category-intro h6 {
    text-align: center;
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 20px;
    color: #013A70; }
  .category-intro p {
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto; }
    .category-intro p a {
      color: #4D4D4D;
      text-decoration: underline; }
      .category-intro p a:visited {
        color: #4D4D4D;
        text-decoration: underline; }
      .category-intro p a:hover {
        text-decoration: none; }
  .category-intro .term-description {
    padding-bottom: 20px; }

.readmore {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: auto;
  font-family: "FuturaHeavyRegular";
  margin: 40px 0; }

#more {
  display: none;
  margin-top: 20px; }

#readmore-btn {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  text-transform: uppercase;
  font-family: "FuturaHeavyRegular";
  color: #013A70;
  text-decoration: underline; }

.category-links {
  display: block;
  position: relative;
  width: 100%;
  padding: 30px 0;
  background-color: #fafafa; }
  @media (min-width: 992px) {
    .category-links {
      padding: 60px 0; } }
  .category-links ul {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important;
    display: flex;
    flex-wrap: wrap; }
  .category-links li {
    width: 49%;
    margin-bottom: 25px;
    margin-right: 2%;
    background-color: #fff;
    padding: 5px;
    border: 2px solid #fff;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0);
    box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0); }
    .category-links li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .category-links li {
        width: 23.5%; }
        .category-links li:nth-of-type(2n) {
          margin-right: 2%; }
        .category-links li:nth-of-type(4n) {
          margin-right: 0; } }
    .category-links li:hover {
      border: 2px solid #FBCA00;
      -webkit-box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0.35);
      box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0.35); }
      .category-links li:hover .overlay-content {
        opacity: 1; }

.image-overlay {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .image-overlay .overlay-content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 63, 136, 0.8);
    opacity: 0;
    transition: all .3s ease; }
  .image-overlay .shop-now, .image-overlay .delivery-callout .callout-text--block a, .delivery-callout .callout-text--block .image-overlay a, .image-overlay .category-callout .callout-text--block a, .category-callout .callout-text--block .image-overlay a, .image-overlay .cat-products li p a, .cat-products li p .image-overlay a {
    border: 1px solid #FBCA00;
    background-color: #FBCA00;
    margin-bottom: 0; }

.category-title {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 20px 0;
  text-align: center;
  text-transform: uppercase;
  color: #013A70;
  font-size: 14px;
  line-height: 14px; }
  @media (min-width: 1200px) {
    .category-title {
      font-size: 16px;
      line-height: 16px; } }
  .category-title a {
    color: #013A70; }
    .category-title a:visited {
      color: #013A70; }

.category-callout {
  display: block;
  position: relative;
  width: 100%;
  padding: 60px 0; }
  .category-callout .callout-container {
    display: flex;
    flex-direction: column;
    position: relative;
    width: 100%; }
    @media (min-width: 768px) {
      .category-callout .callout-container {
        flex-direction: row-reverse;
        align-items: center; } }
    .category-callout .callout-container img {
      width: 100%;
      position: relative; }
    @media (min-width: 768px) {
      .category-callout .callout-container:has(.image-wrapper) .image-wrapper {
        width: 50%; } }
    @media (min-width: 768px) {
      .category-callout .callout-container:has(.image-wrapper) .callout-text--block {
        width: 50%; } }
  .category-callout .image-wrapper {
    position: relative;
    width: 100%; }
  .category-callout .callout-image--text {
    position: absolute;
    left: 25px;
    bottom: 25px;
    color: #fff;
    text-transform: uppercase;
    width: 90%;
    font-size: 20px;
    line-height: 30px;
    z-index: 4; }
    @media (min-width: 768px) {
      .category-callout .callout-image--text {
        width: 70%;
        left: 20px;
        bottom: 20px; } }
    @media (min-width: 1200px) {
      .category-callout .callout-image--text {
        font-size: 30px;
        line-height: 40px;
        left: 40px;
        bottom: 40px; } }
  .category-callout .callout-text--block {
    position: relative;
    width: 100%;
    z-index: 6; }
    .category-callout .callout-text--block * {
      color: #fff; }
    .category-callout .callout-text--block:has(h4):has(p) {
      background-color: #013A70;
      padding: 40px; }
    .category-callout .callout-text--block h4 {
      margin-bottom: 20px; }
    .category-callout .callout-text--block p {
      margin-bottom: 40px; }
    .category-callout .callout-text--block a {
      margin-bottom: 0;
      background-color: #013A70;
      border: 1px solid #fff;
      color: #fff; }
      .category-callout .callout-text--block a:hover {
        color: #013A70; }

.calculator-callout {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 0 60px 0; }

.prod-filters {
  display: block;
  position: relative;
  width: 100%;
  height: auto; }
  .prod-filters .c-container {
    border-top: 1px solid #FBCA00;
    padding-top: 30px;
    padding-bottom: 30px; }

.filter-title {
  width: 100%;
  text-align: center;
  margin-bottom: 10px;
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase; }

.filters {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  margin-left: auto;
  margin-right: auto; }
  .filters .c-container {
    border-top: none !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  @media (min-width: 768px) {
    .filters {
      width: 100%; } }
  @media (min-width: 1200px) {
    .filters {
      width: 90%; } }
  .filters .woocommerce-widget-layered-nav {
    width: 100%; }
    @media (min-width: 768px) {
      .filters .woocommerce-widget-layered-nav {
        width: 20%; } }
  .filters .select2-selection__rendered {
    width: 100% !important;
    margin-bottom: 10px;
    padding-left: 15px !important;
    color: #013A70 !important;
    text-transform: uppercase;
    font-size: 12px !important;
    line-height: 12px !important;
    font-family: "FuturaHeavyRegular" !important; }
    @media (min-width: 768px) {
      .filters .select2-selection__rendered {
        width: auto !important;
        flex: 1;
        margin-bottom: 0; }
        .filters .select2-selection__rendered:not(:last-of-type) {
          margin-right: 5px; } }
  .filters .select2-selection__placeholder {
    color: #013A70 !important;
    text-transform: uppercase; }

.woocommerce-pagination {
  margin-bottom: 20px; }

.woocommerce nav.woocommerce-pagination ul {
  border: 0 !important; }

.woocommerce nav.woocommerce-pagination ul li {
  width: 40px !important;
  height: 40px !important;
  border-right: 0 !important; }
  .woocommerce nav.woocommerce-pagination ul li span {
    height: 40px !important;
    line-height: 25px !important;
    color: #013A70; }
  .woocommerce nav.woocommerce-pagination ul li .page-numbers {
    height: 40px;
    line-height: 25px;
    color: #013A70; }
    .woocommerce nav.woocommerce-pagination ul li .page-numbers:visited {
      color: #013A70; }

nav.woocommerce-pagination ul li a:hover {
  background-color: #FBCA00 !important;
  color: #013A70 !important; }

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: #013A70;
  color: #fff; }

@media (min-width: 768px) {
  .woocommerce .woocommerce-result-count {
    margin: 15px 0 0 40px !important; } }

@media (min-width: 768px) {
  .woocommerce .woocommerce-ordering {
    margin: 0 40px 0 0 !important; } }

.cat-products {
  display: flex;
  flex-wrap: wrap;
  width: 100% !important;
  max-width: 1200px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-right: 20px !important;
  padding-left: 20px !important;
  width: 100%;
  height: auto;
  padding: 20px 0 !important; }
  .cat-products li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 10px;
    text-align: center;
    background-color: #fff;
    border: 2px solid #fff;
    transition: all .3s ease;
    -webkit-box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0);
    box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0); }
    .cat-products li:hover {
      border: 2px solid #FBCA00; }
    .cat-products li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .cat-products li {
        width: 23.5%;
        margin-bottom: 2%; }
        .cat-products li:nth-of-type(2n) {
          margin-right: 2%; }
        .cat-products li:nth-of-type(4n) {
          margin-right: 0; } }
    .cat-products li:hover {
      -webkit-box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0.5);
      box-shadow: 0px 11px 14px -1px rgba(0, 0, 0, 0.3); }
    .cat-products li img {
      height: 200px;
      width: 100%; }
    .cat-products li .star-rating {
      margin-bottom: 10px;
      width: 100%; }
      .cat-products li .star-rating:before {
        width: 100%; }
      .cat-products li .star-rating span {
        width: 100%; }
        .cat-products li .star-rating span:before {
          right: 0;
          color: orange; }
    .cat-products li .shop-now, .cat-products li .delivery-callout .callout-text--block a, .delivery-callout .callout-text--block .cat-products li a, .cat-products li .category-callout .callout-text--block a, .category-callout .callout-text--block .cat-products li a, .cat-products li p a {
      margin-top: auto;
      width: 140px; }
    .cat-products li p a {
      width: 180px; }
  .cat-products .price {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    font-family: "FuturaHeavyRegular";
    margin-bottom: 20px; }
    .cat-products .price span {
      margin-top: 5px;
      font-size: 24px;
      line-height: 24px; }
      @media (min-width: 1200px) {
        .cat-products .price span {
          font-size: 30px;
          line-height: 30px; } }
  .cat-products .old-price {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px;
    font-size: 16px;
    line-height: 16px;
    color: #666;
    text-decoration: line-through; }
    .cat-products .old-price:before {
      content: "Was";
      display: inline-block;
      position: relative;
      font-size: 12px;
      line-height: 12px;
      margin-right: 5px;
      color: #666;
      text-transform: uppercase;
      text-decoration: line-through; }
  .cat-products del {
    margin-top: 5px;
    margin-bottom: 5px; }
    .cat-products del span {
      font-size: 18px !important;
      line-height: 18px !important;
      color: #666; }
  .cat-products ins {
    text-decoration: none; }
  .cat-products .woocommerce-price-suffix {
    display: block;
    position: relative;
    width: 100%;
    margin-top: 10px; }
  .cat-products .shop-now, .cat-products .delivery-callout .callout-text--block a, .delivery-callout .callout-text--block .cat-products a, .cat-products .category-callout .callout-text--block a, .category-callout .callout-text--block .cat-products a, .cat-products li p a {
    font-size: 12px;
    line-height: 12px; }
    @media (min-width: 1200px) {
      .cat-products .shop-now, .cat-products .delivery-callout .callout-text--block a, .delivery-callout .callout-text--block .cat-products a, .cat-products .category-callout .callout-text--block a, .category-callout .callout-text--block .cat-products a, .cat-products li p a {
        font-size: 14px;
        line-height: 14px; } }
  .cat-products .product-type-simple .wwp-wholesale-pricing-details p + p {
    margin-top: 10px; }

.sale-item {
  position: relative; }
  .sale-item:after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    right: 5px;
    width: 150px;
    height: 116px;
    background-image: url("images/sale.png");
    background-repeat: no-repeat;
    background-size: 75px;
    background-position: top right; }
  .sale-item .amount {
    color: #ac0317; }

.cat-products .wwp-wholesale-pricing-details p {
  font-family: "FuturaHeavyRegular";
  color: #013A70;
  font-size: 14px;
  line-height: 14px; }
  .cat-products .wwp-wholesale-pricing-details p + p .amount {
    display: none; }
  .cat-products .wwp-wholesale-pricing-details p .amount + .amount {
    display: none; }
.cat-products .wwp-wholesale-pricing-details .woocommerce-Price-amount {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-family: "FuturaHeavyRegular";
  margin-bottom: 20px; }
.cat-products .wwp-wholesale-pricing-details .price-text {
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  font-size: 16px !important;
  line-height: 16px !important; }
.cat-products .wwp-wholesale-pricing-details .save-price-text {
  font-size: 12px !important;
  line-height: 12px !important; }
.cat-products .wwp-wholesale-pricing-details bdi {
  color: #013A70; }
.cat-products .wwp-wholesale-pricing-details .amount {
  margin-bottom: 0; }
.cat-products .wwp-wholesale-pricing-details .old-price {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 10px;
  font-size: 16px;
  line-height: 16px;
  color: #666;
  text-decoration: line-through; }
  .cat-products .wwp-wholesale-pricing-details .old-price:before {
    content: "Was";
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 12px;
    margin-right: 5px;
    color: #666;
    text-transform: uppercase;
    text-decoration: line-through; }
.cat-products .wwp-wholesale-pricing-details del {
  margin-top: 5px;
  margin-bottom: 5px; }
  .cat-products .wwp-wholesale-pricing-details del span {
    font-size: 18px !important;
    line-height: 18px !important;
    color: #666; }
.cat-products .wwp-wholesale-pricing-details ins {
  text-decoration: none; }

.product-template-default {
  background-color: #fff; }

.product {
  display: block;
  position: relative;
  width: 100%;
  padding: 60px 0 0 0; }
  .product .c-container {
    display: flex;
    flex-direction: column; }
    @media (min-width: 768px) {
      .product .c-container {
        flex-direction: row; } }
  @media (min-width: 1200px) {
    .product {
      padding: 0 0 60px 0; } }

.product-media {
  width: 100%;
  margin-bottom: 30px;
  padding: 10px 0 10px 0; }
  @media (min-width: 768px) {
    .product-media {
      width: 50%;
      margin-bottom: 0;
      padding: 10px 40px 10px 0; } }

.product-main {
  width: 100%; }
  @media (min-width: 768px) {
    .product-main {
      width: 50%; } }

.woocommerce div.product div.images.woocommerce-product-gallery {
  width: 100%; }

.wpgs-for {
  display: none; }
  .wpgs-for.slick-initialized {
    display: block; }
  .wpgs-for img {
    width: 100% !important;
    padding: 0;
    border: 0;
    background-color: #fff; }

.wpgs-for.slick-initialized {
  padding: 0 60px; }

.flaticon-back {
  left: 0; }

.wpgs-for .slick-arrow::before,
.wpgs-nav .slick-prev::before,
.wpgs-nav .slick-next::before {
  color: #013A70 !important; }

.wpgs-nav {
  margin-top: 10px;
  padding: 0 30px; }
  .wpgs-nav .slick-list {
    margin-left: -5px;
    width: 99.999%; }
  .wpgs-nav .slick-slide {
    border: 1px solid #FBCA00;
    margin: 0 5px;
    cursor: pointer;
    transition: all .3s ease; }
    .wpgs-nav .slick-slide:hover {
      border: 1px solid #013A70; }
  .wpgs-nav .slick-prev {
    left: -10px !important;
    z-index: 5; }
  .wpgs-nav .slick-next {
    right: -10px !important;
    z-index: 5; }

.title-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px; }
  .title-wrapper h1 {
    color: #013A70; }

.wishlist img {
  width: 100%;
  max-width: 30px; }

.price-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 20px; }
  .price-wrapper .price {
    display: flex;
    flex-direction: column;
    font-family: "FuturaHeavyRegular" !important;
    color: #013A70 !important; }
    .price-wrapper .price span {
      font-size: 30px !important;
      line-height: 30px !important; }
      @media (min-width: 1200px) {
        .price-wrapper .price span {
          font-size: 40px !important;
          line-height: 40px !important; } }
  .price-wrapper:has(.wwp-wholesale-pricing-details) {
    justify-content: flex-start; }

.product-main .wwp-wholesale-pricing-details {
  width: auto; }
  .product-main .wwp-wholesale-pricing-details .price-text {
    color: #013A70; }
  .product-main .wwp-wholesale-pricing-details p {
    font-family: "FuturaHeavyRegular";
    color: #013A70;
    font-size: 16px;
    line-height: 16px; }
    .product-main .wwp-wholesale-pricing-details p + p .amount {
      display: none; }
    .product-main .wwp-wholesale-pricing-details p .amount + .amount {
      display: none; }
    .product-main .wwp-wholesale-pricing-details p:first-of-type b {
      color: #fff; }
  .product-main .wwp-wholesale-pricing-details .woocommerce-Price-amount {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-family: "FuturaHeavyRegular";
    margin-bottom: 0; }
.product-main bdi {
  font-size: 40px !important;
  line-height: 40px !important;
  color: #013A70; }

.woocommerce div.product .woocommerce-product-rating {
  margin-bottom: 0 !important; }

.woocommerce-review-link {
  color: #013A70;
  font-size: 12px;
  line-height: 12px; }
  .woocommerce-review-link:visited {
    color: #013A70; }

.woocommerce .star-rating span::before {
  color: #FBCA00; }

.short-desc {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 30px; }
  .short-desc h2 {
    color: #013A70;
    font-size: 20px;
    margin-bottom: 10px; }
  .short-desc p {
    margin-bottom: 20px; }
  .short-desc ul {
    margin: 20px 0; }
  .short-desc li {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    color: #4D4D4D;
    font-size: 14px;
    line-height: 20px; }
    @media (min-width: 992px) {
      .short-desc li {
        font-size: 16px;
        line-height: 22px; } }
    .short-desc li:not(:last-of-type) {
      margin-bottom: 10px; }
    .short-desc li:before {
      content: "";
      display: inline-block;
      position: relative;
      margin-right: 10px;
      width: 20px;
      height: 20px;
      background-image: url("images/yellow-tick.png");
      background-repeat: no-repeat;
      background-size: 15px;
      background-position: center; }

.product-options {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  border-top: 1px solid #FBCA00;
  padding-top: 30px; }
  .product-options .wapf-field-label.wapf--above {
    display: inline-block;
    width: auto;
    font-family: "FuturaHeavyRegular";
    color: #013A70; }
  .product-options .wapf-field-container {
    padding-bottom: 25px; }
  .product-options .wapf-field-radio .wapf-field-input {
    display: inline-flex;
    width: 80%;
    justify-content: flex-end; }
  .product-options .wapf-radios {
    display: flex; }
  .product-options input[type="radio"] {
    margin-top: 2px !important; }
  .product-options input[type="checkbox"] {
    margin-top: 2px !important; }
  .product-options .wapf-checkable:first-of-type {
    margin-right: 20px; }
  .product-options .wapf-checkable label {
    font-family: "FuturaHeavyRegular";
    color: #013A70; }

.variations tr {
  display: flex;
  flex-direction: column; }
.variations label {
  color: #013A70;
  text-transform: uppercase;
  font-family: "FuturaMedium"; }

.woocommerce div.product form.cart .variations th {
  text-align: left; }

.reset_variations {
  color: #666; }
  .reset_variations:visited {
    color: #666; }

.woocommerce-variation-price {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  margin-bottom: 20px; }
  .woocommerce-variation-price .price {
    font-size: 24px !important;
    line-height: 24px !important;
    color: #013A70 !important;
    font-family: "FuturaHeavyRegular"; }

.woocommerce-variation-add-to-cart {
  padding: 10px; }
  .woocommerce-variation-add-to-cart .wapf-field-row:first-of-type {
    margin-bottom: 20px; }
  .woocommerce-variation-add-to-cart .wapf-product-totals {
    margin-bottom: 20px; }
  .woocommerce-variation-add-to-cart .wapf-field-container {
    padding: 0 !important; }
  .woocommerce-variation-add-to-cart .wapf-field-radio {
    display: flex;
    width: 100%; }
    .woocommerce-variation-add-to-cart .wapf-field-radio .wapf-field-input {
      margin-left: auto; }
    .woocommerce-variation-add-to-cart .wapf-field-radio .wapf-radios {
      display: flex; }
    .woocommerce-variation-add-to-cart .wapf-field-radio input[type="radio"] {
      margin: 1px 0 0 0; }
    .woocommerce-variation-add-to-cart .wapf-field-radio .wapf-label-text {
      padding-left: 5px;
      padding-right: 10px; }
    .woocommerce-variation-add-to-cart .wapf-field-radio label span {
      text-transform: uppercase;
      color: #013A70;
      font-family: "FuturaHeavyRegular"; }
  .woocommerce-variation-add-to-cart .wapf-field-text .wapf-field-label {
    margin-bottom: 5px; }
    .woocommerce-variation-add-to-cart .wapf-field-text .wapf-field-label span {
      text-transform: uppercase;
      color: #013A70;
      font-family: "FuturaHeavyRegular";
      font-size: 14px;
      line-height: 14px; }

.wapf-product-totals .wapf--inner > div {
  padding: 5px 0; }
  .wapf-product-totals .wapf--inner > div span {
    color: #013A70;
    font-size: 14px;
    line-height: 14px;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    font-weight: normal !important; }
  .wapf-product-totals .wapf--inner > div .price {
    color: #013A70 !important;
    font-size: 14px !important;
    line-height: 14px !important;
    font-family: "FuturaHeavyRegular" !important;
    text-transform: uppercase !important; }

.quantity {
  display: flex;
  align-items: center;
  width: auto;
  margin-top: 40px !important;
  margin-bottom: 20px !important; }
  @media (min-width: 768px) {
    .quantity {
      margin-bottom: 0 !important;
      margin-top: 0 !important; } }
  .quantity .qty {
    width: 50px !important;
    height: 50px !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    text-align: center !important;
    color: #4D4D4D !important;
    margin-bottom: 0 3px; }
  .quantity .minus,
  .quantity .plus {
    width: 50px !important;
    height: 50px !important;
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    border-radius: 0 !important;
    text-indent: -9999px !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 13px !important; }
  .quantity .minus {
    background-image: url("images/minus.png") !important; }
  .quantity .plus {
    background-image: url("images/plus.png") !important; }

.single_add_to_cart_button {
  background-color: #FBCA00 !important;
  border: 1px solid #FBCA00 !important;
  border-radius: 40px !important;
  height: 50px !important;
  width: 100% !important;
  color: #013A70 !important;
  font-family: "FuturaHeavyRegular" !important;
  text-transform: uppercase !important;
  font-size: 16px !important;
  line-height: 16px !important;
  transition: all 0.3s ease !important; }
  @media (min-width: 768px) {
    .single_add_to_cart_button {
      width: 160px !important;
      margin-left: 30px !important; } }
  @media (min-width: 1200px) {
    .single_add_to_cart_button {
      width: 240px !important;
      margin-left: 40px !important; } }
  .single_add_to_cart_button:hover {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    color: #fff !important; }

.woocommerce button.button.disabled {
  opacity: 1 !important; }

.xoo-cp-icon-check:before {
  margin-left: 5px; }

.woocommerce button.button.added::after {
  display: none; }

.woocommerce a.added_to_cart {
  display: none !important; }

.product-accordion {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
  border-top: 1px solid #FBCA00;
  padding-top: 20px; }

.accordion-title {
  display: block;
  position: relative;
  width: 100%;
  background-color: #eee;
  padding: 20px;
  margin-bottom: 10px;
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  background-image: url("images/plus-blue.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right 20px top 20px; }
  .accordion-title.active-tab {
    background-image: url("images/minus-blue.png");
    background-color: #ddd; }

.accordion-content {
  padding: 20px; }
  .accordion-content h2, .accordion-content h3, .accordion-content h4, .accordion-content h5, .accordion-content h6 {
    font-size: 18px;
    line-height: 18px;
    color: #013A70;
    margin-bottom: 20px; }
  .accordion-content p {
    margin-bottom: 20px; }
  .accordion-content ul {
    margin-bottom: 20px; }
  .accordion-content li {
    display: block;
    position: relative;
    width: 100%; }
    .accordion-content li:not(:last-of-type) {
      margin-bottom: 10px; }
  .accordion-content table {
    width: 100%;
    border-top: 0 !important; }
    .accordion-content table thead {
      width: 100%; }
      .accordion-content table thead th {
        background-color: #013A70;
        color: #fff;
        padding: 15px;
        font-family: "FuturaHeavyRegular";
        text-transform: uppercase; }
        .accordion-content table thead th:first-of-type {
          text-align: left;
          border-right: 1px solid #fff; }
    .accordion-content table tbody tr:nth-of-type(odd) {
      background-color: #f7f7f7; }
    .accordion-content table tbody th {
      background: transparent !important;
      border-bottom: 0 !important; }
      .accordion-content table tbody th:nth-of-type(1) {
        text-align: left !important; }
    .accordion-content table tbody td {
      padding: 15px;
      border-bottom: 0 !important;
      background: transparent !important; }
      .accordion-content table tbody td + td {
        text-align: center;
        border-left: 1px solid #eee;
        font-family: "FuturaHeavyRegular";
        color: #013A70; }
    .accordion-content table tfoot tr {
      border-top: 1px solid #eee; }
    .accordion-content table tfoot td {
      padding: 15px;
      font-size: 13px;
      line-height: 13px; }

#yith-wapo-container {
  margin: 0 0 20px 0; }
  #yith-wapo-container .wapo-addon-description {
    color: #013A70;
    text-transform: uppercase;
    font-family: "FuturaMedium";
    font-weight: 700;
    text-align: left;
    margin: 0 0 10px 0; }
  #yith-wapo-container .option-container {
    margin: 5px 0; }
    #yith-wapo-container .option-container small {
      color: #013A70;
      font-size: 12px;
      text-transform: uppercase;
      font-family: "FuturaMedium";
      font-weight: 700;
      text-align: center; }
  #yith-wapo-container #wapo-total-price-table {
    margin: 0 0 20px 0;
    font-family: "FuturaHeavyRegular" !important;
    color: #013A70 !important; }
  #yith-wapo-container .woocommerce-Price-amount.amount:after {
    display: inline-block;
    margin-top: 0;
    margin-left: 5px; }
  #yith-wapo-container .wapo-total-order {
    text-transform: uppercase;
    font-size: 24px; }
  #yith-wapo-container #wapo-total-order-price {
    font-size: 24px; }

.yith-wapo-block .yith-wapo-addon:not(:first-child):not(.empty-title):not(.toggle-open) {
  margin: 10px 0; }

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label {
  margin-bottom: 0; }

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label .color-container {
  width: 100% !important; }

.yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
  width: 100% !important;
  height: 110px !important; }
  @media (min-width: 768px) {
    .yith-wapo-container .yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label span.color {
      height: 100px !important; } }

.yith-wapo-block .yith-wapo-addon.yith-wapo-addon-type-color .yith-wapo-option div.label {
  margin-bottom: 0 !important; }

#yith-wapo-container {
  margin: 0; }

.wcpa_form_outer {
  margin: 0; }

.wcpa_price_summary {
  margin-bottom: 20px; }

.wcpa_form_outer label {
  margin-bottom: 10px; }

.woocommerce div.product form.cart .variations {
  margin-bottom: 0; }

.per-row-5 {
  grid-template-columns: repeat(3, minmax(0, 33.3%)) !important; }
  @media (min-width: 768px) {
    .per-row-5 {
      grid-template-columns: repeat(5, minmax(0, 20%)) !important; } }

strong {
  font-weight: bold; }

.related-products {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
  background-color: #013A70;
  padding: 60px 0; }
  .related-products h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
    position: relative; }
    .related-products h2:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .related-products h2:before {
          width: 100px; } }
    .related-products h2:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .related-products h2:after {
          width: 100px; } }
  .related-products ul {
    display: none;
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important; }
    @media (min-width: 1200px) {
      .related-products ul {
        padding-left: 0;
        padding-right: 0; } }
    .related-products ul.slick-initialized {
      display: block; }
  .related-products li {
    margin-left: 8px;
    margin-right: 8px; }
    .related-products li img {
      width: 100% !important;
      height: 200px !important;
      object-fit: contain;
      margin: 0 auto !important; }
    .related-products li .woocommerce-loop-product__title {
      min-height: 90px;
      font-size: 20px !important;
      line-height: 30px; }
      @media (min-width: 768px) {
        .related-products li .woocommerce-loop-product__title {
          font-size: 12px !important;
          line-height: 16px; } }
      @media (min-width: 992px) {
        .related-products li .woocommerce-loop-product__title {
          font-size: 20px !important;
          line-height: 30px; } }

.related-bottom--navigation {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 40px; }

.related-bottom--navigation .left,
.related-bottom--navigation .right {
  cursor: pointer; }
  .related-bottom--navigation .left img,
  .related-bottom--navigation .right img {
    width: 100%;
    max-width: 40px; }

.related-bottom--navigation .left {
  margin-right: 10px; }

.customer-reviews {
  padding: 60px 0; }
  .customer-reviews h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #013A70;
    text-align: center;
    margin-bottom: 60px;
    position: relative; }
    .customer-reviews h3:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .customer-reviews h3:before {
          width: 100px; } }
    .customer-reviews h3:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .customer-reviews h3:after {
          width: 100px; } }

.woocommerce-Reviews {
  display: flex;
  flex-direction: column; }
  @media (min-width: 768px) {
    .woocommerce-Reviews {
      flex-direction: row; } }
  .woocommerce-Reviews .avatar {
    display: none;
    visibility: hidden; }

.woocommerce #reviews #comments ol.commentlist li .comment-text {
  margin: 0 !important; }

@media (min-width: 768px) {
  .woocommerce #reviews #comments ol.commentlist {
    padding-left: 10%; } }
.woocommerce #reviews #comments ol.commentlist .star-rating {
  float: left !important;
  order: 1; }
.woocommerce #reviews #comments ol.commentlist .comment-text {
  display: flex;
  flex-direction: column;
  border: 0 !important; }
.woocommerce #reviews #comments ol.commentlist .description {
  order: 2;
  margin-top: 20px; }

.woocommerce #reviews #comments ol.commentlist li {
  margin-bottom: 0 !important; }

.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta {
  width: 100%;
  float: left;
  order: 3; }

.woocommerce #reviews #comments ol.commentlist li:not(:last-of-type) {
  border-bottom: 1px solid #FBCA00 !important; }

.woocommerce-Reviews-title,
.comment-reply-title {
  display: none;
  visibility: hidden; }

#comments {
  order: 1;
  width: 100%; }
  @media (min-width: 768px) {
    #comments {
      order: 2;
      width: 50%; } }

#review_form_wrapper {
  order: 2;
  width: 100%;
  margin-top: 40px; }
  @media (min-width: 768px) {
    #review_form_wrapper {
      order: 1;
      width: 50%;
      margin-top: 0; } }

.comment-form-rating {
  display: flex;
  margin-bottom: 20px; }
  .comment-form-rating label {
    text-transform: uppercase;
    color: #013A70;
    font-family: "FuturaHeavyRegular"; }
  .comment-form-rating .stars {
    margin-bottom: 0 !important;
    margin-left: 20px !important; }
    .comment-form-rating .stars a:before {
      color: orange; }

.comment-form-comment label {
  display: block;
  text-transform: uppercase;
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  margin-bottom: 10px; }
.comment-form-comment textarea {
  height: 150px !important; }

.form-submit {
  margin-bottom: 0 !important;
  margin-top: 20px !important; }
  .form-submit input[type="submit"] {
    background-color: transparent !important; }

.xoo-cp-container {
  border: 1px solid #fff !important;
  border-radius: 0 !important; }

.xoo-cp-atcn {
  text-align: center !important; }

.xoo-cp-success {
  background-color: transparent !important;
  border: 0 !important;
  color: #013A70 !important;
  text-transform: uppercase;
  border-radius: 0 !important;
  border-bottom: 1px solid #FBCA00 !important;
  padding-bottom: 20px !important;
  font-family: "FuturaHeavyRegular" !important; }

.xoo-cp-atcn .xoo-cp-icon-check {
  display: none !important; }

td.xoo-cp-ptitle a {
  font-family: "FuturaHeavyRegular" !important;
  text-transform: uppercase;
  color: #013A70 !important; }

.xoo-cp-variations {
  line-height: 16px; }

.xoo-cp-pprice span {
  font-family: "FuturaHeavyRegular" !important;
  color: #013A70 !important; }

.xoo-cp-pqty span {
  font-family: "FuturaHeavyRegular" !important;
  color: #013A70 !important; }

.xoo-cp-ptotal {
  width: 100% !important;
  margin-right: 0 !important;
  border-top: 1px solid #FBCA00 !important;
  border-bottom: 1px solid #FBCA00 !important;
  text-align: center;
  padding: 30px 0 !important;
  margin-bottom: 30px; }
  .xoo-cp-ptotal .tax_label {
    font-size: 16px !important; }

.xcp-totxt {
  font-family: "FuturaHeavyRegular" !important;
  color: #013A70 !important;
  font-size: 16px !important; }

.xcp-ptotal {
  font-family: "FuturaHeavyRegular" !important;
  color: #013A70 !important;
  font-size: 22px !important; }

.xoo-cp-btns {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px; }

.xoo-cp-btn-vc {
  width: 40% !important;
  padding: 15px 0 !important;
  border-radius: 40px !important;
  font-family: "FuturaHeavyRegular" !important;
  color: #013A70 !important;
  font-size: 16px !important;
  background-color: #FBCA00 !important;
  border: 1px solid #FBCA00 !important;
  transition: all .3s ease; }
  .xoo-cp-btn-vc:hover {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    color: #fff !important; }

.xoo-cp-btn-ch {
  order: 3;
  width: 100% !important;
  margin-top: 20px;
  background-color: transparent !important;
  color: #013A70 !important;
  font-family: "FuturaHeavyRegular" !important;
  font-size: 16px !important;
  border: 0 !important;
  transition: all .3s ease; }
  .xoo-cp-btn-ch:hover {
    color: #FBCA00 !important; }

.xoo-cp-close.xcp-btn {
  width: 40% !important;
  padding: 15px 0 !important;
  border-radius: 40px !important;
  font-family: "FuturaHeavyRegular" !important;
  color: #013A70 !important;
  font-size: 16px !important;
  background-color: #fff !important;
  border: 1px solid #013A70 !important;
  transition: all .3s ease; }
  .xoo-cp-close.xcp-btn:hover {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    color: #fff !important; }

span.xoo-cp-close {
  right: 15px !important;
  top: 17px !important; }

.xoo-cp-icon-cross:before {
  color: #FBCA00; }

.intro {
  padding: 60px 0; }
  .intro h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    color: #013A70; }
    .intro h1:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .intro h1:before {
          width: 100px; } }
    .intro h1:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .intro h1:after {
          width: 100px; } }
  .intro p {
    text-align: center;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; }

.calc-section {
  border-top: 1px solid #FBCA00;
  padding-top: 30px; }
  @media (min-width: 768px) {
    .calc-section {
      padding-left: 10%;
      padding-right: 10%;
      padding-top: 50px; } }
  @media (min-width: 1200px) {
    .calc-section {
      padding-left: 15%;
      padding-right: 15%; } }
  .calc-section .section-title {
    width: 100%;
    text-align: center;
    color: #013A70;
    text-transform: uppercase;
    margin-bottom: 20px; }
  .calc-section p {
    width: 100%;
    text-align: center; }
    @media (min-width: 768px) {
      .calc-section p {
        max-width: 700px;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 992px) {
      .calc-section p {
        max-width: 850px; } }

.dimensions-selection {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .dimensions-selection {
      flex-direction: row; } }
  .dimensions-selection .calc-item {
    width: 100%; }
    .dimensions-selection .calc-item:nth-of-type(2) {
      margin: 10px 0; }
    @media (min-width: 768px) {
      .dimensions-selection .calc-item {
        width: auto;
        flex: 1; }
        .dimensions-selection .calc-item:nth-of-type(2) {
          margin: 0 10px; } }
  .dimensions-selection label {
    display: block;
    color: #013A70;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    margin-bottom: 5px;
    width: 100%;
    margin-bottom: 5px; }
  .dimensions-selection select {
    color: #666;
    text-transform: capitalize;
    padding-left: 15px;
    border: 1px solid #999; }
  .dimensions-selection input {
    color: #666;
    padding-left: 15px;
    border: 1px solid #999; }

#panel-type {
  padding-left: 5%;
  padding-right: 5%; }

.panel-type {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .panel-type {
      flex-direction: row; } }
  .panel-type .calc-item {
    position: relative;
    width: 100%; }
    .panel-type .calc-item:nth-of-type(2) {
      margin: 10px 0; }
    @media (min-width: 768px) {
      .panel-type .calc-item {
        width: auto;
        flex: 1; }
        .panel-type .calc-item:nth-of-type(2) {
          margin: 0 10px; } }
  .panel-type label {
    position: relative;
    cursor: pointer; }
    .panel-type label:not(:last-of-type) {
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .panel-type label:not(:last-of-type) {
          margin-bottom: 0;
          margin-right: 10px; } }
  .panel-type input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .panel-type .panel-selection {
    display: block;
    background-color: #fff;
    padding: 15px 15px 40px 15px; }
    .panel-type .panel-selection p {
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      color: #013A70;
      font-size: 15px;
      line-height: 20px; }
  .panel-type [type=radio] + span {
    cursor: pointer; }
  .panel-type [type=radio]:checked + span {
    outline: 2px solid #FBCA00; }

.post-type {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .post-type {
      flex-direction: row;
      justify-content: center; } }
  .post-type .calc-item {
    position: relative;
    width: 100%; }
    .post-type .calc-item:nth-of-type(2) {
      margin: 10px 0; }
    @media (min-width: 768px) {
      .post-type .calc-item {
        width: auto;
        flex: 1; }
        .post-type .calc-item:nth-of-type(2) {
          margin: 0 10px; } }
  .post-type label {
    position: relative;
    cursor: pointer; }
    .post-type label:not(:last-of-type) {
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .post-type label:not(:last-of-type) {
          margin-bottom: 0;
          margin-right: 10px; } }
  .post-type input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .post-type .panel-selection {
    display: block;
    background-color: #fff;
    padding: 15px 15px 40px 15px; }
    .post-type .panel-selection p {
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      color: #013A70;
      font-size: 15px;
      line-height: 20px;
      margin-top: 30px; }
  .post-type img {
    width: 100%;
    max-width: 300px;
    vertical-align: middle; }
  .post-type [type=radio] + span {
    cursor: pointer; }
  .post-type [type=radio]:checked + span {
    outline: 2px solid #FBCA00; }

.gravel-board-type {
  display: flex;
  flex-direction: column;
  margin-top: 60px;
  padding-bottom: 60px;
  gap: 10px; }
  @media (min-width: 768px) {
    .gravel-board-type {
      flex-direction: row;
      justify-content: center;
      flex-flow: wrap; } }
  .gravel-board-type .calc-item {
    position: relative;
    width: 100%; }
    .gravel-board-type .calc-item:nth-of-type(2) {
      margin: 10px 0; }
    @media (min-width: 768px) {
      .gravel-board-type .calc-item {
        width: auto;
        flex: 1; }
        .gravel-board-type .calc-item:nth-of-type(2) {
          margin: 0 10px; } }
  .gravel-board-type label {
    position: relative;
    cursor: pointer;
    flex: 0 0 30%; }
    .gravel-board-type label.noselect {
      transform: scale(0.95);
      opacity: 0.3;
      cursor: default;
      pointer-events: none; }
      .gravel-board-type label.noselect span {
        cursor: default; }
    @media (min-width: 768px) {
      .gravel-board-type label:not(:last-of-type) {
        margin-bottom: 0; } }
    .gravel-board-type label.durapost-board {
      display: none; }
      .gravel-board-type label.durapost-board span p {
        margin-top: 20px; }
      .gravel-board-type label.durapost-board.selected {
        display: block; }
    .gravel-board-type label.solid.inactive {
      cursor: default;
      pointer-events: none;
      opacity: 0.5; }
  .gravel-board-type input[type="radio"] {
    position: absolute;
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer; }
  .gravel-board-type .board-selection {
    display: block;
    background-color: #fff;
    padding: 15px 15px 40px 15px; }
    .gravel-board-type .board-selection p {
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      color: #013A70;
      font-size: 15px;
      line-height: 20px; }
  .gravel-board-type img {
    width: 100%;
    max-width: 300px;
    vertical-align: middle; }
  .gravel-board-type [type=radio] + span {
    cursor: pointer; }
  .gravel-board-type [type=radio]:checked + span {
    outline: 2px solid #FBCA00; }

.submit-calculations {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding-bottom: 30px; }
  .submit-calculations input[type="submit"] {
    background-color: #FBCA00;
    border: 1px solid #FBCA00;
    border-radius: 40px;
    text-transform: uppercase;
    color: #013A70;
    transition: all .3s ease; }
    .submit-calculations input[type="submit"]:hover {
      background-color: #013A70;
      border: 1px solid #013A70;
      color: #fff; }

p#errors {
  margin-bottom: 60px; }
  p#errors span {
    display: block;
    position: relative;
    width: 100%;
    padding: 15px 0;
    background-color: #F2DEDE;
    border: 1px solid #EBCCD1;
    border-radius: 4px;
    color: #B94A48;
    text-align: center;
    font-size: 14px;
    margin: 0; }

.fencing-products {
  display: block;
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 60px 0; }
  .fencing-products h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    color: #013A70; }
  .fencing-products table {
    width: 100%;
    border: 1px solid #ccc; }
    .fencing-products table thead {
      border-bottom: 1px solid #ccc; }
      .fencing-products table thead th {
        text-align: center;
        padding: 15px;
        color: #013A70;
        font-family: "FuturaHeavyRegular";
        text-transform: uppercase; }
        .fencing-products table thead th:first-of-type {
          text-align: center; }
          @media (min-width: 768px) {
            .fencing-products table thead th:first-of-type {
              text-align: left; } }
      .fencing-products table thead .col:not(.item) {
        display: none; }
        @media (min-width: 768px) {
          .fencing-products table thead .col:not(.item) {
            display: table-cell; } }
    .fencing-products table tbody tr td {
      position: relative;
      padding: 15px;
      vertical-align: middle;
      text-align: center; }
    .fencing-products table tbody tr:nth-of-type(even) {
      background-color: #f7f7f7; }
    .fencing-products table tbody tr .item {
      display: block;
      text-align: left; }
      @media (min-width: 768px) {
        .fencing-products table tbody tr .item {
          display: table-cell; } }
  .fencing-products .product-item-photo {
    display: table-cell;
    max-width: 100%;
    padding-right: 20px;
    position: static;
    vertical-align: top;
    width: 1%; }
  .fencing-products .product-image-container {
    display: inline-block;
    max-width: 100%;
    width: 90px; }
    @media (min-width: 768px) {
      .fencing-products .product-image-container {
        width: 60px; } }
    @media (min-width: 1200px) {
      .fencing-products .product-image-container {
        width: 120px; } }
  .fencing-products .product-image-photo {
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    margin: auto;
    max-width: 100%;
    position: static;
    right: 0;
    top: 0; }
  .fencing-products .product-item-details {
    display: table-cell;
    vertical-align: middle;
    white-space: normal;
    width: 99%; }
    .fencing-products .product-item-details a {
      color: #013A70;
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      font-size: 14px;
      line-height: 18px; }
      @media (min-width: 1200px) {
        .fencing-products .product-item-details a {
          font-size: 22px;
          line-height: 26px; } }
      .fencing-products .product-item-details a:visited {
        color: #013A70;
        text-transform: uppercase; }
    @media (min-width: 1200px) {
      .fencing-products .product-item-details {
        padding-right: 60px; } }
    .fencing-products .product-item-details .product-item-name {
      color: #013A70;
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      font-size: 14px;
      line-height: 18px; }
      @media (min-width: 1200px) {
        .fencing-products .product-item-details .product-item-name {
          font-size: 22px;
          line-height: 26px; } }
    .fencing-products .product-item-details span {
      display: block;
      position: relative;
      width: 100%;
      margin-top: 10px; }
  .fencing-products .col-price {
    display: block;
    float: left;
    width: 30%;
    color: #013A70;
    font-family: "FuturaHeavyRegular";
    font-size: 18px;
    line-height: 18px;
    padding: 15px 0; }
    @media (min-width: 768px) {
      .fencing-products .col-price {
        display: table-cell;
        width: auto;
        float: none;
        font-size: 14px;
        line-height: 14px; } }
    @media (min-width: 1200px) {
      .fencing-products .col-price {
        font-size: 22px;
        line-height: 22px; } }
    .fencing-products .col-price:before {
      content: attr(data-th) ":";
      display: block;
      font-weight: 700;
      padding-bottom: 10px;
      font-size: 12px;
      line-height: 12px; }
      @media (min-width: 768px) {
        .fencing-products .col-price:before {
          display: none; } }
  .fencing-products .col-qty {
    display: block;
    float: left;
    width: 40%;
    padding: 15px 0; }
    @media (min-width: 768px) {
      .fencing-products .col-qty {
        display: table-cell;
        float: none;
        width: 20%; } }
    .fencing-products .col-qty:before {
      content: attr(data-th) ":";
      display: block;
      font-weight: 700;
      color: #013A70;
      padding-bottom: 10px;
      font-size: 12px;
      line-height: 12px; }
      @media (min-width: 768px) {
        .fencing-products .col-qty:before {
          display: none; } }
    .fencing-products .col-qty input[type="number"] {
      width: 35px;
      height: 35px;
      border: 1px solid #ccc;
      border-radius: 0;
      text-align: center;
      margin: 0 3px;
      color: #666; }
      @media (min-width: 1200px) {
        .fencing-products .col-qty input[type="number"] {
          width: 50px;
          height: 50px; } }
    .fencing-products .col-qty .qty-btns {
      display: inline; }
    .fencing-products .col-qty #fenceQuantityDecrease,
    .fencing-products .col-qty #fenceQuantityIncrease,
    .fencing-products .col-qty #postQuantityDecrease,
    .fencing-products .col-qty #postQuantityIncrease,
    .fencing-products .col-qty #boardQuantityDecrease,
    .fencing-products .col-qty #boardQuantityIncrease,
    .fencing-products .col-qty #mixQuantityDecrease,
    .fencing-products .col-qty #mixQuantityIncrease,
    .fencing-products .col-qty #clipQuantityDecrease,
    .fencing-products .col-qty #clipQuantityIncrease {
      width: 35px;
      height: 35px;
      background-color: #013A70;
      border: 1px solid #013A70;
      text-indent: -9999px;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 13px; }
      @media (min-width: 1200px) {
        .fencing-products .col-qty #fenceQuantityDecrease,
        .fencing-products .col-qty #fenceQuantityIncrease,
        .fencing-products .col-qty #postQuantityDecrease,
        .fencing-products .col-qty #postQuantityIncrease,
        .fencing-products .col-qty #boardQuantityDecrease,
        .fencing-products .col-qty #boardQuantityIncrease,
        .fencing-products .col-qty #mixQuantityDecrease,
        .fencing-products .col-qty #mixQuantityIncrease,
        .fencing-products .col-qty #clipQuantityDecrease,
        .fencing-products .col-qty #clipQuantityIncrease {
          width: 50px;
          height: 50px; } }
    .fencing-products .col-qty #fenceQuantityDecrease,
    .fencing-products .col-qty #postQuantityDecrease,
    .fencing-products .col-qty #boardQuantityDecrease,
    .fencing-products .col-qty #mixQuantityDecrease,
    .fencing-products .col-qty #clipQuantityDecrease {
      background-image: url("images/minus.png"); }
    .fencing-products .col-qty #fenceQuantityIncrease,
    .fencing-products .col-qty #postQuantityIncrease,
    .fencing-products .col-qty #boardQuantityIncrease,
    .fencing-products .col-qty #mixQuantityIncrease,
    .fencing-products .col-qty #clipQuantityIncrease {
      background-image: url("images/plus.png"); }
  .fencing-products .col-add {
    display: block;
    float: left;
    width: 100%; }
    @media (min-width: 768px) {
      .fencing-products .col-add {
        display: table-cell;
        float: none;
        width: auto; } }
    @media (min-width: 1200px) {
      .fencing-products .col-add {
        padding-left: 30px; } }
    .fencing-products .col-add .addcart {
      display: block;
      position: relative;
      background-color: #FBCA00;
      border: 1px solid #FBCA00;
      border-radius: 40px;
      height: auto;
      padding: 15px 0;
      width: 100%;
      color: #013A70;
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      font-size: 16px;
      line-height: 16px;
      transition: all 0.3s ease;
      margin-left: 0;
      font-family: "FuturaHeavyRegular" !important; }
      @media (min-width: 768px) {
        .fencing-products .col-add .addcart {
          width: 150px !important;
          font-size: 13px !important; } }
      @media (min-width: 992px) {
        .fencing-products .col-add .addcart {
          width: 180px !important; } }
      @media (min-width: 1200px) {
        .fencing-products .col-add .addcart {
          width: 250px !important;
          font-size: 18px !important; } }
      .fencing-products .col-add .addcart:hover {
        background-color: #013A70 !important;
        border: 1px solid #013A70 !important;
        color: #fff !important; }

/* Durapost */
section.durapost {
  flex: 0 0 83%;
  margin-top: 20px;
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 20px; }
  section.durapost header {
    width: 100%;
    text-align: center; }
  section.durapost main {
    padding-bottom: 20px; }
    section.durapost main p {
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      color: #013A70;
      font-size: 16px; }
    section.durapost main h4 {
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      color: #013A70;
      font-size: 16px;
      text-align: center;
      margin: 20px auto; }
    section.durapost main ul {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      gap: 10px; }
      section.durapost main ul > li {
        display: flex;
        flex-direction: column;
        background: white;
        flex: 0 0 30%; }
        section.durapost main ul > li input {
          display: none; }
          section.durapost main ul > li input:checked + label {
            border-color: #FBCA00; }
        section.durapost main ul > li label {
          display: flex;
          flex-direction: column;
          align-items: center;
          gap: 20px;
          cursor: pointer;
          padding-bottom: 10px;
          border: solid 1px white;
          padding: 10px; }
          section.durapost main ul > li label span {
            font-family: "FuturaHeavyRegular";
            text-transform: uppercase;
            color: #013A70;
            font-size: 16px; }
    section.durapost main select#postlength {
      width: 250px;
      margin: auto;
      display: block; }

.gb-notice {
  position: absolute;
  bottom: 10px;
  font-weight: bold;
  color: #013A70;
  padding: 5px;
  border: solid 1px #013A70aa;
  width: unset !important;
  display: block;
  left: 50%;
  transform: translateX(-50%); }

.help-adivce-links {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto; }
  @media (min-width: 768px) {
    .help-adivce-links {
      flex-direction: row;
      flex-wrap: wrap; } }
  .help-adivce-links li {
    position: relative;
    width: 100%;
    margin-bottom: 15px; }
    @media (min-width: 768px) {
      .help-adivce-links li {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%; }
        .help-adivce-links li:nth-of-type(2n) {
          margin-right: 0; } }
    .help-adivce-links li:hover .overlay-content {
      background-color: rgba(1, 58, 112, 0.9); }
      .help-adivce-links li:hover .overlay-content a {
        transform: translateY(0);
        opacity: 1; }
    .help-adivce-links li:hover .link-heading {
      transform: translateY(-10px); }
    .help-adivce-links li img {
      width: 100%;
      height: auto;
      vertical-align: middle; }
  .help-adivce-links .overlay-content {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    align-items: center;
    justify-content: center;
    background-color: rgba(1, 58, 112, 0.7); }
    .help-adivce-links .overlay-content a {
      transform: translateY(40px);
      opacity: 0;
      transition: all .3s ease; }
  .help-adivce-links .link-heading {
    font-family: "FuturaHeavyRegular";
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-size: 24px;
    line-height: 28px;
    padding-left: 10px;
    padding-right: 10px;
    transform: translateY(20px);
    transition: all .3s ease; }
    @media (min-width: 768px) {
      .help-adivce-links .link-heading {
        padding-left: 40px;
        padding-right: 40px; } }
    @media (min-width: 992px) {
      .help-adivce-links .link-heading {
        font-size: 40px;
        line-height: 46px; } }

.article-list {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 60px 0 40px 0; }
  .article-list h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    color: #013A70;
    position: relative; }
    .article-list h4:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .article-list h4:before {
          width: 100px; } }
    .article-list h4:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .article-list h4:after {
          width: 100px; } }
  .article-list ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    height: auto; }
    .article-list ul li {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      margin-bottom: 20px;
      transition: all .3s ease; }
      @media (min-width: 768px) {
        .article-list ul li {
          width: 30.666%;
          margin-right: 4%; }
          .article-list ul li:nth-of-type(2n) {
            margin-right: 4%; }
          .article-list ul li:nth-of-type(3n) {
            margin-right: 0; } }
      @media (min-width: 1200px) {
        .article-list ul li {
          margin-bottom: 40px; } }
      .article-list ul li:hover .post-title--container {
        background-color: #FBCA00; }

.load-btn {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center; }

.alm-reveal {
  display: flex;
  width: 100%; }

.article-top {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding-top: 60px;
  padding-bottom: 60px; }
  @media (min-width: 768px) {
    .article-top {
      flex-direction: row; } }
  .article-top h1 {
    color: #013A70;
    margin-bottom: 20px; }

.article-top--left {
  width: 100%;
  order: 2;
  text-align: center; }
  @media (min-width: 768px) {
    .article-top--left {
      order: 1;
      padding-top: 15px; } }
  .article-top--left p a {
    color: #4D4D4D;
    text-decoration: underline; }
    .article-top--left p a:visited {
      color: #4D4D4D;
      text-decoration: underline; }
    .article-top--left p a:hover {
      text-decoration: none;
      color: #333; }

.article-top--right {
  width: 100%;
  order: 1;
  margin-bottom: 20px; }
  @media (min-width: 768px) {
    .article-top--right {
      width: 50%;
      order: 2;
      margin-bottom: 0; } }

article {
  padding: 60px 0; }
  article h1, article h2, article h3, article h4, article h5, article h6 {
    color: #013A70;
    margin-bottom: 20px; }
  article p {
    margin-bottom: 20px; }
    article p a {
      color: #666;
      text-decoration: underline; }
      article p a:visited {
        color: #666;
        text-decoration: underline; }
      article p a:hover {
        color: #013A70;
        text-decoration: none; }
  article img {
    width: 100%;
    height: auto;
    vertical-align: middle; }
  article .full {
    margin-bottom: 20px; }
  article ul {
    padding-left: 15px;
    margin-bottom: 20px; }
  article li {
    list-style: disc;
    color: #4D4D4D;
    font-size: 14px;
    line-height: 20px; }
    @media (min-width: 992px) {
      article li {
        font-size: 16px;
        line-height: 22px; } }
    article li:not(:last-of-type) {
      margin-bottom: 5px; }

.share-inner {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 30px 0; }
  @media (min-width: 768px) {
    .share-inner {
      flex-direction: row;
      align-items: center; } }
  .share-inner .navigation-left a {
    display: block;
    position: relative;
    width: auto;
    background-color: #013A70;
    color: #fff;
    padding: 20px 30px;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    transition: all .3s ease; }
    .share-inner .navigation-left a:hover {
      background-color: #FBCA00;
      color: #013A70; }
  .share-inner .navigation-right a {
    display: block;
    position: relative;
    width: auto;
    background-color: #013A70;
    color: #fff;
    padding: 20px 30px;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    transition: all .3s ease; }
    .share-inner .navigation-right a:hover {
      background-color: #FBCA00;
      color: #013A70; }
  .share-inner .share {
    margin-left: auto;
    margin-right: auto;
    text-align: center; }
    .share-inner .share p {
      color: #013A70;
      font-size: 16px;
      line-height: 16px;
      font-family: "FuturaHeavyRegular";
      margin-bottom: 10px; }

.inspiration {
  display: block;
  position: relative;
  width: 100%; }
  .inspiration .controls {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px; }
    @media (min-width: 768px) {
      .inspiration .controls {
        flex-direction: row;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 60px; } }
  .inspiration .control {
    position: relative;
    background-color: transparent;
    width: 100%;
    border: 0;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    color: #013A70;
    margin-bottom: 10px; }
    @media (min-width: 1200px) {
      .inspiration .control:after {
        content: "";
        display: block;
        position: relative;
        width: 0;
        opacity: 0;
        height: 2px;
        margin-top: 3px;
        background-color: #013A70;
        transition: all .3s ease; }
      .inspiration .control:hover:after {
        opacity: 1;
        width: 100%; } }
  .inspiration .mixitup-control-active {
    color: #FBCA00; }
    @media (min-width: 1200px) {
      .inspiration .mixitup-control-active:after {
        background-color: #FBCA00; } }

.inspiration-items {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  height: auto; }
  .inspiration-items li {
    width: 50%;
    margin-bottom: 10px;
    padding: 0 10px;
    cursor: pointer; }
    @media (min-width: 768px) {
      .inspiration-items li {
        width: 33.333%; } }
  .inspiration-items .category-name {
    display: block;
    position: relative;
    text-align: center;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    color: #013A70;
    padding: 20px 10px;
    font-size: 16px;
    line-height: 20px; }

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.7);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity.lity-opened {
  opacity: 1; }

.lity.lity-closed {
  opacity: 0; }

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important; }

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em; }

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease; }

.lity-loading .lity-loader {
  opacity: 1; }

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important; }

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease, -o-transform 0.3s ease; }

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8); }

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0; }

.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.lity-close:active {
  top: 1px; }

/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0; }

/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px; }

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch; }

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000; }

.lity-hide {
  display: none; }

.faq-container {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding-bottom: 60px; }
  .faq-container .c-container {
    max-width: 90%; }
    @media (min-width: 992px) {
      .faq-container .c-container {
        max-width: 1100px; } }

.faq-title {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px;
  margin-bottom: 0;
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase;
  font-size: 16px;
  line-height: 16px;
  cursor: pointer;
  background-image: url("images/plus-blue.png");
  background-repeat: no-repeat;
  background-size: 15px;
  background-position: right 20px top 20px;
  border-bottom: 1px solid #FBCA00; }
  .faq-title.active-tab {
    background-image: url("images/minus-blue.png"); }
  .page-template-page-faqs .faq-title {
    border-bottom: 1px solid #ccc; }

.faq-item:first-of-type .faq-title {
  border-top: 1px solid #FBCA00; }
  .page-template-page-faqs .faq-item:first-of-type .faq-title {
    border-top: 1px solid #ccc; }

.answer {
  padding: 20px; }
  .answer p {
    margin-bottom: 20px; }
  .answer.open {
    border-bottom: 1px solid #FBCA00; }
    .misc-template .answer.open {
      border-bottom: 1px solid #ccc; }
  .answer a {
    color: #4D4D4D; }
    .answer a:visited {
      color: #4D4D4D; }
    .answer a:hover {
      text-decoration: underline; }
  .answer ul,
  .answer ol {
    margin-bottom: 20px;
    padding-left: 15px; }
  .answer li {
    position: relative;
    list-style: disc;
    font-family: "Helvetica", "Arial", sans-serif;
    color: #4D4D4D;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 10px; }
    @media (min-width: 992px) {
      .answer li {
        font-size: 16px;
        line-height: 22px; } }

.about .intro .c-container {
  max-width: 750px; }

.page-banner {
  margin-top: 30px; }
  .page-banner img {
    width: 100%; }

.secondary-text {
  max-width: 750px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 60px; }
  .secondary-text a {
    color: #013A70;
    text-decoration: none; }
    .secondary-text a:visited {
      color: #013A70;
      text-decoration: none; }
    .secondary-text a:hover {
      text-decoration: underline; }
  .secondary-text p {
    margin-bottom: 20px; }

.contact-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto; }
  @media (min-width: 768px) {
    .contact-container {
      flex-direction: row;
      align-items: flex-start; } }

.contact-form {
  width: 100%;
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .contact-form {
      width: 50%;
      margin-bottom: 80px; } }
  .contact-form input {
    box-shadow: none !important;
    font-family: "Helvetica", "Arial", sans-serif !important; }
    .contact-form input:not([type="checkbox"]) {
      padding-left: 15px !important;
      margin-bottom: 0 !important;
      height: 60px !important;
      font-size: 18px !important;
      line-height: 18px !important;
      border-radius: 0 !important;
      font-family: "Helvetica", "Arial", sans-serif !important; }
    .contact-form input label {
      width: 100% !important;
      font-family: "Helvetica", "Arial", sans-serif !important; }
    .contact-form input::placeholder {
      color: #013A70 !important;
      font-family: "Helvetica", "Arial", sans-serif !important; }
  .contact-form .with_frm_style .frm_checkbox label {
    font-family: "Helvetica", "Arial", sans-serif !important; }
  .contact-form .with_frm_style .frm_checkbox input[type=checkbox] {
    vertical-align: top !important;
    margin-top: -2px !important; }
  .contact-form .frm_style_formidable-style.with_frm_style .form-field {
    margin-bottom: 0 !important; }
  .contact-form .frm_style_formidable-style.with_frm_style .frm_error {
    font-size: 12px;
    line-height: 12px;
    margin-top: 5px;
    font-family: "Helvetica", "Arial", sans-serif !important; }
  .contact-form textarea {
    border-radius: 0 !important;
    padding: 20px 15px;
    font-family: "Helvetica", "Arial", sans-serif !important; }
    .contact-form textarea::placeholder {
      color: #013A70 !important;
      font-family: "Helvetica", "Arial", sans-serif !important; }
  .contact-form input[type="checkbox"] {
    background-color: #fff;
    border: 1px solid #ccc;
    top: 0;
    border-radius: 0;
    width: 25px;
    height: 25px;
    position: relative; }
    @media (min-width: 1200px) {
      .contact-form input[type="checkbox"] {
        top: -7px; } }
    .contact-form input[type="checkbox"]:checked {
      border: 1px solid #013A70; }
  .contact-form textarea {
    resize: none;
    min-height: 150px;
    font-size: 18px;
    line-height: 20px; }
    .contact-form textarea::placeholder {
      color: #013A70; }
  .contact-form label {
    display: inline-block;
    position: relative;
    font-size: 12px;
    line-height: 16px;
    margin-left: 10px;
    color: #666;
    width: 100%; }
    @media (min-width: 992px) {
      .contact-form label {
        font-size: 16px;
        line-height: 22px; } }
    .contact-form label a {
      color: #666;
      text-decoration: underline; }
      .contact-form label a:visited {
        color: #666;
        text-decoration: underline; }
      .contact-form label a:hover {
        text-decoration: none; }
  .contact-form button[type="submit"],
  .contact-form .frm_style_formidable-style.with_frm_style .frm_submit button {
    margin-top: 30px;
    background-color: transparent !important;
    padding: 15px 0 !important;
    min-width: 200px; }

.contact-methods {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  margin-bottom: 50px; }
  @media (min-width: 768px) {
    .contact-methods {
      width: 50%;
      padding: 30px; } }
  @media (min-width: 1200px) {
    .contact-methods {
      padding: 30px 60px; } }
  .contact-methods li {
    width: 50%;
    padding: 30px 10px 10px 10px;
    text-align: center; }
    .contact-methods li span {
      display: block;
      position: relative;
      width: 100%;
      margin-bottom: 10px; }
      .contact-methods li span:not(.icon) {
        font-family: "FuturaHeavyRegular";
        color: #013A70;
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase; }
      .contact-methods li span img {
        width: 100%;
        max-width: 60px; }
    .contact-methods li p {
      margin-bottom: 10px; }
      @media (min-width: 768px) {
        .contact-methods li p {
          font-size: 14px;
          line-height: 18px; } }
    .contact-methods li a {
      font-family: "FuturaHeavyRegular";
      font-size: 14px;
      line-height: 14px;
      color: #013A70;
      text-decoration: underline; }
      .contact-methods li a:visited {
        color: #013A70; }

.visit-callout {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 50px; }

.visit-yard {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 60px; }
  .visit-yard img {
    width: 100%;
    margin-bottom: 50px; }
  .visit-yard p {
    margin-bottom: 20px;
    text-align: center; }
    @media (min-width: 768px) {
      .visit-yard p {
        max-width: 80%;
        margin-left: auto;
        margin-right: auto; } }
    @media (min-width: 1200px) {
      .visit-yard p {
        max-width: 60%; } }

.yard--location {
  display: block;
  padding-top: 60px;
  padding-bottom: 60px;
  position: relative;
  vertical-align: top; }

.location {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px;
  vertical-align: top; }
  @media (min-width: 992px) {
    .location {
      width: 38%;
      margin-bottom: 0;
      padding: 30px 5% 30px 0; } }
  @media (min-width: 1200px) {
    .location {
      padding: 30px 5%; } }
  .location h2 {
    display: flex;
    align-items: center;
    color: #013A70;
    margin-bottom: 20px;
    position: relative; }
    .location h2:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 100px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 20px; }
  .location address {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 20px; }
  .location h3 {
    color: #013A70;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 10px; }
  .location ul {
    margin-bottom: 30px; }
  .location li:not(:last-of-type) {
    margin-bottom: 10px; }

.map {
  display: inline-block;
  position: relative;
  width: 100%;
  margin-bottom: 30px; }
  @media (min-width: 992px) {
    .map {
      width: 60.666%;
      margin-bottom: 0; } }

/* Google Map */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media (min-width: 768px) {
  body.page-template-page-caring .delivery-callout .image-wrapper {
    width: 70%; }
    body.page-template-page-caring .delivery-callout .image-wrapper img {
      height: 650px;
      object-fit: cover; } }
@media (min-width: 1200px) {
  body.page-template-page-caring .delivery-callout .image-wrapper {
    height: auto; } }
body.page-template-page-caring .delivery-callout .callout-text--block p {
  margin-bottom: 20px; }

.caring-content p {
  width: 100%;
  text-align: center; }
  @media (min-width: 768px) {
    .caring-content p {
      max-width: 80%;
      margin: 0 auto; } }

.caring-items {
  display: flex;
  flex-direction: column;
  margin: 60px 0 30px 0; }
  @media (min-width: 768px) {
    .caring-items {
      flex-direction: row;
      margin: 60px 0; } }

.caring-item {
  width: 100%; }
  @media (min-width: 768px) {
    .caring-item {
      width: 33.333%;
      margin: 0 10px; } }
  .caring-item p {
    padding: 20px;
    max-width: 100%; }
  .caring-item img {
    width: 100%;
    height: 100%;
    max-height: 250px;
    object-fit: cover;
    aspect-ratio: 16/9; }
    @media (min-width: 768px) {
      .caring-item img {
        max-height: 150px; } }
    @media (min-width: 1200px) {
      .caring-item img {
        max-height: auto; } }

.woocommerce-cart .entry-header {
  text-align: center;
  margin-bottom: 60px; }
.woocommerce-cart h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #013A70; }
  .woocommerce-cart h1:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-right: 3%; }
    @media (min-width: 768px) {
      .woocommerce-cart h1:before {
        width: 100px; } }
  .woocommerce-cart h1:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-left: 3%; }
    @media (min-width: 768px) {
      .woocommerce-cart h1:after {
        width: 100px; } }
.woocommerce-cart article {
  padding-bottom: 0; }

.woocommerce-cart-form {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important; }
  @media (min-width: 1200px) {
    .woocommerce-cart-form {
      width: 100%; } }
  .woocommerce-cart-form table {
    border-radius: 0 !important; }
  .woocommerce-cart-form thead {
    background-color: #013A70;
    color: #fff;
    font-family: "FuturaMedium";
    text-transform: uppercase; }
    .woocommerce-cart-form thead th {
      padding: 15px 12px !important; }
  .woocommerce-cart-form tbody td {
    padding: 15px 12px !important; }
  .woocommerce-cart-form .woocommerce-cart-form__cart-item {
    background-color: #fff !important; }
  .woocommerce-cart-form .product-thumbnail a {
    display: block;
    position: relative;
    width: 100%;
    height: auto; }
  .woocommerce-cart-form .product-thumbnail img {
    display: block;
    margin: 0 auto;
    width: 100px !important; }
  .woocommerce-cart-form .quantity .minus,
  .woocommerce-cart-form .quantity .plus {
    background-color: #fff; }
  .woocommerce-cart-form .quantity .minus {
    background-image: url(images/minus-blue.png);
    border-right: 0;
    border-color: #ccc; }
  .woocommerce-cart-form .quantity .plus {
    background-image: url(images/plus-blue.png);
    border-left: 0;
    border-color: #ccc; }
  .woocommerce-cart-form .quantity .qty {
    border-left: 0 !important;
    border-right: 0 !important; }
  .woocommerce-cart-form .product-name a {
    display: inline-block;
    color: #013A70;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    margin-bottom: 10px; }
  .woocommerce-cart-form .product-price {
    text-align: center; }
  .woocommerce-cart-form .variation {
    font-size: 14px;
    line-height: 14px; }
  .woocommerce-cart-form .variation-CuttingOption {
    margin-bottom: 5px; }
    .woocommerce-cart-form .variation-CuttingOption p {
      font-size: 14px;
      line-height: 14px; }
  .woocommerce-cart-form .quantity {
    justify-content: center; }
  .woocommerce-cart-form .product-quantity {
    text-align: center; }
  .woocommerce-cart-form .woocommerce-Price-amount {
    color: #013A70;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase; }
  .woocommerce-cart-form .product-subtotal {
    text-align: center; }
  .woocommerce-cart-form .actions {
    background-color: transparent !important;
    padding: 30px 12px !important; }
    .woocommerce-cart-form .actions button[type="submit"] {
      border: 1px solid #013A70 !important;
      border-radius: 40px !important;
      background-color: #fff !important;
      padding: 15px 20px !important;
      color: #013A70 !important;
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      font-weight: normal !important;
      width: 100% !important; }
      @media (min-width: 768px) {
        .woocommerce-cart-form .actions button[type="submit"] {
          width: auto !important;
          margin-left: 15px; } }
  .woocommerce-cart-form .coupon {
    width: 50%;
    display: flex; }
    .woocommerce-cart-form .coupon input[type="text"] {
      margin-right: 0 !important;
      padding-left: 15px !important;
      border: 1px solid #FBCA00 !important; }
      @media (min-width: 768px) {
        .woocommerce-cart-form .coupon input[type="text"] {
          width: 70% !important; } }
    .woocommerce-cart-form .coupon button[type="submit"] {
      background-color: #FBCA00 !important;
      border-radius: 0 !important;
      border: 1px solid #FBCA00 !important;
      color: #013A70;
      padding: 15px !important;
      font-size: 14px !important;
      line-height: 14px !important;
      font-family: "FuturaHeavyRegular";
      text-transform: uppercase;
      font-weight: normal !important;
      transition: all .3s ease; }
      @media (min-width: 768px) {
        .woocommerce-cart-form .coupon button[type="submit"] {
          width: 30% !important; } }
      .woocommerce-cart-form .coupon button[type="submit"]:hover {
        border: 1px solid #013A70 !important;
        background-color: #013A70 !important;
        color: #fff !important; }

.woocommerce a.remove {
  margin: 0 auto;
  font-size: 18px !important;
  height: 30px !important;
  width: 30px !important;
  line-height: 27px !important; }

.woocommerce table.shop_table td small {
  font-size: 13px;
  line-height: 13px; }

.cart-collaterals {
  width: 100%;
  max-width: 1152px;
  margin: 0 auto; }
  .cart-collaterals h2 {
    display: none;
    visibility: hidden; }
  .cart-collaterals table {
    border-radius: 0 !important;
    border-color: #FBCA00 !important; }
  .cart-collaterals th,
  .cart-collaterals td {
    padding: 15px 20px !important;
    text-transform: uppercase; }
  .cart-collaterals th {
    font-family: "FuturaMedium" !important; }
  .cart-collaterals td {
    font-family: "FuturaHeavyRegular" !important;
    color: #013A70 !important; }
  .cart-collaterals .shipping-calculator-button {
    font-size: 14px !important;
    color: #666 !important; }
  .cart-collaterals .form-row {
    padding: 5px 0 !important; }

.wc-proceed-to-checkout a.button {
  background-color: #FBCA00 !important;
  border: 1px solid #FBCA00 !important;
  color: #013A70 !important;
  padding: 20px !important;
  font-family: "FuturaHeavyRegular" !important;
  font-weight: normal !important;
  text-transform: uppercase;
  transition: all .3s ease; }
  .wc-proceed-to-checkout a.button:hover {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    color: #fff !important; }

.woocommerce-shipping-calculator button[type="submit"] {
  background-color: transparent !important;
  border: 0 !important;
  color: #013A70 !important;
  font-family: "FuturaMedium" !important;
  padding: 0 !important;
  text-transform: uppercase; }

.select2-container .select2-selection--single {
  height: 50px !important;
  border-radius: 0 !important;
  border: 1px solid #ccc !important;
  margin-bottom: 0 !important; }

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;
  text-transform: capitalize;
  padding-left: 20px; }

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px !important;
  right: 5px !important; }

.woocommerce-cart .cart-collaterals .cart_totals tr:not(:first-of-type) th,
.woocommerce-cart .cart-collaterals .cart_totals tr:not(:first-of-type) td {
  border-top: 1px solid #FBCA00 !important; }

.woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination {
  font-family: "Helvetica", "Arial", sans-serif;
  text-transform: none;
  font-size: 14px;
  line-height: 14px; }
  .woocommerce-cart .cart-collaterals .cart_totals .woocommerce-shipping-destination strong {
    color: #4D4D4D;
    font-weight: 400; }

.cards {
  padding: 20px 0 0 0;
  text-align: center; }
  .cards img {
    width: 100%;
    max-width: 200px; }
  .cards p {
    margin: 20px 0; }
    .cards p a {
      text-transform: uppercase;
      color: #333; }
      .cards p a:visited {
        color: #333; }

@media (max-width: 768px) {
  .woocommerce-cart-form .coupon {
    width: 100%; }
    .woocommerce-cart-form .coupon input[type="text"] {
      width: 50% !important; }
    .woocommerce-cart-form .coupon button[type="submit"] {
      width: 50% !important; }

  .woocommerce table.shop_table_responsive tr td, .woocommerce-page table.shop_table_responsive tr td {
    text-align: left !important; }

  .woocommerce-cart-form .quantity {
    justify-content: flex-start; }

  .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
    width: 100%; }

  .woocommerce-cart .wc-proceed-to-checkout {
    padding: 20px; } }
.cross-sells {
  display: block;
  position: relative;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 0;
  background-color: #013A70;
  padding: 60px 0; }
  .cross-sells h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    margin-bottom: 60px;
    position: relative; }
    .cross-sells h2:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .cross-sells h2:before {
          width: 100px; } }
    .cross-sells h2:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .cross-sells h2:after {
          width: 100px; } }
  .cross-sells ul {
    width: 100% !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-right: 20px !important;
    padding-left: 20px !important; }
    @media (min-width: 1200px) {
      .cross-sells ul {
        padding-left: 0;
        padding-right: 0; } }
  .cross-sells .woocommerce-LoopProduct-link {
    display: block;
    width: 100% !important;
    height: 100% !important;
    font-family: "FuturaHeavyRegular";
    color: #013A70;
    text-transform: uppercase;
    font-size: 12px !important;
    line-height: 12px !important; }
    .cross-sells .woocommerce-LoopProduct-link .woocommerce-Price-amount {
      font-size: 28px !important;
      line-height: 28px !important; }
    .cross-sells .woocommerce-LoopProduct-link .woocommerce-price-suffix {
      margin-top: 5px !important; }
  .cross-sells li {
    margin-left: 8px !important;
    margin-right: 8px !important; }
  .cross-sells .thumb-outer {
    display: block;
    position: relative;
    width: 100%;
    height: 230px;
    margin-bottom: 10px; }
    .cross-sells .thumb-outer img {
      width: auto !important;
      height: 100% !important;
      margin: 0 auto !important;
      object-fit: contain; }
  .cross-sells .woocommerce-loop-product__title {
    height: 60px; }
  .cross-sells .price {
    display: flex;
    flex-direction: column;
    height: 65px; }
  .cross-sells del {
    margin-bottom: 5px; }
    .cross-sells del .amount {
      font-size: 18px !important;
      line-height: 18px !important;
      color: #666; }

.woocommerce-checkout .entry-header {
  text-align: center;
  margin-bottom: 60px; }
.woocommerce-checkout h1 {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #013A70; }
  .woocommerce-checkout h1:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-right: 3%; }
    @media (min-width: 768px) {
      .woocommerce-checkout h1:before {
        width: 100px; } }
  .woocommerce-checkout h1:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-left: 3%; }
    @media (min-width: 768px) {
      .woocommerce-checkout h1:after {
        width: 100px; } }
@media (max-width: 767px) {
  .woocommerce-checkout iframe#launcher {
    display: none;
    visibility: hidden; } }

.checkout.woocommerce-checkout {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important; }
  @media (min-width: 1200px) {
    .checkout.woocommerce-checkout {
      width: 100%; } }
  .checkout.woocommerce-checkout h3 {
    font-size: 18px;
    line-height: 18px; }

.showcoupon {
  color: #013A70; }
  .showcoupon:visited {
    color: #013A70; }

.woocommerce form .form-row textarea {
  height: 10rem !important; }

.woocommerce-checkout .col2-set {
  margin-bottom: 60px;
  padding-bottom: 60px;
  border-bottom: 1px solid #FBCA00; }

.woocommerce-form-login-toggle {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto !important;
  border-radius: 0 !important;
  border: 0 !important; }
  @media (min-width: 1200px) {
    .woocommerce-form-login-toggle {
      width: 100%; } }
  .woocommerce-form-login-toggle .woocommerce-info {
    border: 1px solid #FBCA00 !important;
    background-color: #FBCA00 !important;
    color: #013A70 !important;
    text-transform: uppercase;
    font-family: "FuturaHeavyRegular";
    justify-content: flex-start;
    padding: 20px !important;
    line-height: 20px !important;
    margin-bottom: 10px !important; }
    .woocommerce-form-login-toggle .woocommerce-info a {
      color: #013A70; }
      @media (min-width: 768px) {
        .woocommerce-form-login-toggle .woocommerce-info a {
          margin-left: 10px; } }
      .woocommerce-form-login-toggle .woocommerce-info a:visited {
        color: #013A70; }
      .woocommerce-form-login-toggle .woocommerce-info a:hover {
        text-decoration: underline; }

.woocommerce-form-login.login {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto !important;
  border-radius: 0 !important;
  border: 0 !important; }
  @media (min-width: 1200px) {
    .woocommerce-form-login.login {
      width: 100%; } }
  .woocommerce-form-login.login .woocommerce-form-login__submit {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    border-radius: 40px !important;
    padding: 10px 30px !important;
    color: #fff !important;
    font-family: "FuturaHeavyRegular" !important;
    text-transform: uppercase;
    font-weight: normal !important;
    transition: all .3s ease; }
    .woocommerce-form-login.login .woocommerce-form-login__submit:hover {
      background-color: #FBCA00 !important;
      border: 1px solid #FBCA00 !important;
      color: #013A70 !important; }

.woocommerce-form-coupon-toggle {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto !important;
  border-radius: 0 !important;
  border: 0 !important; }
  @media (min-width: 1200px) {
    .woocommerce-form-coupon-toggle {
      width: 100%; } }
  .woocommerce-form-coupon-toggle .woocommerce-info {
    border: 1px solid #013A70 !important;
    background-color: #013A70 !important;
    color: #fff !important;
    text-transform: uppercase;
    padding: 20px !important;
    font-family: "FuturaHeavyRegular";
    line-height: 20px !important;
    justify-content: flex-start; }
    .woocommerce-form-coupon-toggle .woocommerce-info a {
      color: #fff; }
      @media (min-width: 768px) {
        .woocommerce-form-coupon-toggle .woocommerce-info a {
          margin-left: 10px; } }
      .woocommerce-form-coupon-toggle .woocommerce-info a:visited {
        color: #fff; }
      .woocommerce-form-coupon-toggle .woocommerce-info a:hover {
        text-decoration: underline; }

.checkout_coupon {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto !important;
  border-radius: 0 !important;
  border: 0 !important; }
  @media (min-width: 1200px) {
    .checkout_coupon {
      width: 100%; } }
  .checkout_coupon .form-row {
    padding: 0 !important; }
  .checkout_coupon .form-row-last {
    float: left !important; }
  .checkout_coupon input[type="text"] {
    border-color: #FBCA00 !important; }
  .checkout_coupon button[type="submit"] {
    height: 50px !important;
    border-radius: 0 !important;
    border: 1px solid #FBCA00 !important;
    background-color: #FBCA00 !important;
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    color: #013A70;
    font-weight: normal !important; }

#order_review_heading {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #013A70;
  font-size: 28px;
  line-height: 28px;
  margin-bottom: 60px; }
  #order_review_heading:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-right: 3%; }
    @media (min-width: 768px) {
      #order_review_heading:before {
        width: 100px; } }
  #order_review_heading:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-left: 3%; }
    @media (min-width: 768px) {
      #order_review_heading:after {
        width: 100px; } }

.woocommerce-checkout-review-order-table {
  width: 90% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  border-radius: 0 !important;
  border: 1px solid #013A70 !important; }
  @media (min-width: 1200px) {
    .woocommerce-checkout-review-order-table {
      width: 70% !important; } }
  .woocommerce-checkout-review-order-table thead {
    background-color: #013A70;
    color: #fff; }
    .woocommerce-checkout-review-order-table thead th {
      padding: 20px 25px !important; }
  .woocommerce-checkout-review-order-table tbody th,
  .woocommerce-checkout-review-order-table tbody td {
    font-family: "FuturaMedium";
    text-transform: uppercase;
    padding: 30px 25px !important; }
  .woocommerce-checkout-review-order-table tbody .product-name,
  .woocommerce-checkout-review-order-table tbody .product-total {
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    color: #013A70; }
  .woocommerce-checkout-review-order-table tbody .variation {
    font-size: 12px;
    line-height: 12px; }
    .woocommerce-checkout-review-order-table tbody .variation dd {
      margin: 5px 0 !important; }
    .woocommerce-checkout-review-order-table tbody .variation p {
      font-size: 12px;
      line-height: 12px; }
  .woocommerce-checkout-review-order-table .woocommerce-shipping-totals td {
    font-family: "Helvetica", "Arial", sans-serif;
    font-weight: normal !important;
    font-size: 14px;
    line-height: 14px;
    text-transform: none; }
  .woocommerce-checkout-review-order-table tfoot tr,
  .woocommerce-checkout-review-order-table tfoot td,
  .woocommerce-checkout-review-order-table tfoot th {
    font-family: "FuturaHeavyRegular";
    text-transform: uppercase;
    color: #013A70;
    font-weight: normal !important; }
  .woocommerce-checkout-review-order-table tfoot th,
  .woocommerce-checkout-review-order-table tfoot td {
    border-top: 1px solid #013A70 !important;
    padding: 30px 25px !important; }

.woocommerce-checkout-payment {
  margin-top: 60px;
  border-radius: 0 !important;
  background-color: transparent !important;
  border-top: 1px solid #FBCA00;
  border-bottom: 1px solid #FBCA00; }

.wc_payment_method {
  list-style: none; }
  .wc_payment_method img {
    width: 100%;
    max-width: 45px; }

#billing_postcode_search_field {
  width: 55%; }
  @media (min-width: 992px) {
    #billing_postcode_search_field {
      width: 70%; } }

#crafty_billing_button {
  width: 45%; }
  @media (min-width: 992px) {
    #crafty_billing_button {
      width: 30%; } }
  #crafty_billing_button button {
    width: 100% !important;
    border-radius: 25px !important;
    height: 50px !important;
    font-size: 14px !important;
    line-height: 14px !important;
    background-color: #013A70 !important;
    color: #fff !important;
    font-family: "FuturaMedium" !important;
    text-transform: uppercase !important;
    transition: all .3s ease; }
    #crafty_billing_button button:hover {
      background-color: #FBCA00 !important;
      color: #013A70 !important; }

.place-order button[type="submit"] {
  background-color: #FBCA00 !important;
  border: 1px solid #FBCA00 !important;
  border-radius: 30px !important;
  padding: 20px !important;
  color: #013A70 !important;
  font-family: "FuturaHeavyRegular";
  font-weight: normal !important;
  font-size: 20px !important;
  line-height: 20px;
  width: 100%;
  max-width: 320px;
  text-transform: uppercase;
  transition: all .3s ease; }
  .place-order button[type="submit"]:hover {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    color: #fff !important; }

.woocommerce-order {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important; }
  @media (min-width: 1200px) {
    .woocommerce-order {
      width: 100%; } }

.woocommerce-notice--success {
  font-size: 24px;
  line-height: 34px;
  font-family: "FuturaMedium";
  color: #a7c957; }

.woocommerce-order-details__title {
  font-size: 20px;
  line-height: 20px; }

.woocommerce ul.order_details {
  padding-left: 0 !important; }

.woocommerce ul.order_details li {
  width: 100%;
  border-right: 0 !important;
  border-bottom: 1px dashed #d3ced2;
  padding-right: 0 !important;
  padding-bottom: 10px;
  padding-top: 10px; }
  @media (min-width: 768px) {
    .woocommerce ul.order_details li {
      width: auto;
      border-right: 1px dashed #d3ced2 !important;
      border-bottom: 0;
      padding-top: 0;
      padding-bottom: 0;
      padding-right: 2em !important; } }

.woocommerce ul.order_details li strong {
  font-weight: 600; }

.order_details {
  border-radius: 0 !important; }
  .order_details thead {
    background-color: #013A70;
    color: #fff;
    font-family: "FuturaMedium";
    text-transform: uppercase; }
  .order_details tbody,
  .order_details tfoot {
    background-color: #fff; }
  .order_details .wc-item-meta {
    padding: 0 !important;
    margin-top: 10px !important;
    margin-bottom: 10px !important; }
    .order_details .wc-item-meta li {
      list-style: none !important;
      font-size: 14px !important;
      line-height: 14px !important; }
      .order_details .wc-item-meta li p {
        font-size: 14px !important;
        line-height: 14px !important; }
  .order_details .woocommerce-table__product-name a {
    color: #013A70; }
    .order_details .woocommerce-table__product-name a:visited {
      color: #013A70; }
  .order_details .product-total {
    font-family: "FuturaHeavyRegular";
    color: #013A70;
    font-size: 18px;
    line-height: 18px; }

.woocommerce-column__title {
  font-size: 20px;
  line-height: 20px;
  border-bottom: 1px solid #FBCA00;
  padding-bottom: 10px; }

.woocommerce .woocommerce-customer-details address {
  border-radius: 0 !important;
  border: 0 !important;
  line-height: 22px;
  padding: 0 !important; }

.woocommerce-customer-details--phone {
  margin-top: 15px; }

.woocommerce-MyAccount-orders {
  border-radius: 0 !important; }
  .woocommerce-MyAccount-orders thead {
    background-color: #013A70;
    color: #fff; }
    .woocommerce-MyAccount-orders thead th {
      padding: 15px !important; }
  .woocommerce-MyAccount-orders tbody td {
    padding: 15px !important; }
  .woocommerce-MyAccount-orders .view {
    width: 100%;
    text-align: center; }

.woocommerce table.my_account_orders th {
  text-align: center; }

.woocommerce-account .entry-title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #013A70;
  margin-bottom: 60px; }
  .woocommerce-account .entry-title:before {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-right: 3%; }
    @media (min-width: 768px) {
      .woocommerce-account .entry-title:before {
        width: 100px; } }
  .woocommerce-account .entry-title:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 25px;
    height: 2px;
    background-color: #FBCA00;
    margin-left: 3%; }
    @media (min-width: 768px) {
      .woocommerce-account .entry-title:after {
        width: 100px; } }

#customer_login {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important; }
  @media (min-width: 992px) {
    #customer_login {
      width: 100%;
      flex-direction: row;
      padding-left: 30px;
      padding-right: 30px; } }
  @media (min-width: 1366px) {
    #customer_login {
      padding-right: 0;
      padding-left: 0; } }
  #customer_login .col-1 {
    background-color: #013A70;
    padding: 40px 20px;
    margin-bottom: 60px; }
    @media (min-width: 992px) {
      #customer_login .col-1 {
        margin-right: 5%; } }
    #customer_login .col-1 *:not(input) {
      color: #fff; }
    #customer_login .col-1 h2 {
      text-align: center; }
    #customer_login .col-1 .woocommerce-form-login__submit {
      background-color: #FBCA00 !important;
      border: 1px solid #FBCA00 !important;
      color: #013A70 !important;
      transition: all .3s ease; }
      #customer_login .col-1 .woocommerce-form-login__submit:hover {
        background-color: #fff !important;
        border: 1px solid #fff !important; }
    #customer_login .col-1 .woocommerce-form-login {
      padding-bottom: 0; }

form.register {
  border: 0 !important;
  border-top: 1px solid #FBCA00 !important;
  border-bottom: 1px solid #FBCA00 !important;
  border-radius: 0 !important; }
  @media (min-width: 992px) {
    form.register {
      border-bottom: 0 !important; } }
  form.register .woocommerce-form-register__submit {
    background-color: #FBCA00 !important;
    border: 1px solid #FBCA00 !important;
    border-radius: 40px !important;
    color: #013A70 !important;
    padding: 10px 30px !important;
    transition: all .3s ease;
    font-family: "FuturaMedium" !important;
    text-transform: uppercase !important; }
    form.register .woocommerce-form-register__submit:hover {
      background-color: #013A70 !important;
      border: 1px solid #013A70 !important;
      color: #fff !important; }

.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input {
  top: 17px !important; }

.woocommerce-lost-password .entry-content {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important; }
  @media (min-width: 1200px) {
    .woocommerce-lost-password .entry-content {
      width: 100%; } }
.woocommerce-lost-password .woocommerce-form-row {
  width: 100% !important; }
.woocommerce-lost-password .woocommerce-ResetPassword {
  width: 100%; }
  @media (min-width: 768px) {
    .woocommerce-lost-password .woocommerce-ResetPassword {
      max-width: 700px;
      margin-left: auto;
      margin-right: auto; } }
  .woocommerce-lost-password .woocommerce-ResetPassword button[type="submit"] {
    background-color: #FBCA00 !important;
    border: 1px solid #FBCA00 !important;
    border-radius: 40px !important;
    color: #013A70 !important;
    transition: all .3s ease;
    padding: 15px 20px !important;
    font-family: "FuturaHeavyRegular" !important;
    font-weight: normal !important;
    text-transform: uppercase;
    width: 100%;
    max-width: 200px; }
    .woocommerce-lost-password .woocommerce-ResetPassword button[type="submit"]:hover {
      background-color: #013A70 !important;
      border: 1px solid #013A70 !important;
      color: #fff !important; }

.post-password-form {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important;
  padding-bottom: 60px; }
  @media (min-width: 1200px) {
    .post-password-form {
      width: 600px; } }
  .post-password-form p {
    padding: 5px 0; }
  .post-password-form input[type="submit"] {
    background-color: #FBCA00 !important;
    border: 1px solid #FBCA00 !important;
    border-radius: 40px !important;
    color: #013A70 !important;
    transition: all .3s ease;
    padding: 15px 20px !important;
    font-family: "FuturaHeavyRegular" !important;
    font-weight: normal !important;
    text-transform: uppercase;
    width: 100%;
    max-width: 200px;
    margin-top: 10px; }
    .post-password-form input[type="submit"]:hover {
      background-color: #013A70 !important;
      border: 1px solid #013A70 !important;
      color: #fff !important; }

.logged-in.woocommerce-account .woocommerce-notices-wrapper {
  margin: 0 !important; }
.logged-in.woocommerce-account .entry-content {
  width: 90%;
  max-width: 1152px;
  margin: 0 auto;
  border-radius: 0 !important; }
  @media (min-width: 1200px) {
    .logged-in.woocommerce-account .entry-content {
      width: 100%; } }

.woocommerce-MyAccount-navigation {
  margin-bottom: 60px; }
  .woocommerce-MyAccount-navigation ul {
    margin: 0; }
  .woocommerce-MyAccount-navigation li {
    list-style-type: none;
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-top: 5px;
    padding-bottom: 10px; }
    .woocommerce-MyAccount-navigation li a {
      font-family: "Helvetica", "Arial", sans-serif;
      color: #013A70;
      font-size: 16px;
      text-decoration: none; }
      .woocommerce-MyAccount-navigation li a:visited {
        color: #013A70; }

.woocommerce-MyAccount-content h3 {
  font-size: 18px;
  line-height: 18px; }
.woocommerce-MyAccount-content a {
  color: #013A70; }
  .woocommerce-MyAccount-content a:visited {
    color: #013A70; }
.woocommerce-MyAccount-content em {
  font-size: 12px;
  line-height: 12px; }
.woocommerce-MyAccount-content address {
  font-size: 16px;
  line-height: 20px; }
.woocommerce-MyAccount-content fieldset {
  margin-top: 30px;
  margin-bottom: 30px; }
.woocommerce-MyAccount-content legend {
  color: #013A70;
  font-family: "FuturaHeavyRegular";
  text-transform: uppercase;
  font-size: 20px;
  line-height: 20px;
  margin-bottom: 30px; }
.woocommerce-MyAccount-content .woocommerce-form-row {
  padding: 0 !important; }
.woocommerce-MyAccount-content button[type="submit"] {
  background-color: #FBCA00 !important;
  border: 1px solid #FBCA00 !important;
  border-radius: 40px !important;
  color: #013A70 !important;
  transition: all .3s ease;
  padding: 15px 20px !important;
  font-family: "FuturaHeavyRegular" !important;
  font-weight: normal !important;
  text-transform: uppercase;
  width: 100%;
  max-width: 200px; }
  .woocommerce-MyAccount-content button[type="submit"]:hover {
    background-color: #013A70 !important;
    border: 1px solid #013A70 !important;
    color: #fff !important; }
.woocommerce-MyAccount-content .woocommerce-address-fields__field-wrapper {
  margin-bottom: 30px; }

.woocommerce-account .addresses .title .edit {
  color: #666;
  font-size: 13px;
  line-height: 13px; }

body.privacy-policy .entry-header {
  text-align: center; }
body.privacy-policy article {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0; }
  body.privacy-policy article h2 {
    font-size: 20px;
    line-height: 30px; }

body.page-template-page-trade .intro {
  background-color: #fff; }

.trade-icons {
  background-color: #fff;
  padding-bottom: 60px; }
  .trade-icons ul {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0; }
  .trade-icons li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px; }
    .trade-icons li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .trade-icons li {
        width: 23%; }
        .trade-icons li:nth-of-type(2n) {
          margin-right: 2%; }
        .trade-icons li:nth-of-type(4n) {
          margin-right: 0; } }
    .trade-icons li img {
      margin-bottom: 30px;
      max-width: 120px; }
    .trade-icons li p {
      color: #013A70;
      font-family: "FuturaHeavyRegular";
      font-size: 18px;
      line-height: 26px; }
      @media (min-width: 1200px) {
        .trade-icons li p {
          font-size: 22px;
          line-height: 30px; } }

.trade-registration {
  background-color: #fafafa;
  padding-top: 60px;
  padding-bottom: 60px;
  text-align: center; }
  .trade-registration:has(form) {
    text-align: left; }
  .trade-registration h2:not(.wholesaler-registration):not(form h2) {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    color: #013A70; }
    .trade-registration h2:not(.wholesaler-registration):not(form h2):before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .trade-registration h2:not(.wholesaler-registration):not(form h2):before {
          width: 100px; } }
    .trade-registration h2:not(.wholesaler-registration):not(form h2):after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .trade-registration h2:not(.wholesaler-registration):not(form h2):after {
          width: 100px; } }
  .trade-registration h2.wholesaler-registration {
    display: none;
    visibility: hidden; }
  .trade-registration .woocommerce-message {
    border: 1px solid #b2ff9e !important;
    background-color: #EFFFEB;
    color: #56BA3D;
    justify-content: center; }
    @media (min-width: 768px) {
      .trade-registration .woocommerce-message {
        max-width: 750px !important;
        margin-left: auto;
        margin-right: auto; } }
  .trade-registration .woocommerce-error {
    display: flex;
    background-color: #FBDBDD;
    border: 1px solid #FAB5B9 !important;
    color: #B6222C;
    justify-content: center; }
    @media (min-width: 768px) {
      .trade-registration .woocommerce-error {
        max-width: 750px !important;
        margin-left: auto;
        margin-right: auto; } }
    .trade-registration .woocommerce-error:before {
      display: none !important; }
  @media (min-width: 768px) {
    .trade-registration form {
      max-width: 750px;
      margin-left: auto;
      margin-right: auto; } }
  .trade-registration form h2, .trade-registration form h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    color: #013A70;
    margin-top: 60px;
    margin-bottom: 60px;
    font-size: 22px;
    line-height: 28px; }
    .trade-registration form h2:before, .trade-registration form h4:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .trade-registration form h2:before, .trade-registration form h4:before {
          width: 100px; } }
    .trade-registration form h2:after, .trade-registration form h4:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .trade-registration form h2:after, .trade-registration form h4:after {
          width: 100px; } }
  .trade-registration .form-row {
    margin-bottom: 20px; }
    .trade-registration .form-row:last-of-type {
      text-align: center;
      margin-top: 30px; }
      .trade-registration .form-row:last-of-type label {
        text-align: left; }
  .trade-registration label {
    display: block;
    margin-bottom: 10px;
    color: #013A70;
    font-family: "FuturaHeavyRegular";
    font-size: 18px;
    line-height: 18px; }
  .trade-registration input {
    background-color: #fafafa;
    border: 1px solid #013A70; }
  .trade-registration input[type="submit"] {
    border-radius: 40px !important;
    background-color: #013A70 !important;
    border-color: #013A70 !important;
    color: #fff !important;
    text-transform: uppercase !important; }
    .trade-registration input[type="submit"]:hover {
      background-color: #fafafa !important;
      color: #013A70 !important; }

.trade-benefits {
  background-color: #fff;
  padding-top: 60px;
  padding-bottom: 60px; }
  .trade-benefits h3 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    color: #013A70; }
    .trade-benefits h3:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .trade-benefits h3:before {
          width: 100px; } }
    .trade-benefits h3:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .trade-benefits h3:after {
          width: 100px; } }
  .trade-benefits ul {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    padding: 0; }
  .trade-benefits li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px; }
    .trade-benefits li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .trade-benefits li {
        width: 23%;
        margin-bottom: 0; }
        .trade-benefits li:nth-of-type(2n) {
          margin-right: 2%; }
        .trade-benefits li:nth-of-type(4n) {
          margin-right: 0; } }
    .trade-benefits li img {
      margin-bottom: 30px;
      max-width: 120px; }
    .trade-benefits li p {
      color: #013A70;
      text-align: center;
      text-transform: uppercase;
      font-family: "FuturaHeavyRegular";
      font-size: 18px;
      line-height: 26px; }
      @media (min-width: 1200px) {
        .trade-benefits li p {
          font-size: 22px;
          line-height: 30px; } }

.trade-help {
  background-color: #013A70;
  padding-top: 60px;
  padding-bottom: 60px; }
  .trade-help h4 {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-bottom: 60px;
    position: relative;
    color: #fff; }
    .trade-help h4:before {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-right: 3%; }
      @media (min-width: 768px) {
        .trade-help h4:before {
          width: 100px; } }
    .trade-help h4:after {
      content: "";
      display: inline-block;
      position: relative;
      width: 25px;
      height: 2px;
      background-color: #FBCA00;
      margin-left: 3%; }
      @media (min-width: 768px) {
        .trade-help h4:after {
          width: 100px; } }
  .trade-help p {
    color: #fff;
    width: 100%;
    text-align: center; }
  .trade-help ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    padding: 0;
    margin-top: 60px; }
  .trade-help li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 20px; }
    .trade-help li:nth-of-type(2n) {
      margin-right: 0; }
    @media (min-width: 768px) {
      .trade-help li {
        width: 23%;
        margin-bottom: 0; }
        .trade-help li:nth-of-type(2n) {
          margin-right: 2%; }
        .trade-help li:nth-of-type(4n) {
          margin-right: 0; } }
    .trade-help li img {
      margin-bottom: 30px;
      max-width: 100px; }
    .trade-help li p {
      color: #fff;
      text-align: center;
      font-family: "FuturaHeavyRegular";
      font-size: 16px;
      line-height: 22px; }
      @media (min-width: 1200px) {
        .trade-help li p {
          font-size: 18px;
          line-height: 26px; } }
      .trade-help li p + p {
        margin-top: 15px;
        font-family: "FuturaMedium";
        font-size: 14px;
        line-height: 20px; }
        @media (min-width: 1200px) {
          .trade-help li p + p {
            font-size: 16px;
            line-height: 22px; } }
      .trade-help li p a {
        color: #fff; }
        .trade-help li p a:visited {
          color: #fff; }
      @media (min-width: 768px) {
        .trade-help li p a[href^="tel:"] {
          pointer-events: none; } }

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