html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {   margin:0;   padding:0;   border:0;   outline:0;   font-size:100%;   vertical-align:baseline;   background:transparent; } body { line-height: 1; } article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section {  display:block; } nav ul {   list-style:none; } a {   margin:0;   padding:0;   font-size:100%;   vertical-align:baseline;   background:transparent; outline: none; } input, select {   vertical-align: middle; } table, tbody, tfoot, thead, tr, th, td {  vertical-align: top; } table { border-spacing: 0; } .clr { clear: both; } small { font-size: smaller; }  html {  box-sizing: border-box; } *, *:before, *:after {  box-sizing: inherit; }  .hidden, .notreq { display: none; } .alignright { text-align: right !important; } .floatright { float: right !important; } .fullwidth { width: 100%; } .nowrap { white-space: nowrap; } .clickable { cursor: pointer; } .br { display: block; }  body { background: #fff; color: #222; font: normal normal 18px/28px 'Raleway', Arial, Helvetica, sans-serif; background-position: center top;  } html, body {  min-height: 100%; } html.iframe, html.iframe body { height: auto; min-height: 0; } body {  position: relative;  max-width: 1920px;  margin: 0 auto; }  body .overlay {  position: fixed;  top: 0;  left: 0;  width: 100%;  height: 100%;  z-index: 1000;  background-color: rgba(0,0,0,0.7);  display: none; } body .overlay .preloader { width: 100%; height: 100%; background-image: url(../_shared/_img/preloader.gif); background-repeat: no-repeat; background-position: center center; } #globaltotop { position: fixed; bottom: 0; width: 100%; text-align: center; z-index: 300; display: none; } #globaltotop a { background: rgba(139,197,64,0.8); display: inline-block;  color: #fff; padding: 10px 15px 5px 15px; border-top-left-radius:12px; border-top-right-radius:12px; text-decoration: none; } #globaltotop a b { display: inline-block; width: 28px; height: 17px; background: url(../_img/to_top_arrow.png); background-repeat: no-repeat; }  @media (max-width: 940px) { } @media (max-width: 740px) {  body {  font: normal normal 16px/26px 'Raleway', Arial, Helvetica, sans-serif;   } } @media (max-width: 540px) {  body {  font: normal normal 15px/24px 'Raleway', Arial, Helvetica, sans-serif; } } .wrapper--bg1, .container--bg1, .content--bg1 { background-color: #fff; } .wrapper--bg2, .container--bg2, .content--bg2 { background-color: #a4d9f0 } .wrapper--bg3, .container--bg3, .content--bg3 { background-color: #3586a5; } .wrapper--bg4, .container--bg4, .content--bg4 { background: #083d51; }   .wrapper--hidden { display: none; }   .wrapper { margin-bottom: 30px; } .wrapper--bg, .wrapper--bg.wrapper--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .wrapper--bg_image { background-size: cover; background-position: center; position: relative; } .wrapper > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 1;  } .wrapper--mb_none { margin-bottom: 0; } .wrapper--mb_hairline { margin-bottom: 5px; } .wrapper--mb_normal { margin-bottom: 30px; } .wrapper--mb_large { margin-bottom: 45px; } .wrapper--mb_xlarge { margin-bottom: 60px; } .wrapper--mb_xxlarge { margin-bottom: 90px; } .wrapper--padding_vert_none, .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal { padding-top: 0px; padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; } .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge { padding-top: 90px !important; padding-bottom: 90px !important; }  .wrapper--limit_width_half   .content, .wrapper--limit_width_half   .container h1 {  max-width: 705px; } .wrapper--limit_width_third  .content, .wrapper--limit_width_third  .container h1 {  max-width: 465px; } .wrapper--limit_width_quarter  .content, .wrapper--limit_width_quarter  .container h1 {  max-width: 345px; } .wrapper--limit_width_two_thirds  .content, .wrapper--limit_width_two_thirds  .container h1 {  max-width: 930px; } .wrapper--limit_width_three_quarters .content, .wrapper--limit_width_three_quarters .container h1 {  max-width: 1035px; }  .wrapper--limit_align_center  .content, .wrapper--limit_align_center  .container h1 {  margin-left: auto;  margin-right: auto; } .wrapper--limit_align_right  .content, .wrapper--limit_align_right  .container h1 {  margin-left: auto;  margin-right: 0; }   .container, .container--medium, .container--large { width: 95%; max-width: 1170px; margin: 0 auto; position: relative; z-index: 2; } .container--medium { max-width: 930px; } .container--large { max-width: 1410px; } .container--infinite { width: 100%; max-width: none; }  .container--bg { padding-top: 30px; padding-bottom: 30px; } .container--bg .section > .column > .content, .container--bg > h1, .container--bg > h2 { padding-left: 30px; padding-right: 30px; } .container--bg_image { background-size: cover; background-position: center; position: relative; } .container > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 3;  } .container--no_gutter .section { margin-left: 0; } .container--no_gutter .section > .column { padding-left: 0; }  .container--two_col_60_40 > .section > .column:first-of-type {  width: 60% !important; flex: none !important; } .container--two_col_70_30 > .section > .column:first-of-type {  width: 70% !important; flex: none !important; }  .container--two_col_625_375 > .section > .column:first-of-type {  width: 62.5% !important; flex: none !important; }  .container--two_col_40_60 > .section > .column:first-of-type { width: 40% !important; flex: none !important; }  .container--two_col_30_70 > .section > .column:first-of-type { width: 30% !important; flex: none !important; }  .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type { width: 25% !important; flex: none !important; }   .section { display: flex; flex-wrap: nowrap;  margin-left: -30px;  }  .column { flex: 1; box-sizing: border-box; padding-left: 30px; display: flex;  position: relative; z-index: 4; } .column--align_bottom {  align-self: flex-end; }  .content { width: 100%; box-sizing: border-box; position: relative; z-index: 5; } .content--bg { padding: 30px; background-position: center center; background-size: cover; background-repeat: no-repeat; } .content > span.bg_image { top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; position: absolute; background-size: cover; background-position: center; z-index: 6;  }   .content > div > h2:last-child, .content > div > h3:last-child, .content > div > p:last-child, .content > div > hr:last-child, .content > div > ul:last-child, .content > div > ol:last-child, .content > div > table:last-child, .content > div > .video:last-child { margin-bottom: 0 !important; }  .content > div { position: relative; z-index: 6; }  .content--align_left { text-align: left; } .content--align_center { text-align: center; } .content--align_justify p { text-align: justify; } .content--align_right { text-align: right; }   .content--padding_vert_none { padding-top: 0 !important; padding-bottom: 0 !important; } .content--padding_vert_normal { padding-top: 30px; padding-bottom: 30px; } .content--padding_vert_large { padding-top: 45px !important; padding-bottom: 45px !important; } .content--padding_vert_xlarge { padding-top: 60px !important; padding-bottom: 60px !important; }  .content--padding_horiz_none { padding-left: 0 !important; padding-right: 0 !important; } .content--padding_horiz_normal { padding-left: 30px; padding-right: 30px; } .content--padding_horiz_large { padding-left: 45px !important; padding-right: 45px !important; } .content--padding_horiz_xlarge { padding-left: 60px !important; padding-right: 60px !important; } .container--full .content--padding_horiz_xlarge { padding-left: 25% !important; padding-right: 25% !important; }  .content--bg div p.stretch_full_width { margin-left: -30px;  margin-right: -30px; } .content--bg div p.stretch_full_width:first-of-type { margin-top: -30px; }  .content--fontcol_1 * { color: #222; } .content--fontcol_2 * { color: #fff; }  .content--limit_690 { max-width: 690px; } .content--limit_650 { max-width: 650px; }  .wrapper--bg4 .content *, .container--bg4 .content *, .content--bg4 *, .wrapper--bg4 .content h3, .container--bg4 .content h3, .content.content--bg4 h3, .wrapper--bg4 .content a:hover, .container--bg4 .content a:hover, .content.content--bg4 a:hover  { color: #fff; }  .content--border_1 { border: 2px solid #d6d6d6; } .content--border_2 { border-top: 2px solid #d6d6d6; border-bottom: 2px solid #d6d6d6; } .content--border_3 { box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.4); }   .content--corners_1 { border-radius: 10px; overflow: hidden; }   @media (max-width: 940px) { .section {  display: block;  margin-left: -30px; }  .section .column {  margin-bottom: 30px; } .section > .column:last-of-type {  margin-bottom: 0px; }  .wrapper--mb_none .section > .column.empty {  margin-bottom: 0 !important; }  .section .column, .container--two_col_wide_left > .section > .column:first-of-type, .container--two_col_wide_right > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:first-of-type, .container--three_col_wide_mid > .section > .column:last-of-type,  .container--two_col_60_40 > .section > .column:first-of-type, .container--two_col_70_30 > .section > .column:first-of-type, .container--two_col_625_375 > .section > .column:first-of-type, .container--two_col_40_60 > .section > .column:first-of-type, .container--two_col_30_70 > .section > .column:first-of-type {  width: auto !important; }  .container--four_col > .section {  display: flex;  flex-wrap: wrap;  }  .container--four_col > .section > .column {  flex-basis: 50%; }   .emptybg .content > div {  height: 0;  padding-top: 40%;  } }  @media (max-width: 740px) {  .wrapper--padding_vert_none,  .wrapper--bg.wrapper--padding_vert_none, .wrapper--padding_vert_normal {  padding-top: 0px;  padding-bottom: 0px; } .wrapper--padding_vert_large, .wrapper--bg.wrapper--padding_vert_large {  padding-top: 45px !important;  padding-bottom: 45px !important; } .wrapper--padding_vert_xlarge, .wrapper--bg.wrapper--padding_vert_xlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; }  .wrapper--padding_vert_xxlarge, .wrapper--bg.wrapper--padding_vert_xxlarge {  padding-top: 45px !important;  padding-bottom: 45px !important; } } header { position: fixed;   z-index: 300;   width: 100%; top: 0; height: 60px; opacity: 1; max-width: 1920px; background: #8bc540; border-radius: 0; left: 0; transform: none; } #header_prop { height: 180px; } header h2 a { display: block; position: absolute; background: url(../_img/header/badge_creation_logo_w_shadow.png); background-repeat: no-repeat; text-indent: -5600px; width: 242px; height: 164px; top: 0px; left: -70px; }  nav#globalnav { position: absolute; right: 0px; top: 0; } nav#globalnav > ul > li { display: inline; padding-left: 40px; position: relative; } nav#globalnav > ul > li > a { display: inline-block; line-height: 60px; color: #000; font-weight: 500; text-decoration: none;  font-size: 18px; transition: color 0.1s ease-in-out, background-position 0.3s ease-in-out; background-image: url(../_img/triangle_up_large.png); background-size: 20px auto; background-repeat: no-repeat; background-position: center 60px;  } nav#globalnav > ul > li:first-of-type { padding-left: 0; } .home  nav#globalnav > ul > li.gn-home > a, .badges  nav#globalnav > ul > li.gn-badges > a, .about  nav#globalnav > ul > li.gn-about > a, .faqs  nav#globalnav > ul > li.gn-faqs > a, .accessories nav#globalnav > ul > li.gn-accessories > a, .contact  nav#globalnav > ul > li.gn-contact > a, nav#globalnav > ul > li:hover > a { color: #fff;  background-position: center 52px; }  #main_nav_holder nav#globalnav li.gn-home, nav#globalnav > ul > li > ul, #open_nav, #close_nav { display: none; }  #main_nav_holder nav#globalnav ul li ul { display: none; visibility: hidden; opacity: 0; min-width: 250px; position: absolute; z-index: 120;  left: 0; background: #fff; border: 3px solid #8bc540; border-top: none;  } #main_nav_holder nav#globalnav ul li ul li { text-transform: none; } #main_nav_holder nav#globalnav ul li ul a { display: block; padding: 8px 15px; font-size: 0.9em; text-decoration: none; color: #000; transition: all 0.1s ease-in-out; background-image: url(../_img/subnav_arrow_green.png); background-repeat: no-repeat; background-position: -15px center; } #main_nav_holder nav#globalnav ul li ul li:hover a { color: #000; padding-left: 25px; background-position: -3px center; }   #main_nav_holder nav#globalnav > ul > li:hover > ul, #main_nav_holder nav#globalnav> ul > li ul:hover { visibility: visible; display: block; opacity: 1; } #main_nav_holder nav#globalnav > ul > li:focus-within > ul { visibility: visible; display: block; opacity: 1; } #main_nav_holder nav#globalnav ul li ul li { clear: both; display: block; width: 100%; }  @media (max-width: 1280px) { header h2 a {  left: -5.5vw; } }  @media (max-width: 1000px) { nav#globalnav > ul > li {  padding-left: 25px;  } }  @media (max-width: 940px) { header .container {  width: 100%;  }  header h2 a {  left: -30px; }  #main_nav_holder nav#globalnav li.gn-home, #open_nav, #close_nav {  display: block;  }   #open_nav {  display: block;  width: 60px;  height: 50px;  position: absolute;  top: 5px;  right: 5px;  z-index: 5;  cursor: pointer;  background-image: url(../_shared/_img/icons/burger_white_36px.png);  background-repeat: no-repeat;  background-size: 36px auto;  background-position: center;  transition: 0.1s all ease-out; }   #close_nav {  display: block;  color: #fff;  position: absolute;  top: 10px;  right: 32px;  font-size: 60px;  line-height: 1;  cursor: pointer; } #main_nav_holder nav#globalnav {  position: fixed;  z-index: 200;  left: 50%;  transform: translateX(-50%);  height: 100vh;  width: 100%;  top: -100vh;  opacity: 0;  background: rgba(0,0,0,0.85);  overflow: hidden;  display: flex;  align-items: center;  align-items: flex-start;  justify-content: center; }  header.mob_open #main_nav_holder nav#globalnav {  top: 0;  opacity: 1;  transition: top 0.2s ease-in, opacity 0.5s ease-out; } header.mob_open #open_nav {  top: -100px; }   #main_nav_holder nav ul {  display: block;  position: absolute;  top: 50%;  width: 100%;  transform: translateY(-50%);  text-align: center; }  #main_nav_holder nav ul li, #main_nav_holder nav ul li:first-of-type {  display: block;  text-align: center;  padding-left: 0;   }  #main_nav_holder nav ul li a {  color: #fff;  display: inline;  width: 100%;  text-align: center;  height: auto;  font-size: 1.6em;  line-height: 1.9;  background: none; }  #main_nav_holder nav#globalnav > ul > li:hover > ul, #main_nav_holder nav#globalnav> ul > li ul:hover {  visibility: hidden;  display: none;  opacity: 1; }  #main_nav_holder nav#globalnav > ul > li:focus-within > ul {  visibility: hidden;  display: none;  opacity: 1; } }  @media (max-width: 540px) { header h2 a {  width: 180px;  height: 115px;  background-size: 180px auto;  left: -20px; } #header_prop {  height: 115px; } } .content p, .content ul { margin-bottom: 30px; }  .content p.image_left { float: left; padding: 0 30px 30px 0; } .content p.image_right { float: right; padding: 0 0 30px 30px; } .content p.image_right.tight_left { padding-left: 0; } .content p.pull_up { margin-top: -20px; } .content p.top_bustout { margin-left: -90px; margin-top: -150px; margin-bottom: 0; } .content p.top_bustout.image_left { padding-bottom: 0; } .content p.image_full img { display: block; width: 100%; height: auto; } .content p.image_full.stretch_none img { display: block; width: auto; height: auto; } .content p.bordered img { border: 1px solid #8bc540; }  div.video { position: relative; padding-bottom: 56.25%;  height: 0; overflow: hidden; margin-bottom: 30px; } div.video iframe, div.video img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }  .wrapper--subpage_heading { text-align: right; border-bottom: 4px solid #39b24a; } #hero_wrapper .content h1, .wrapper--subpage_heading .content h1 { color: #39b24a; font-weight: 500; font-size: 2em; line-height: 1.5; margin-bottom: 10px; } .wrapper--subpage_heading .content.content--heading_align_text h1 { padding-left: 330px; }  .wrapper--subpage_content .content p, .wrapper--subpage_content .content ul { font-size: 1.1em;  line-height: 1.5; } .wrapper--subpage_content p.lead { font-size: 1.2em;  line-height: 1.6; } .wrapper--subpage_content strong.brand { color: #39b24a;  font-weight: normal; } .wrapper--subpage_content .content ul { margin-left: 30px; }  .content a { color: #39b24a;  text-decoration: underline; } .content a:hover { color: #008f45; }  .content ul li { list-style: none; background-image: url(../_img/list_bullet.png); background-repeat: no-repeat; background-size: 6px 6px; background-position: 0 11px; padding-left: 16px; padding-bottom: 4px; }   .wrapper--callout { border-top: 40px solid #c3e09f; background: #88c240; } .wrapper--callout .content h2 {  color: #fff;  margin-bottom: 20px;  font-family: 'Raleway', sans-serif; font-weight: 500; font-size:2em; line-height: 1.5; } .wrapper--callout .content p.desc { max-width: 500px; margin-left: auto;  margin-right: auto; margin-top: -10px; } .wrapper--callout p.button { padding-bottom:30px; } .content p.get_in_touch_button a, .wrapper--callout p.button a { background: #006837; color: #fff; text-transform: uppercase; text-decoration: none; padding: 10px 25px; border-radius: 40px; display: inline-block; transition: all 0.1s ease-in-out; } .content p.get_in_touch_button a:hover, .wrapper--callout p.button a:hover { transform: scale(1.1); opacity: 0.9; }  .wrapper--callout_white { border-top: none; background: #fff; } .wrapper--callout_white .content h2 { color: #39b54a;  font-weight: 500; }  .faq { border-bottom: 1px solid #bbb;  padding: 20px 0; } .faq h3 { font-weight: 500; font-size: 1.1em; cursor: pointer; background-image: url(../_img/plus_minus.png); background-repeat: no-repeat; background-position: right -5px; padding-right: 40px; } .faq h3.active { background-position: right -205px; } .faq .answer { display: none;  padding-top: 15px; } .faq .answer p:last-of-type { margin-bottom: 0; }  .tandc .content ol {  counter-reset: item;  } .tandc .content ol li {  display: block; margin-bottom: 20px; }  .tandc .content ol li:before {  content: counters(item, ".") ". ";  counter-increment: item; font-weight: bold; } .tandc .content ol li ol li:before {  font-weight: normal; } .tandc .content ol li ol {  margin-left: 40px; }  .tandc .content ol li ol li {  margin-bottom: 5px; }   .contact .wrapper--contact_details .col1 .content { padding-right: 20px; max-width: 640px;  } .contact .content h1 {   color: #39b54a;   font-weight: 500;   font-size: 2em;   line-height: 1.5;   margin-bottom: 1.9em; }   #testimonials h3 { font-size: 1.9em; line-height: 1.5; font-weight: 400; color: #222;  margin-bottom: 10px;  } #testimonials h3 strong { background-image: url(../_img/footer_logo_white.png); background-repeat: no-repeat; background-position: left 10px; background-size: 140px auto; width: 140px; height: 100px; margin-left: 10px; display: inline-block; text-indent: -4780px; } #testimonials .testimonials_holder { background: rgba(255,255,255,0.7); border: 1px solid #ededed; border-radius: 10px; } #testimonials .quote { width: 100%; } #testimonials .quote blockquote { padding: 40px 40px 0 200px; text-align: left; background-image: url(../_img/quote_5star.png); background-repeat: no-repeat; background-position: 40px 30px; color: #999999; font-size: 1.111em; } #testimonials .quote blockquote cite { font-size: 0.8em; font-weight: 700; text-transform: uppercase; color: #444; font-style: normal; } #testimonials-nav { display: flex; } #testimonials-nav div { flex: 1; height: 50px; } #testimonials-nav div { position: relative;  transition: all 0.4s ease-in-out; } #testimonials-nav #testimonials-prev { border-right: 1px solid #fff; background-color: rgba(140,198,63,.5); border-bottom-left-radius: 10px; cursor: pointer; } #testimonials-nav #testimonials-next { border-left: 1px solid #fff; background-color: rgba(140,198,63,1); border-bottom-right-radius: 10px; cursor: pointer; } #testimonials-nav div span { display: block; position: absolute; top: 0; width: 16px; height: 50px; background-repeat: no-repeat; background-position: 0 center; } #testimonials-nav #testimonials-prev span { background-image: url(../_img/quote_arrows_prev.png); background-position: -16px center; left: 10px; } #testimonials-nav #testimonials-next span { background-image: url(../_img/quote_arrows_next.png); background-position: -16px center; right: 10px; } #testimonials-nav #testimonials-prev:hover { background-color: rgba(140,198,63,.6); } #testimonials-nav #testimonials-next:hover { background-color: #7eb239; } #testimonials-nav #testimonials-prev.active { background-color: rgba(140,198,63,1); } #testimonials-nav #testimonials-prev.active span {  background-position: 0 center; } #testimonials-nav #testimonials-prev:hover { background-color: #7eb239; } @media (max-width: 940px) {  .content p.top_bustout img {  width: 350px;  height: auto;  } .wrapper--subpage_heading .content.content--heading_align_text h1 {  padding-left: 290px; } }  @media (max-width: 540px) {   .content p.top_bustout {  margin-left:0;  margin-top: 0;  margin-bottom: 0; } .content p.top_bustout img {  width: 190px;  height: auto;  display: block; } .wrapper--subpage_heading.wrapper--mb_large {  border: none;  margin-bottom: 20px; } .wrapper--subpage_heading .content.content--heading_align_text h1 {  padding-left: 0;  line-height: 1.3; }  #brand_symbol {  float: none;  margin-top: 0;  text-align: center;  padding: 0; }  #testimonials h3 {  font-size: 1.9em;  line-height: 1.2; } #testimonials h3 strong {  margin-left: 0;  display: block;  width: 100%;  background-position: center 10px; } #testimonials .quote blockquote {  padding: 30px 30px 0 65px;  background-position: -95px 20px; } }#product_range_widget { padding-top: 60px; padding-bottom: 60px; } #product_range_widget .alt_display { display: none; } .product_range_widget { display: flex; } .product_range_widget a { flex: 1; transition: all 0.1s ease-in-out; text-decoration: none; position: relative; } .product_range_widget a img { width: 100%; height: auto; } .product_range_widget a figcaption { text-align: center; background: #e3e3e3; font-size: 15px; color: #000; width: 80%; margin: 0 auto 35px auto; border-radius: 20px; }  .product_range_widget a figcaption:after {   content:'';   display: block;   position: absolute;   height: 20px; left: 0px;   bottom: 0px;   width: 100%;  background-image: url(../_img/shadow_med.png); background-position: center bottom; background-repeat: no-repeat; background-size: 50% auto; opacity: 0.7; }  .product_range_widget a:hover figcaption { color: #fff;  background: #39b24b; } .product_range_widget a:hover figcaption:after {  bottom: 5px; background-size: 60% auto; opacity: 1; } .product_range_widget a:hover { transform: scale(1.25); }  @media (max-width: 940px) { .product_range_widget {  flex-wrap: wrap;  justify-content: center; } .product_range_widget a figcaption:after {  display: none; }  .product_range_widget a {  min-width: 145px;  max-width: 145px; } .product_range_widget.accessories_range_widget a {  min-width: 170px;  max-width: 170px; } span.non_essential {  display: none;  } #product_range_widget .alt_display {  display: block;  } }  .wrapper--our_clients_header { background-color: rgba(140,198,63,.5); margin-bottom: 0; } .wrapper--our_clients_header .content h3 { font-weight: 400; font-size: 1.67em; line-height: 2; } .wrapper--our_clients { background-color: #8bc540; } .wrapper--our_clients aside.client_logos { display: flex; } .wrapper--our_clients aside.client_logos p { flex: 1; margin: 1%; } .wrapper--our_clients aside.client_logos p img { max-width: 100%; height: auto; }  footer .column.col1, footer .column.col2, footer .column.col4 { width:20% !important; flex: none !important; } footer.wrapper { border-top: 20px solid #8bc540;  font-size: 14px; line-height: 1.45; padding-top: 30px; background: #eee; margin-bottom: 0; padding-bottom: 30px; } footer .content {  } footer .content ul { list-style: none; } footer .content li { background: none; padding: 0; } footer .content p, footer .content ul { margin-bottom: 20px; } footer .content a { color: #222;  text-decoration: none; }  footer .col1 .content p { margin-bottom: 15px; }  footer .col2, footer .col3 { background-image: url(../_img/footer_div.png); background-repeat: repeat-y; background-position: 15px 0; } footer #globalnav-copy > ul > li > ul { display: none; } footer #globalnav-copy > ul > li, footer #productnav-copy > ul > li { padding-bottom: 15px; }  footer .col3 .content h4 { text-transform: uppercase; margin-bottom: 15px;  } footer #productnav-copy > ul { display: flex;  flex-wrap: wrap; } footer #productnav-copy > ul li a span { display: none; } footer #productnav-copy > ul li { width: 25%; }  footer .col4 {  align-self: flex-end;  padding-bottom: 20px; } footer .content p#footer-logo img { width:160px; height: auto; } footer .content p#footer-copyright { margin-bottom: 0; } @media(max-width: 1200px) {  footer #productnav-copy > ul li {  width: 33.3333%; } }  @media(max-width: 1040px) { footer .column.col1 {  width: 25% !important; } footer .column.col2 {  width: 20% !important; } footer .column.col3 {  width: 30% !important; } footer .column.col4 {  width: 25% !important; } footer #productnav-copy > ul li {  width: 50%; } }  @media(max-width: 940px) { footer .section {  display: flex;  flex-direction: column;   } footer .column.col2 {  display: none; } footer .column.col3 {  width: auto !important;  order: 0; } footer .column.col4 {  width: 100% !important;  order: 1; } footer .column.col1 {  width: auto !important;  order: 2; }   footer .col2, footer .col3 {  background: none; } footer #productnav-copy > ul li {  width: 25%; } footer #productnav-copy > ul li a {  padding-right: 1em; } footer .column.col4 .content, footer .column.col1 .content {  text-align: center !important; } }  @media(max-width: 540px) { footer #productnav-copy > ul li {  width: 33.333%; }  } @media(max-width: 430px) { footer #productnav-copy > ul li {  width: 50%; }  }