@charset "UTF-8";
/**
  Notes
  1. If you're using VSCode, the "go to definition" functionality for importing Sass files with a hyphen may not work (yet), so you may be seeing an error load on the bottom right of your screen when you click on it and it says the file does not exist (even if it does).
      https://github.com/microsoft/vscode/issues/58204.
  2. Make sure that the minifier for css disabled
      a. Go to config.local.php
      b. Set 'global:minify_javascript' to false
*/
/* =Media path
------------------------------------------------------------------------------*/
/* =Color variables
------------------------------------------------------------------------------*/
/* =Fonts
------------------------------------------------------------------------------*/
/* =Breakpoints
------------------------------------------------------------------------------*/
/* =Mixins
------------------------------------------------------------------------------*/
/* =Define view port
------------------------------------------------------------------------------*/
/* =Utitly extends
------------------------------------------------------------------------------*/
/* =Utility classes
------------------------------------------------------------------------------*/
.displayBlockMobile {
  display: none;
}

@media screen and (max-width: 640px) {
  .displayBlockMobile {
    display: block !important;
  }
}

@media screen and (max-width: 640px) {
  .hideMobile {
    display: none !important;
  }
}

.isHidden, .is-hidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.is-displayNone {
  display: none;
}

.isInvisible {
  visibility: hidden;
  opacity: 0;
  height: 0;
  overflow: hidden;
  position: absolute;
}

#scroll-top {
  position: fixed;
  bottom: 100px;
  display: block;
  right: 0;
  background: #74b700;
  width: auto;
  padding: 10px 10px 7px;
  text-align: center;
  color: #ffffff;
  font-size: 13px;
  z-index: 99;
  -webkit-border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  display: none;
  -webkit-box-shadow: 1px 0px 5px -1px #666666;
          box-shadow: 1px 0px 5px -1px #666666;
}

#scroll-top i.fa {
  font-size: 13px;
  display: inline-block;
  margin-bottom: 5px;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'es-font-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

#scroll-top i.fa:before {
  content: "\e909";
}

#scroll-top:hover {
  background: #ce188e;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #scroll-top:hover {
    background: #74b700;
  }
}

hr.dotted {
  border: none;
  border-top: 1px dotted #979797;
  color: #fff;
  background-color: #fff;
  height: 1px;
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  hr.dotted.spacer.small-hide {
    display: none;
    margin: 0;
  }
}

.img--center {
  margin: auto;
  display: block;
}

/* =Lazyloading
--------------------------------------------------------*/
/* fade image in after load */
.lazyload,
.lazyloading {
  opacity: 0;
}

.lazyloaded {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}

/* fade image in while loading and show a spinner as background image (good for progressive images) */
#product-finishes .lazyload,
.product-listing .lazyload,
.product-finishing__visual--image .lazyload {
  opacity: 0;
}

#product-finishes .lazyload,
#product-finishes .lazyloading,
.product-listing .lazyload,
.product-listing .lazyloading,
.product-finishing__visual--image .lazyload,
.product-finishing__visual--image .lazyloading {
  opacity: 1;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
  background: #f7f7f7 url(../images/loader-es-green.gif) no-repeat center;
  width: 100%;
  min-height: 60px;
}

/* To update: 
  1. Go to https://icomoon.io/app/
  2. Import JSON file
  3. Generate icon font and download
  4. Copy updated font files to _fonts folder
  5. Inside the downloaded folder, open style.css. Copy the added icon class names and paste it here
*/
@font-face {
  font-family: 'es-font-icons';
  src: url("_fonts/es-font-icons.eot?rmp2xy");
  src: url("_fonts/es-font-icons.eot?rmp2xy#iefix") format("embedded-opentype"), url("_fonts/es-font-icons.ttf?rmp2xy") format("truetype"), url("_fonts/es-font-icons.woff?rmp2xy") format("woff"), url("_fonts/es-font-icons.svg?rmp2xy#es-font-icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'es-font-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:not(.es-radio-custom) [class^="icon-"]:before, :not(.es-radio-custom) [class*=" icon-"]:before {
  position: relative;
  top: 1px;
}

.icon-users-solid:before {
  content: "\e92a";
}

.icon-user-solid-isolated:before {
  content: "\e929";
}

.icon-save-quote-solid:before {
  content: "\e928";
}

.icon-save-design-solid:before {
  content: "\e927";
}

.icon-gem-solid:before {
  content: "\e926";
}

.icon-corporate-designs:before {
  content: "\e925";
}

.icon-box:before {
  content: "\e924";
}

.icon-box-complete:before {
  content: "\e923";
}

.icon-address-book-solid:before {
  content: "\e922";
}

.icon-feature-production:before {
  content: "\e921";
}

.icon-feature-delivery:before {
  content: "\e920";
}

.icon-th-list-solid:before {
  content: "\e91f";
}

.icon-th-large-solid:before {
  content: "\e91e";
}

.icon-save-quote:before {
  content: "\e91d";
}

.icon-tag-solid:before {
  content: "\e91c";
}

.icon-tag-outline:before {
  content: "\e91b";
}

.icon-exclamation-triangle-solid:before {
  content: "\e91a";
}

.icon-search-solid:before {
  content: "\e919";
}

.icon-print-solid:before {
  content: "\e918";
}

.icon-envelope-regular:before {
  content: "\e917";
}

.icon-paper-plane-solid:before {
  content: "\e916";
}

.icon-check-circle-regular:before {
  content: "\e915";
}

.icon-user-solid:before {
  content: "\e914";
}

.icon-user-add:before {
  content: "\e913";
}

.icon-plus-solid:before {
  content: "\e912";
}

.icon-edit-solid:before {
  content: "\e911";
}

.icon-close-solid:before {
  content: "\e910";
}

.icon-cancelled:before {
  content: "\e90f";
}

.icon-address-book:before {
  content: "\e90e";
}

.icon-home-solid:before {
  content: "\e90d";
}

.icon-instagram-brands:before {
  content: "\e90a";
}

.icon-twitter-square-brands:before {
  content: "\e90b";
}

.icon-facebook-square-brands:before {
  content: "\e90c";
}

.icon-arrow-up-solid:before {
  content: "\e909";
}

.icon-chevron-down-solid:before {
  content: "\e907";
}

.icon-chevron-up-solid:before {
  content: "\e908";
}

.icon-frown-open-solid:before {
  content: "\e905";
}

.icon-times-circle-solid:before {
  content: "\e906";
}

.icon-check-circle-solid:before {
  content: "\e904";
}

.icon-exclamation-circle-solid:before {
  content: "\e903";
}

.icon-chevron-left-solid:before {
  content: "\e901";
}

.icon-chevron-right-solid:before {
  content: "\e902";
}

.icon-info-circle-solid:before {
  content: "\e900";
}

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 100%;
}

*,
*::before,
*::after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
}

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-weight: normal;
  line-height: 1.5;
  color: #414141;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
  -ms-interpolation-mode: bicubic;
}

textarea {
  height: auto;
  min-height: 50px;
  border-radius: 0;
}

select {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  border-radius: 0;
}

.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
  max-width: none !important;
}

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  line-height: 1;
}

[data-whatinput='mouse'] button {
  outline: 0;
}

pre {
  overflow: auto;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}

/* =Start styling
------------------------------------------------------------------------------*/
body {
  font-family: "Roboto", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #414141;
}

#body {
  min-height: 400px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #body {
    padding-top: 124px;
  }
}

p {
  margin-bottom: 1em;
  font-family: "Roboto", sans-serif;
  line-height: 1.4em;
}

p + p:last-child, p:only-child {
  margin-bottom: 0;
}

ul {
  margin-left: 0;
}

ul li {
  margin-left: 20px;
}

ol li {
  margin-left: 20px;
}

a {
  outline: 0 !important;
  color: #7aae00;
  text-decoration: none;
}

h1 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #414141;
  line-height: 1.1em;
  border-bottom: 1px solid;
  border-color: #979797;
  padding-bottom: 20px;
  margin-top: 0;
  font-size: 48px;
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: .25em;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  h1 {
    border: none;
    font-size: 40px;
  }
}

h1.home-headline {
  font-weight: 900;
  font-size: 58px;
  margin-top: 54px;
  padding-bottom: 0;
  border-bottom: none;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  h1.home-headline {
    font-size: 43px;
    margin-top: 30px;
  }
}

h1.home-headline span {
  display: none;
}

h1.no-underline {
  border-bottom: none;
  padding-bottom: 0px;
  margin-bottom: 20px;
}

h2 {
  font-family: "Roboto", sans-serif;
  color: #414141;
  font-size: 38px;
  font-weight: 600;
  display: block;
  width: 100%;
  line-height: 1.1em;
  text-transform: capitalize;
}

h2.underline {
  text-align: center;
  font-size: 38px;
}

h2.underline span {
  display: block;
  height: 2px;
  width: 100px;
  background: #ce188e;
  margin: 26px auto 50px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  h2.underline span {
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  h2.underline {
    font-size: 28px;
  }
}

h2.margin-top {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  h2.margin-top {
    display: block;
    margin-top: 0;
  }
}

h2.white {
  color: #ffffff;
}

h3 {
  font-family: "Roboto", sans-serif;
  color: #414141;
  font-size: 24px;
  font-weight: 600;
}

h4 {
  font-family: "Roboto", sans-serif;
  line-height: 1.2em;
  font-size: 20px;
  font-weight: 600;
}

h5 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 26px;
}

h5.product-cat-title {
  font-family: "Roboto", sans-serif;
  color: #ce188e;
  font-size: 18px;
  margin-left: 15px;
}

h5.product-cat-title a {
  color: #ce188e;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  h5.product-cat-title {
    display: none;
  }
}

h6 {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  color: #ce188e;
}

small {
  font-size: 12px;
}

section.grey {
  background: #f1f1f1;
}

section.full-width article {
  width: 100%;
  max-width: 100%;
  padding: 0;
}

.intro-text {
  margin-top: 40px;
  margin-bottom: 45px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .intro-text {
    margin-top: 0px;
    margin-bottom: 50px;
  }
}

a.button.outline {
  width: 220px;
  height: 50px;
  font-size: 18px;
  background: transparent;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: 2px solid #414141;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 15px;
  color: #414141;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

a.button.outline:hover,
a.button.outline:focus {
  color: #ce188e;
  border-color: #ce188e;
  background: none;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  a.button,
  button.button,
  a.button.outline {
    width: 100%;
  }
}

a.button.ordernow {
  margin-top: 40px !important;
  margin-bottom: 30px;
}

button.button-small,
span.button {
  width: 100%;
  height: 40px;
  font-size: 14px;
  background: #8dcb51;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  margin-bottom: 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

button.button-small.shipping-trigger {
  padding-top: 11px;
}

button.button-small {
  background: #8dcb51;
  color: #ffffff;
  position: relative;
}

@media screen and (min-width: 1024px) {
  button.button-small {
    padding-left: 7px;
  }
}

button.button-small:after {
  font-family: FontAwesome;
  content: "\f067";
  position: absolute;
  right: 12px;
  top: 16px;
  font-size: 11px;
}

button.button-small.basic:after {
  content: "";
}

a.button.right-small {
  float: right;
  height: 40px;
  width: 180px;
  font-size: 14px;
  background: #8dcb51;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 12px;
  margin-bottom: 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

a.button.product-callout {
  width: 350px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  a.button.product-callout {
    width: 100%;
  }
}

a.button.right-small:after {
  font-family: FontAwesome;
  content: "\f105";
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 18px;
}

a.button:hover,
button.button:hover,
button.button-small:hover,
a.button:focus,
button.button:focus,
button.button-small:focus {
  background: #ce188e;
}

a.button.grey {
  background: #e9e9e9;
  color: #414141;
  font-size: 14px;
  height: 40px;
  padding-top: 13px;
}

a.button.grey:hover {
  background: #8dcb51;
  color: #ffffff;
}

a.button.small {
  background: #8dcb51;
  color: #ffffff;
  font-size: 14px;
  height: 32px;
  padding-top: 9px;
  display: block;
}

a.button.small:hover {
  background: #ce188e;
}

span.button {
  width: 210px;
}

a.button.long {
  width: 100%;
}

span.button:hover {
  background: #ce188e;
}

input[type="submit"] {
  width: 220px;
  height: 50px;
  font-size: 18px;
  background: #8dcb51;
  color: #ffffff;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 5px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

input[type="submit"]:hover {
  background: #ce188e;
}

a.button.middle {
  display: block;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
}

ol {
  font-size: 15px;
}

@media screen and (min-width: 1024px) {
  .large-hide {
    display: none !important;
  }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .medium-hide {
    display: none !important;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .small-hide {
    display: none !important;
  }
}

.float-left {
  float: left;
}

.lightgrey-block {
  background: #f1f1f1;
}

.cream-block {
  background: #e9e8e3;
}

.row {
  max-width: 1200px;
}

input {
  height: 36px;
}

[class*="column"] + [class*="column"]:last-child {
  float: left;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .small-hide {
    display: none;
  }
}

p.notice {
  color: #ce188e;
}

.image-banner {
  display: table;
  text-align: center;
}

.image-banner h1 {
  font-size: 58px;
  display: table-cell;
  vertical-align: middle;
  color: #8dcb51;
}

.image-banner span {
  font-size: 25px;
  display: block;
  color: #ffffff;
}

.row {
  max-width: 75rem;
  margin-right: auto;
  margin-left: auto;
}

.row::before, .row::after {
  display: table;
  content: ' ';
}

.row::after {
  clear: both;
}

.row.collapse > .column, .row.collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.row .row {
  margin-right: -0.625rem;
  margin-left: -0.625rem;
}

@media print, screen and (min-width: 40em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

@media print, screen and (min-width: 64em) {
  .row .row {
    margin-right: -0.9375rem;
    margin-left: -0.9375rem;
  }
}

.row .row.collapse {
  margin-right: 0;
  margin-left: 0;
}

.row.expanded {
  max-width: none;
}

.row.expanded .row {
  margin-right: auto;
  margin-left: auto;
}

.row:not(.expanded) .row {
  max-width: none;
}

.row.gutter-small > .column, .row.gutter-small > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.row.gutter-medium > .column, .row.gutter-medium > .columns {
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}

.column, .columns {
  width: 100%;
  float: left;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

@media print, screen and (min-width: 40em) {
  .column, .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
  float: right;
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
  float: left;
}

.column.row.row, .row.row.columns {
  float: none;
}

.row .column.row.row, .row .row.row.columns {
  margin-right: 0;
  margin-left: 0;
  padding-right: 0;
  padding-left: 0;
}

.small-1 {
  width: 8.33333%;
}

.small-push-1 {
  position: relative;
  left: 8.33333%;
}

.small-pull-1 {
  position: relative;
  left: -8.33333%;
}

.small-offset-0 {
  margin-left: 0%;
}

.small-2 {
  width: 16.66667%;
}

.small-push-2 {
  position: relative;
  left: 16.66667%;
}

.small-pull-2 {
  position: relative;
  left: -16.66667%;
}

.small-offset-1 {
  margin-left: 8.33333%;
}

.small-3 {
  width: 25%;
}

.small-push-3 {
  position: relative;
  left: 25%;
}

.small-pull-3 {
  position: relative;
  left: -25%;
}

.small-offset-2 {
  margin-left: 16.66667%;
}

.small-4 {
  width: 33.33333%;
}

.small-push-4 {
  position: relative;
  left: 33.33333%;
}

.small-pull-4 {
  position: relative;
  left: -33.33333%;
}

.small-offset-3 {
  margin-left: 25%;
}

.small-5 {
  width: 41.66667%;
}

.small-push-5 {
  position: relative;
  left: 41.66667%;
}

.small-pull-5 {
  position: relative;
  left: -41.66667%;
}

.small-offset-4 {
  margin-left: 33.33333%;
}

.small-6 {
  width: 50%;
}

.small-push-6 {
  position: relative;
  left: 50%;
}

.small-pull-6 {
  position: relative;
  left: -50%;
}

.small-offset-5 {
  margin-left: 41.66667%;
}

.small-7 {
  width: 58.33333%;
}

.small-push-7 {
  position: relative;
  left: 58.33333%;
}

.small-pull-7 {
  position: relative;
  left: -58.33333%;
}

.small-offset-6 {
  margin-left: 50%;
}

.small-8 {
  width: 66.66667%;
}

.small-push-8 {
  position: relative;
  left: 66.66667%;
}

.small-pull-8 {
  position: relative;
  left: -66.66667%;
}

.small-offset-7 {
  margin-left: 58.33333%;
}

.small-9 {
  width: 75%;
}

.small-push-9 {
  position: relative;
  left: 75%;
}

.small-pull-9 {
  position: relative;
  left: -75%;
}

.small-offset-8 {
  margin-left: 66.66667%;
}

.small-10 {
  width: 83.33333%;
}

.small-push-10 {
  position: relative;
  left: 83.33333%;
}

.small-pull-10 {
  position: relative;
  left: -83.33333%;
}

.small-offset-9 {
  margin-left: 75%;
}

.small-11 {
  width: 91.66667%;
}

.small-push-11 {
  position: relative;
  left: 91.66667%;
}

.small-pull-11 {
  position: relative;
  left: -91.66667%;
}

.small-offset-10 {
  margin-left: 83.33333%;
}

.small-12 {
  width: 100%;
}

.small-offset-11 {
  margin-left: 91.66667%;
}

.small-up-1 > .column, .small-up-1 > .columns {
  float: left;
  width: 100%;
}

.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1) {
  clear: both;
}

.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child {
  float: left;
}

.small-up-2 > .column, .small-up-2 > .columns {
  float: left;
  width: 50%;
}

.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1) {
  clear: both;
}

.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child {
  float: left;
}

.small-up-3 > .column, .small-up-3 > .columns {
  float: left;
  width: 33.33333%;
}

.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1) {
  clear: both;
}

.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child {
  float: left;
}

.small-up-4 > .column, .small-up-4 > .columns {
  float: left;
  width: 25%;
}

.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) {
  clear: both;
}

.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child {
  float: left;
}

.small-up-5 > .column, .small-up-5 > .columns {
  float: left;
  width: 20%;
}

.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1) {
  clear: both;
}

.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child {
  float: left;
}

.small-up-6 > .column, .small-up-6 > .columns {
  float: left;
  width: 16.66667%;
}

.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1) {
  clear: both;
}

.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child {
  float: left;
}

.small-up-7 > .column, .small-up-7 > .columns {
  float: left;
  width: 14.28571%;
}

.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1) {
  clear: both;
}

.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child {
  float: left;
}

.small-up-8 > .column, .small-up-8 > .columns {
  float: left;
  width: 12.5%;
}

.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n) {
  clear: none;
}

.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1) {
  clear: both;
}

.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child {
  float: left;
}

.small-collapse > .column, .small-collapse > .columns {
  padding-right: 0;
  padding-left: 0;
}

.small-collapse .row {
  margin-right: 0;
  margin-left: 0;
}

.expanded.row .small-collapse.row {
  margin-right: 0;
  margin-left: 0;
}

.small-uncollapse > .column, .small-uncollapse > .columns {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.small-centered {
  margin-right: auto;
  margin-left: auto;
}

.small-centered, .small-centered:last-child:not(:first-child) {
  float: none;
  clear: both;
}

.small-uncentered,
.small-push-0,
.small-pull-0 {
  position: static;
  float: left;
  margin-right: 0;
  margin-left: 0;
}

@media print, screen and (min-width: 40em) {
  .medium-1 {
    width: 8.33333%;
  }
  .medium-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .medium-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .medium-offset-0 {
    margin-left: 0%;
  }
  .medium-2 {
    width: 16.66667%;
  }
  .medium-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .medium-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .medium-offset-1 {
    margin-left: 8.33333%;
  }
  .medium-3 {
    width: 25%;
  }
  .medium-push-3 {
    position: relative;
    left: 25%;
  }
  .medium-pull-3 {
    position: relative;
    left: -25%;
  }
  .medium-offset-2 {
    margin-left: 16.66667%;
  }
  .medium-4 {
    width: 33.33333%;
  }
  .medium-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .medium-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .medium-offset-3 {
    margin-left: 25%;
  }
  .medium-5 {
    width: 41.66667%;
  }
  .medium-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .medium-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .medium-offset-4 {
    margin-left: 33.33333%;
  }
  .medium-6 {
    width: 50%;
  }
  .medium-push-6 {
    position: relative;
    left: 50%;
  }
  .medium-pull-6 {
    position: relative;
    left: -50%;
  }
  .medium-offset-5 {
    margin-left: 41.66667%;
  }
  .medium-7 {
    width: 58.33333%;
  }
  .medium-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .medium-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .medium-offset-6 {
    margin-left: 50%;
  }
  .medium-8 {
    width: 66.66667%;
  }
  .medium-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .medium-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .medium-offset-7 {
    margin-left: 58.33333%;
  }
  .medium-9 {
    width: 75%;
  }
  .medium-push-9 {
    position: relative;
    left: 75%;
  }
  .medium-pull-9 {
    position: relative;
    left: -75%;
  }
  .medium-offset-8 {
    margin-left: 66.66667%;
  }
  .medium-10 {
    width: 83.33333%;
  }
  .medium-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .medium-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .medium-offset-9 {
    margin-left: 75%;
  }
  .medium-11 {
    width: 91.66667%;
  }
  .medium-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .medium-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .medium-offset-10 {
    margin-left: 83.33333%;
  }
  .medium-12 {
    width: 100%;
  }
  .medium-offset-11 {
    margin-left: 91.66667%;
  }
  .medium-up-1 > .column, .medium-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child {
    float: left;
  }
  .medium-up-2 > .column, .medium-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child {
    float: left;
  }
  .medium-up-3 > .column, .medium-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child {
    float: left;
  }
  .medium-up-4 > .column, .medium-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child {
    float: left;
  }
  .medium-up-5 > .column, .medium-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child {
    float: left;
  }
  .medium-up-6 > .column, .medium-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child {
    float: left;
  }
  .medium-up-7 > .column, .medium-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child {
    float: left;
  }
  .medium-up-8 > .column, .medium-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child {
    float: left;
  }
  .medium-collapse > .column, .medium-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .medium-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .medium-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .medium-uncollapse > .column, .medium-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .medium-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .medium-centered, .medium-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .medium-uncentered,
  .medium-push-0,
  .medium-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

@media print, screen and (min-width: 64em) {
  .large-1 {
    width: 8.33333%;
  }
  .large-push-1 {
    position: relative;
    left: 8.33333%;
  }
  .large-pull-1 {
    position: relative;
    left: -8.33333%;
  }
  .large-offset-0 {
    margin-left: 0%;
  }
  .large-2 {
    width: 16.66667%;
  }
  .large-push-2 {
    position: relative;
    left: 16.66667%;
  }
  .large-pull-2 {
    position: relative;
    left: -16.66667%;
  }
  .large-offset-1 {
    margin-left: 8.33333%;
  }
  .large-3 {
    width: 25%;
  }
  .large-push-3 {
    position: relative;
    left: 25%;
  }
  .large-pull-3 {
    position: relative;
    left: -25%;
  }
  .large-offset-2 {
    margin-left: 16.66667%;
  }
  .large-4 {
    width: 33.33333%;
  }
  .large-push-4 {
    position: relative;
    left: 33.33333%;
  }
  .large-pull-4 {
    position: relative;
    left: -33.33333%;
  }
  .large-offset-3 {
    margin-left: 25%;
  }
  .large-5 {
    width: 41.66667%;
  }
  .large-push-5 {
    position: relative;
    left: 41.66667%;
  }
  .large-pull-5 {
    position: relative;
    left: -41.66667%;
  }
  .large-offset-4 {
    margin-left: 33.33333%;
  }
  .large-6 {
    width: 50%;
  }
  .large-push-6 {
    position: relative;
    left: 50%;
  }
  .large-pull-6 {
    position: relative;
    left: -50%;
  }
  .large-offset-5 {
    margin-left: 41.66667%;
  }
  .large-7 {
    width: 58.33333%;
  }
  .large-push-7 {
    position: relative;
    left: 58.33333%;
  }
  .large-pull-7 {
    position: relative;
    left: -58.33333%;
  }
  .large-offset-6 {
    margin-left: 50%;
  }
  .large-8 {
    width: 66.66667%;
  }
  .large-push-8 {
    position: relative;
    left: 66.66667%;
  }
  .large-pull-8 {
    position: relative;
    left: -66.66667%;
  }
  .large-offset-7 {
    margin-left: 58.33333%;
  }
  .large-9 {
    width: 75%;
  }
  .large-push-9 {
    position: relative;
    left: 75%;
  }
  .large-pull-9 {
    position: relative;
    left: -75%;
  }
  .large-offset-8 {
    margin-left: 66.66667%;
  }
  .large-10 {
    width: 83.33333%;
  }
  .large-push-10 {
    position: relative;
    left: 83.33333%;
  }
  .large-pull-10 {
    position: relative;
    left: -83.33333%;
  }
  .large-offset-9 {
    margin-left: 75%;
  }
  .large-11 {
    width: 91.66667%;
  }
  .large-push-11 {
    position: relative;
    left: 91.66667%;
  }
  .large-pull-11 {
    position: relative;
    left: -91.66667%;
  }
  .large-offset-10 {
    margin-left: 83.33333%;
  }
  .large-12 {
    width: 100%;
  }
  .large-offset-11 {
    margin-left: 91.66667%;
  }
  .large-up-1 > .column, .large-up-1 > .columns {
    float: left;
    width: 100%;
  }
  .large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1) {
    clear: both;
  }
  .large-up-1 > .column:last-child, .large-up-1 > .columns:last-child {
    float: left;
  }
  .large-up-2 > .column, .large-up-2 > .columns {
    float: left;
    width: 50%;
  }
  .large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1) {
    clear: both;
  }
  .large-up-2 > .column:last-child, .large-up-2 > .columns:last-child {
    float: left;
  }
  .large-up-3 > .column, .large-up-3 > .columns {
    float: left;
    width: 33.33333%;
  }
  .large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1) {
    clear: both;
  }
  .large-up-3 > .column:last-child, .large-up-3 > .columns:last-child {
    float: left;
  }
  .large-up-4 > .column, .large-up-4 > .columns {
    float: left;
    width: 25%;
  }
  .large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1) {
    clear: both;
  }
  .large-up-4 > .column:last-child, .large-up-4 > .columns:last-child {
    float: left;
  }
  .large-up-5 > .column, .large-up-5 > .columns {
    float: left;
    width: 20%;
  }
  .large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1) {
    clear: both;
  }
  .large-up-5 > .column:last-child, .large-up-5 > .columns:last-child {
    float: left;
  }
  .large-up-6 > .column, .large-up-6 > .columns {
    float: left;
    width: 16.66667%;
  }
  .large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1) {
    clear: both;
  }
  .large-up-6 > .column:last-child, .large-up-6 > .columns:last-child {
    float: left;
  }
  .large-up-7 > .column, .large-up-7 > .columns {
    float: left;
    width: 14.28571%;
  }
  .large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1) {
    clear: both;
  }
  .large-up-7 > .column:last-child, .large-up-7 > .columns:last-child {
    float: left;
  }
  .large-up-8 > .column, .large-up-8 > .columns {
    float: left;
    width: 12.5%;
  }
  .large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n) {
    clear: none;
  }
  .large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1) {
    clear: both;
  }
  .large-up-8 > .column:last-child, .large-up-8 > .columns:last-child {
    float: left;
  }
  .large-collapse > .column, .large-collapse > .columns {
    padding-right: 0;
    padding-left: 0;
  }
  .large-collapse .row {
    margin-right: 0;
    margin-left: 0;
  }
  .expanded.row .large-collapse.row {
    margin-right: 0;
    margin-left: 0;
  }
  .large-uncollapse > .column, .large-uncollapse > .columns {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
  .large-centered {
    margin-right: auto;
    margin-left: auto;
  }
  .large-centered, .large-centered:last-child:not(:first-child) {
    float: none;
    clear: both;
  }
  .large-uncentered,
  .large-push-0,
  .large-pull-0 {
    position: static;
    float: left;
    margin-right: 0;
    margin-left: 0;
  }
}

.column-block {
  margin-bottom: 1.25rem;
}

.column-block > :last-child {
  margin-bottom: 0;
}

@media print, screen and (min-width: 40em) {
  .column-block {
    margin-bottom: 1.875rem;
  }
  .column-block > :last-child {
    margin-bottom: 0;
  }
}

.wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 3rem;
  padding-left: 3rem;
}

.row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.75rem;
  margin-left: -0.75rem;
}

.row.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.col-xs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.col-xs-1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.col-xs-2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%;
}

.col-xs-3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%;
}

.col-xs-5 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%;
}

.col-xs-6 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%;
}

.col-xs-8 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%;
}

.col-xs-9 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%;
}

.col-xs-11 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%;
}

.col-xs-12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-0 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 0;
}

.col-xs-offset-1 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 8.33333%;
}

.col-xs-offset-2 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 16.66667%;
}

.col-xs-offset-3 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 25%;
}

.col-xs-offset-4 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 33.33333%;
}

.col-xs-offset-5 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 41.66667%;
}

.col-xs-offset-6 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 50%;
}

.col-xs-offset-7 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 58.33333%;
}

.col-xs-offset-8 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 66.66667%;
}

.col-xs-offset-9 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 75%;
}

.col-xs-offset-10 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 83.33333%;
}

.col-xs-offset-11 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 91.66667%;
}

.col-xs-offset-12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-left: 100%;
}

.col-xs {
  -webkit-box-flex: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left;
}

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
}

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -moz-align-items: center;
  align-items: center;
}

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -moz-align-items: flex-end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  -moz-justify-content: space-around;
  justify-content: space-around;
}

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

.first-xs {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.last-xs {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }
  .col-sm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .col-sm-1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .col-sm-2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .col-sm-3 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-sm-4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .col-sm-5 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-sm-6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-sm-7 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .col-sm-8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .col-sm-9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-sm-10 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .col-sm-11 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .col-sm-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-sm-offset-0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 0;
  }
  .col-sm-offset-1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 8.33333%;
  }
  .col-sm-offset-2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 16.66667%;
  }
  .col-sm-offset-3 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 33.33333%;
  }
  .col-sm-offset-5 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 41.66667%;
  }
  .col-sm-offset-6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 58.33333%;
  }
  .col-sm-offset-8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 66.66667%;
  }
  .col-sm-offset-9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 83.33333%;
  }
  .col-sm-offset-11 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 91.66667%;
  }
  .col-sm-offset-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 100%;
  }
  .col-sm {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .around-sm {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .first-sm {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }
  .col-md {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .col-md-1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .col-md-2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .col-md-3 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-md-4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .col-md-5 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-md-6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-md-7 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .col-md-8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .col-md-9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-md-10 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .col-md-11 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .col-md-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-md-offset-0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 0;
  }
  .col-md-offset-1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 8.33333%;
  }
  .col-md-offset-2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 16.66667%;
  }
  .col-md-offset-3 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 25%;
  }
  .col-md-offset-4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 33.33333%;
  }
  .col-md-offset-5 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 41.66667%;
  }
  .col-md-offset-6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 50%;
  }
  .col-md-offset-7 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 58.33333%;
  }
  .col-md-offset-8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 66.66667%;
  }
  .col-md-offset-9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 75%;
  }
  .col-md-offset-10 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 83.33333%;
  }
  .col-md-offset-11 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 91.66667%;
  }
  .col-md-offset-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 100%;
  }
  .col-md {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .around-md {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .first-md {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }
  .col-lg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }
  .col-lg-1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 8.33333%;
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }
  .col-lg-2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 16.66667%;
    flex-basis: 16.66667%;
    max-width: 16.66667%;
  }
  .col-lg-3 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }
  .col-lg-4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 33.33333%;
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
  .col-lg-5 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 41.66667%;
    flex-basis: 41.66667%;
    max-width: 41.66667%;
  }
  .col-lg-6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }
  .col-lg-7 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 58.33333%;
    flex-basis: 58.33333%;
    max-width: 58.33333%;
  }
  .col-lg-8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 66.66667%;
    flex-basis: 66.66667%;
    max-width: 66.66667%;
  }
  .col-lg-9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }
  .col-lg-10 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 83.33333%;
    flex-basis: 83.33333%;
    max-width: 83.33333%;
  }
  .col-lg-11 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 91.66667%;
    flex-basis: 91.66667%;
    max-width: 91.66667%;
  }
  .col-lg-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }
  .col-lg-offset-0 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 0;
  }
  .col-lg-offset-1 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 8.33333%;
  }
  .col-lg-offset-2 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 16.66667%;
  }
  .col-lg-offset-3 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 33.33333%;
  }
  .col-lg-offset-5 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 41.66667%;
  }
  .col-lg-offset-6 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 58.33333%;
  }
  .col-lg-offset-8 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 66.66667%;
  }
  .col-lg-offset-9 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 83.33333%;
  }
  .col-lg-offset-11 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 91.66667%;
  }
  .col-lg-offset-12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-box-flex: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-left: 100%;
  }
  .col-lg {
    -webkit-box-flex: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }
  .start-lg {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left;
  }
  .center-lg {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center;
  }
  .end-lg {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right;
  }
  .top-lg {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -moz-align-items: flex-start;
    align-items: flex-start;
  }
  .middle-lg {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -moz-align-items: center;
    align-items: center;
  }
  .bottom-lg {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -moz-align-items: flex-end;
    align-items: flex-end;
  }
  .around-lg {
    -ms-flex-pack: distribute;
    -moz-justify-content: space-around;
    justify-content: space-around;
  }
  .between-lg {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -moz-justify-content: space-between;
    justify-content: space-between;
  }
  .first-lg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
  .last-lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.row-flex-vcenter {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

/* =Header partial / template styling
------------------------------------------------------------------------------*/
/* =Members login
------------------------------------------------------------------------------*/
@media screen and (min-width: 1024px) {
  .member-area {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 80px;
  }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .member-area {
    display: none !important;
  }
}

.member-area__header-display {
  display: block;
  padding: .1em .75em;
  border-radius: 4px;
  color: #fff;
  font-size: 15px;
  font-weight: 600;
  line-height: 2em;
}

.member-area__header-display:hover, .member-area__header-display:focus {
  background: rgba(0, 0, 0, 0.15);
  color: #fff;
}

.member-area__header-display .icon-user-solid {
  font-size: 24px;
  position: relative;
  top: 3px;
  left: -2px;
}

.member-area__header-display .icon-chevron-down-solid {
  font-size: 8px;
  font-weight: 600;
  position: relative;
  top: -2px;
  margin-left: 6px;
}

.member-area__content {
  position: absolute;
  height: auto;
  width: 240px;
  padding: 1em 0;
  background: #fff;
  -webkit-box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
          box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0px 0 1px rgba(10, 10, 10, 0.02);
  z-index: 99;
  top: 38px;
  left: 0;
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .member-area__content {
    display: none !important;
  }
}

.member-area__content .menu-label {
  color: #979797;
  font-size: 0.75em;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-bottom: 0;
}

.member-area #login-trigger.is-active + .member-area__content {
  display: block;
}

.member-area .dropdown-item, .member-area [type="submit"].dropdown-item {
  display: block;
  width: 100%;
  height: auto;
  padding: .75em 1em;
  background: #fff;
  color: #7aae00;
  font-size: 15px;
}

.member-area .dropdown-item:hover, .member-area .dropdown-item:focus, .member-area [type="submit"].dropdown-item:hover, .member-area [type="submit"].dropdown-item:focus {
  background: #e9e9e9;
  color: #414141;
  cursor: pointer;
}

.member-area [type="submit"].dropdown-item {
  border-radius: 0;
  text-align: left;
}

.member-area .dropdown-item.account-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.member-area .dropdown-item.account-item:first-child {
  margin-top: -.75em;
}

.member-area .account-item .is-credit-account {
  margin-top: -8px;
}

.member-area .account-item__current-orders {
  height: 20px;
  min-width: 20px;
  padding-left: 5px;
  padding-right: 5px;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
}

.member-area .account-item__current-orders.has-count {
  margin-left: .5rem;
  background: #8dcb51;
  color: #fff;
  font-weight: 600;
}

.member-area .account-item__current-orders.no-count {
  background: transparent;
  color: #979797;
}

.member-area .dropdown-item-divider {
  margin: 0 1em;
  height: 1px;
  border-style: none;
  background: #f1f1f1;
}

#dropdown-tip {
  display: block;
  position: absolute;
  width: 17px;
  height: 14px;
  top: -21px;
  left: 111px;
}

#mobile-login {
  width: 100%;
  left: 100%;
  top: 0;
  display: block;
  position: absolute;
  margin-top: 30px;
}

#mobile-login label {
  color: #ffffff;
}

#mobile-login input[type="submit"].small {
  margin-top: 10px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #mobile-login input[type="submit"].small {
    width: 100%;
  }
}

a#mobile-login-return {
  font-size: 25px;
  display: block;
  position: absolute;
  left: 0;
  width: 50px;
  height: 50px;
  background: #9B9B9B;
  color: #ffffff;
  padding-top: 7px;
  padding-left: 14px;
  margin-top: 20px;
}

.forgot-password {
  font-size: 11px;
  display: block;
  margin-top: 10px;
  margin-bottom: 8px;
}

/* =Members area
------------------------------------------------------------------------------*/
ul.account-toggle {
  margin: 0;
  width: 100%;
  height: 50px;
  padding: 4px 5px 5px;
  background: #f1f1f1;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
  margin-bottom: 40px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.account-toggle {
    height: auto;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding: 0;
  }
}

ul.account-toggle li {
  display: block;
  overflow: hidden;
  float: left;
  width: 20%;
  margin-left: 0;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.account-toggle li {
    float: none;
    width: 100%;
    border-bottom: 1px solid;
    border-color: #e9e9e9;
  }
}

ul.account-toggle a {
  height: 41px;
  width: 100%;
  padding: 8px 30px 0;
  display: block;
  float: left;
  color: #414141;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  margin-right: 0;
  font-size: 15px;
  text-align: center;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  ul.account-toggle a {
    font-size: 14px;
    padding-left: 14px;
    padding-right: 14px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.account-toggle a {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    margin-right: 0;
    margin-bottom: 0;
    text-align: left;
    height: 45px;
  }
}

ul.account-toggle a:hover {
  background: #ce188e;
  color: #ffffff;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.account-toggle a:hover {
    background: #8dcb51;
  }
}

ul.account-toggle a.selected {
  background: #8dcb51;
  color: #ffffff;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.account-toggle a.selected {
    display: none;
  }
}

ul.account-toggle li#member-menu-toggle {
  display: none;
  position: relative;
  font-weight: bold;
  border-bottom: none;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.account-toggle li#member-menu-toggle {
    display: block;
  }
  ul.account-toggle li#member-menu-toggle a {
    font-size: 19px;
    color: #ffffff;
    background: #414141;
    height: 52px;
  }
  ul.account-toggle li#member-menu-toggle a:after {
    font-family: FontAwesome;
    content: "\f107";
    display: block;
    position: absolute;
    right: 20px;
    top: 16px;
    line-height: 1em;
  }
  ul.account-toggle li#member-menu-toggle a.active:after {
    content: "\f106";
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #member-menu-holder {
    display: none;
  }
}

#logo {
  display: block;
}

#logo img {
  width: 210px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #logo img {
    width: 180px;
  }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #logo {
    margin-bottom: 10px;
  }
}

header#header {
  width: 100%;
  position: relative;
  z-index: 1000;
}

header#header #header-main {
  width: 100%;
  display: block;
  max-width: 1200px;
  margin: 0 auto;
  padding-top: .5em;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  header#header #header-main {
    height: auto;
    padding-left: 0;
    padding-right: 0;
  }
}

header#header #header-main > .row:before {
  content: none;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  header#header #header-main > .row div[class^="col"] {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: initial;
    width: 100%;
  }
}

header#header nav#main {
  width: 100%;
  background: #8dcb51;
  display: block;
}

@media screen and (min-width: 1024px) {
  header#header nav#main {
    min-height: 43px;
  }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  header#header nav#main {
    background: none;
    height: 0;
    position: relative;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  header#header {
    background: #ffffff;
    position: fixed;
    z-index: 99;
    -webkit-box-shadow: 1px -5px 3px 5px #666666;
            box-shadow: 1px -5px 3px 5px #666666;
  }
}

header#header .relative-parent {
  position: relative;
}

.header-turn-around {
  text-align: right;
}

.header-delivery {
  text-align: center;
}

.header-delivery img {
  margin-top: -1px;
}

.header-design-online {
  text-align: center;
}

.header-design-online img {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}

ul#desktop-nav {
  display: block;
  list-style: none;
  margin-left: 0;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  ul#desktop-nav {
    display: none;
  }
}

ul#desktop-nav li {
  padding-top: 10px;
  font-family: "Roboto", sans-serif;
  display: block;
  float: left;
  margin-right: 3.25%;
  font-size: 15px;
  font-weight: 600;
  margin-left: 0;
  height: 43px;
}

ul#desktop-nav li a {
  color: #ffffff;
  display: block;
  padding-bottom: 12px;
  padding-bottom: 6px;
  line-height: 1.6;
}

ul#desktop-nav li a:hover {
  border-bottom: 3px solid #ce188e;
}

ul#desktop-nav li.current a {
  border-bottom: 3px solid #ce188e;
}

a#phone-header {
  font-size: 19px;
  color: #414141;
  margin-top: 11px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  a#phone-header {
    position: absolute;
    display: block;
    right: 30px;
    top: -45px;
    margin-top: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  a#phone-header {
    right: 20px;
    top: -50px;
  }
  a#phone-header span {
    display: none;
  }
  a#phone-header img {
    height: 30px;
  }
}

a#phone-header img {
  display: inline-block;
  vertical-align: middle;
}

a#search-mobile {
  position: absolute;
  right: 52px;
  top: -49px;
  display: none;
}

a#search-mobile img {
  height: 28px;
}

@media screen and (min-width: 0px) {
  a#search-mobile {
    display: none;
  }
}

#mobile-toggle {
  display: none;
  position: absolute;
  left: 20px;
  top: 23px;
  z-index: 100;
}

@media screen and (max-width: 350px) {
  #mobile-toggle img {
    height: 20px;
  }
}

#mobile-toggle img#mobile-close {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #mobile-toggle {
    display: block;
  }
}

#mobile-menu {
  position: absolute;
  left: -80%;
  z-index: 99;
  background: #414141;
  color: #ffffff;
  width: 80%;
}

@media screen and (min-width: 1024px) {
  #mobile-menu {
    display: none;
  }
}

#mobile-menu #mobile-nav {
  list-style: none;
  margin-left: 0;
  font-size: 16px;
  z-index: 90;
}

#mobile-menu #mobile-nav li {
  padding: 10px 20px 10px 20px;
  display: block;
  border-bottom: 1px solid #979797;
  margin-left: 0;
}

#mobile-menu #mobile-nav a {
  display: block;
  color: #ffffff;
}

#mobile-menu #mobile-nav a:hover {
  color: #8dcb51;
}

#mobile-menu .cart-simple {
  padding-left: 20px;
  padding-right: 20px;
}

#mobile-overlay {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: -9999px;
  z-index: 80;
  opacity: 0;
  background-color: #ffffff;
}

@media screen and (min-width: 1024px) {
  #mobile-overlay {
    display: none;
  }
}

.search input {
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
  height: 36px;
  border: 1px solid #414141;
  font-size: 14px;
  padding-left: 36px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .search input {
    margin: 0;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border: none;
  }
}

#search-holder {
  width: 255px;
  position: relative;
  margin-top: 7px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #search-holder {
    margin-top: 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #search-holder {
    min-height: 58px;
  }
}

#search-holder form {
  margin-bottom: 0;
}

#search-holder fieldset {
  border: 0px;
  margin: 0;
  padding: 0;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #search-holder {
    width: 100%;
    background: #8dcb51;
    display: block;
    padding: 11px 20px;
  }
}

#search-holder img#search-icon {
  position: absolute;
  top: 7px;
  left: 10px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #search-holder img#search-icon {
    top: 17px;
    left: 30px;
  }
}

#search-holder [type='search'] {
  width: 100%;
}

@media screen and (min-width: 1024px) {
  #search-holder [type='search'] {
    height: 2.4375rem;
    margin: 0 0 .75rem;
  }
}

.top-module {
  float: right;
  display: block;
  margin-left: 25px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .top-module {
    float: none;
    margin: 0;
  }
}

#countdown-holder {
  width: 233px;
  height: 49px;
  display: block;
  background: #414141;
  color: #ffffff;
  padding-top: 10px;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  -ms-border-radius: 50px;
  -o-border-radius: 50px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #countdown-holder {
    display: none !important;
  }
}

#countdown-holder p {
  font-size: 12px;
  line-height: .85em;
  display: block;
  margin-top: 3px;
  width: 90px;
  float: left;
}

#countdown-holder div.divider {
  display: block;
  width: 1px;
  background: #ffffff;
  height: 30px;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}

#clock-icon {
  float: left;
}

#countdowntimer span {
  font-size: 15px;
  font-weight: bold;
  display: block;
  float: left;
  margin-right: 0px;
  line-height: 1em;
  text-align: center;
  position: relative;
  width: 30px;
}

#countdowntimer em {
  display: block;
  font-style: normal;
  font-size: 10px;
}

#countdowntimer span:before {
  position: absolute;
  content: ":";
  display: block;
  left: -3px;
}

#countdowntimer span:first-child:before {
  content: "";
}

#clock-icon {
  margin-left: 10px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #header-modules {
    padding: 0;
  }
}

#cart-holder {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
  font-size: 15px;
  position: absolute;
  right: .75rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

#cart-holder strong {
  color: #ffffff;
}

#cart-holder .cart-simple {
  color: #ffffff;
}

#cart-holder strong {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ea3b2e;
  color: #ffffff;
  text-align: center;
  font-size: 14px;
  padding-top: 1px;
  overflow: hidden;
  line-height: 20px;
  display: inline-block;
  vertical-align: middle;
  margin-left: -3px;
}

#cart-holder #cart-icon {
  margin-right: 0px;
  display: inline-block;
  vertical-align: middle;
  height: 24px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #cart-holder {
    display: none;
  }
}

#callout-strip {
  background: #414141;
  width: 100%;
  height: auto;
  display: block;
  color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #callout-strip {
    display: none;
  }
}

#callout-strip .content.row-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
}

#callout-strip .column {
  width: initial;
  padding-left: .75rem;
  padding-right: .75rem;
}

#callout-strip a {
  color: #ffffff;
  display: block;
  margin-top: 2px;
}

#callout-strip #monthly-special {
  display: inline-block;
  vertical-align: middle;
}

#callout-strip img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  height: 18px;
}

#callout-strip img[alt="24 hours"] {
  height: 22px;
  margin-top: -1px;
}

/* =General content box
------------------------------------------------------------------------------*/
section {
  width: 100%;
}

section article {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 60px 0 60px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  section article {
    padding: 30px 0;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  section article.no-padding {
    padding-bottom: 0;
  }
}

.content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}

/* =General strip below header
------------------------------------------------------------------------------*/
#callout-strip {
  background: #414141;
  width: 100%;
  height: auto;
  display: block;
  color: #ffffff;
  padding-top: 8px;
  padding-bottom: 8px;
  font-size: 13px;
  text-align: left;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #callout-strip {
    display: none;
  }
}

#callout-strip .content.row-flex {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 0;
  margin-right: 0;
}

#callout-strip .column {
  width: initial;
  padding-left: .75rem;
  padding-right: .75rem;
}

#callout-strip a {
  color: #ffffff;
  display: block;
  margin-top: 2px;
}

#callout-strip #monthly-special {
  display: inline-block;
  vertical-align: middle;
}

#callout-strip img {
  vertical-align: middle;
  display: inline-block;
  margin-right: 5px;
  height: 18px;
}

#callout-strip img[alt="24 hours"] {
  height: 22px;
  margin-top: -1px;
}

/* =Footer styling
------------------------------------------------------------------------------*/
footer {
  width: 100%;
}

footer .row-cleanup {
  padding: 0;
}

@media screen and (min-width: 1024px) {
  footer .row-cleanup:first-child {
    padding-left: .25rem;
  }
  footer .row-cleanup:last-child {
    padding-left: .5rem;
  }
}

footer #subscription-area:not(.subscription-area--new) {
  width: 100%;
  height: auto;
  display: block;
  background: #414141;
  padding: 20px 0 5px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  footer #subscription-area:not(.subscription-area--new) {
    padding: 30px 0 40px;
  }
}

footer #subscription-area:not(.subscription-area--new) .content {
  color: #ffffff;
}

footer #subscription-area:not(.subscription-area--new) .content .sub-area {
  margin-top: 0px;
}

footer #subscription-area:not(.subscription-area--new) .content .sub-area .columns {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

footer #subscription-area:not(.subscription-area--new) .content button {
  width: 100%;
  margin-bottom: 0;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  footer #subscription-area:not(.subscription-area--new) .content button {
    margin-top: 20px;
  }
}

footer #subscription-area:not(.subscription-area--new) .content h5 {
  color: #ffffff;
  margin-bottom: 0;
  margin-top: 0;
}

footer #subscription-area:not(.subscription-area--new) .content img {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
}

footer #subscription-area:not(.subscription-area--new) .content label {
  color: #ffffff;
  display: none;
}

footer #subscription-area:not(.subscription-area--new) .content input {
  margin-top: 10px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  footer #subscription-area:not(.subscription-area--new) .content input {
    margin-top: 0;
  }
}

footer #subscription-area:not(.subscription-area--new) .content fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

footer .footer-content {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 34px 0px;
  font-size: 14px;
  border-bottom: dotted 1px;
  border-color: #979797;
  position: relative;
  padding-left: .5rem;
  padding-right: .5rem;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  footer .footer-content {
    text-align: center;
  }
}

footer .footer-content h6 {
  margin-bottom: .5rem;
}

footer .footer-content p {
  font-size: 14px;
}

footer .footer-content a {
  color: #414141;
}

footer .footer-content a:hover {
  color: #7aae00;
}

footer .footer-content a:not(.footer__social-icon):focus, footer .footer-content a:not(.footer__social-icon):hover {
  text-decoration: underline;
}

footer .footer-content i {
  font-size: 23px;
  margin-right: 3px;
}

footer .footer-content ul {
  list-style: none;
}

footer .footer-content ul li {
  margin-left: 0;
}

footer .footer-content ul#footer-popular-products {
  margin-left: 0;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  footer .footer-content ul#footer-popular-products {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
  }
}

@media screen and (min-width: 1024px) {
  footer .footer-content ul#footer-popular-products {
    -moz-column-count: 4;
    -moz-column-gap: 20px;
    -webkit-column-count: 4;
    -webkit-column-gap: 20px;
    column-count: 4;
    column-gap: 20px;
  }
}

footer .footer-content ul#support {
  margin-left: 0;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  footer .footer-content ul#support {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
}

@media screen and (min-width: 1024px) {
  footer .footer-content ul#support {
    -moz-column-count: 2;
    -moz-column-gap: 20px;
    -webkit-column-count: 2;
    -webkit-column-gap: 20px;
    column-count: 2;
    column-gap: 20px;
  }
}

footer .footer-content.last {
  border-bottom-style: solid;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  footer .footer-content.last > .row-flex {
    margin-left: 0;
    margin-right: 0;
  }
}

footer #copyright {
  width: 100%;
  max-width: 1200px;
  margin: 13px auto 20px;
  font-size: 11px;
  padding: 0 20px;
}

footer #copyright ul.sitemap {
  list-style: none;
  display: inline;
}

footer #copyright ul.sitemap li {
  display: inline;
  margin-left: 0;
}

footer #copyright ul.sitemap li a {
  padding-left: 5px;
  padding-right: 5px;
  color: #7aae00;
  text-decoration: underline;
}

.subscription-area--new {
  padding-top: 1em;
  padding-bottom: 1em;
  background: #414141;
  color: #fff;
}

.subscription-area--new .container-flex > .row {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subscription-area--new .subscribe-fields-wrapper {
  margin-top: .5em;
}

.subscription-area--new__heading {
  padding-left: 64px;
  background: url("../images/v2/general/footer/paperplane.svg") no-repeat left center;
}

@media screen and (max-width: 768px) {
  .subscription-area--new__heading {
    margin-bottom: 1em;
  }
}

.subscription-area--new .form-mailing-list-subscribe > .row > div[class*="col"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.subscription-area--new label {
  height: 0;
  visibility: hidden;
  position: absolute;
  opacity: 0;
}

.subscription-area--new input {
  height: auto;
  padding-top: .75em;
  padding-bottom: .75em;
}

@media screen and (max-width: 768px) {
  .subscription-area--new input {
    margin-bottom: .5em;
  }
}

.subscription-area--new h5 + p {
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .force-small-12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .force-margin-top {
    margin-top: 1em;
  }
}

.product-container {
  width: 100%;
  background: #ffffff;
  border: solid 1px #979797;
  position: relative;
  margin-bottom: 40px;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .product-container {
    margin-bottom: 20px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-container {
    min-height: 90px;
    overflow: hidden;
    border-left: none;
    border-right: none;
    margin-top: -1px;
    margin-bottom: 0;
    border-color: #979797;
  }
}

.product-container .image-area {
  display: block;
  position: relative;
  width: auto;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-container .image-area {
    position: absolute;
    left: 0;
    top: 0;
  }
  .product-container .image-area img {
    position: relative;
    display: inline-block;
  }
}

.product-container .product-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(141, 203, 81, 0.5);
  opacity: 0;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-container .product-overlay {
    display: none;
  }
}

.product-container .product-overlay img.view-more-icon {
  display: block;
  margin-left: auto;
  margin-right: auto;
  /* IE 9 */
  -webkit-transform: scale(0, 0);
  /* Safari */
  transform: scale(0, 0);
}

@media screen and (min-width: 1024px) {
  .product-container .product-overlay img.view-more-icon {
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
  }
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .product-container .product-overlay img.view-more-icon {
    position: relative;
    top: 45%;
    -webkit-transform: translateY(-45%);
    transform: translateY(-45%);
  }
}

.product-container img.sml24 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: -2px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .product-container img.sml24 {
    display: none;
  }
}

.product-container img.product-thumb {
  width: 100%;
  height: auto;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-container img.product-thumb {
    width: 90px;
    height: 90px;
    margin-right: 10px;
  }
}

.product-container .product-detail {
  padding: 15px;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .product-container .product-detail {
    padding: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-container .product-detail {
    margin-top: 22px;
    margin-left: 90px;
  }
}

.product-container .product-title {
  text-align: left;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3em;
  color: #414141;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .product-container .product-title {
    font-size: 13px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-container .product-title {
    font-size: 14px;
  }
}

.product-container .from-price {
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.3em;
  color: #ce188e;
}

@media screen and (min-width: 640px) and (max-width: 767px) {
  .col-xs-12.product-thumb {
    -ms-flex-preferred-size: 33.33333%;
        flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .row.product-listing .columns {
    padding: 0;
  }
}

.row .row {
  margin-left: 0;
  margin-right: 0;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-detail:after {
    font-family: FontAwesome;
    content: "\f105";
    font-size: 30px;
    color: #8dcb51;
    position: absolute;
    right: 15px;
    top: 21%;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-listing-no-padding {
    padding: 0;
  }
}

.layout-no-padding {
  padding-left: 0;
  padding-right: 0;
}

/* =Products Overview
------------------------------------------------------------------------------*/
article.product-feature-holder {
  padding-top: 30px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  article.product-feature-holder {
    padding-top: 16px;
  }
}

@media screen and (min-width: 1024px) {
  article.product-feature-holder {
    padding-bottom: 20px;
  }
}

article.product-feature-holder .youtube-video-thumbs {
  margin-bottom: 20px;
}

article.product-feature-holder .video-thumbnail {
  width: 100%;
}

article.product-feature-holder .video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(100, 100, 100, 0.5);
  opacity: 0;
}

article.product-feature-holder .play-button-products {
  position: absolute;
  left: 42%;
  top: 33%;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  article.product-feature-holder .play-button-products {
    left: 37%;
    top: 20%;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  article.product-feature-holder .play-button-products {
    left: 42%;
    top: 30%;
  }
}

.purple-block {
  background: #ce188e;
  position: relative;
}

.green-block {
  background: #8dcb51;
  position: relative;
}

.grey-block {
  background: #f1f1f1;
  color: #414141;
  position: relative;
}

.grey-block p {
  color: #414141;
}

.grey-block a.hero-toggle {
  color: #414141;
}

.grey-block sup {
  font-size: 60%;
}

.product-image-holder a.ribbon-play {
  display: block;
  background: #ce188e;
  position: absolute;
  right: 1px;
  bottom: 30px;
  color: #ffffff;
  padding: 10px 10px 8px;
  line-height: 0;
  text-align: right;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

.product-image-holder a.ribbon-play i.fa {
  font-size: 20px;
  display: inline-block;
  vertical-align: middle;
}

.product-image-holder a.ribbon-play:hover {
  background: #8dcb51;
}

a.hero-toggle {
  display: block;
  height: auto;
  width: 100%;
  color: #ffffff;
  font-weight: bold;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  a.hero-toggle {
    font-size: 14px;
  }
}

a.hero-toggle:after {
  font-family: FontAwesome;
  content: "\f078";
  position: absolute;
  right: 30px;
}

a.hero-toggle.active:after {
  font-family: FontAwesome;
  content: "\f077";
  position: absolute;
  right: 30px;
}

.heroheading {
  padding: 13px 20px;
  margin-bottom: 5px;
  color: #ffffff;
}

.hero-content {
  width: 100%;
  margin-top: 20px;
  display: none;
}

.hero-content a {
  color: #ffffff;
  text-decoration: underline;
}

.hero-content p {
  margin-bottom: 5px;
  font-size: 13px;
}

.hero-content ul,
.hero-content ol {
  margin-top: 10px;
}

.hero-content li {
  font-size: 13px;
  margin-bottom: 0;
}

img.hero-icons {
  position: relative;
  margin-top: -12px;
  margin-bottom: -8px;
  margin-right: 5px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  img.hero-icons {
    display: none;
  }
}

.product-configuration h2 {
  width: 100%;
  background: #414141;
  color: #ffffff;
  font-size: 20px;
  padding: 7px 25px;
}

.product-configuration h3 {
  color: #ce188e;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 10px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-configuration h3 {
    margin-top: 20px;
    padding-top: 0;
  }
}

.product-configuration h3 small {
  font-size: 15px;
  font-weight: normal;
  color: #414141;
}

.product-configuration div.odd {
  background: #f1f1f1;
}

.product-configuration div.table form {
  margin-bottom: 0;
}

.product-configuration div.table .columns {
  padding-top: 20px;
  padding-bottom: 20px;
}

.product-configuration div.table p {
  margin-bottom: 0;
  font-size: 13px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-configuration div.table p {
    font-size: 15px;
  }
}

.product-configuration .price-area {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-configuration p.config {
    text-align: center;
  }
}

.product-configuration span.price {
  font-weight: bold;
  line-height: 1.3em;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-configuration span.price {
    text-align: center;
    width: 100%;
    display: block;
    font-size: 30px;
    margin-top: -25px;
    margin-bottom: 0px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-configuration span.price sup {
    font-size: 10px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .product-configuration small.unit-price {
    display: block;
    text-align: center;
    margin-top: -15px;
  }
}

sup.gst {
  top: -3px;
}

.widget-artwork {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .widget-artwork {
    margin-bottom: 1.5rem;
  }
}

.widget-artwork h3 {
  color: #ce188e;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.widget-artwork h3 a {
  color: #ce188e;
}

.widget-artwork h3 a:hover {
  color: #7aae00;
}

.widget-artwork ul {
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
}

.widget-artwork ul a {
  font-size: 14px;
  color: #414141;
}

.widget-artwork ul a:hover {
  color: #ce188e;
}

.widget-artwork ul img {
  margin-right: 0;
}

.widget-artwork ul li {
  margin-bottom: 10px;
  margin-left: 0;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #related-products {
    background: none;
    display: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #testimonial-widget {
    display: none;
  }
}

.product-thumb li {
  list-style: none;
}

.purple {
  color: #ce188e;
}

.green {
  color: #7aae00;
}

.table-display {
  display: table;
  width: 100%;
}

.table-display .left-table {
  display: table-cell;
  width: 60%;
}

.table-display .right-table {
  display: table-cell;
  width: 40%;
  text-align: right;
}

.table-display .left-table-small {
  display: table-cell;
  width: 30%;
}

.table-display .right-table-large {
  display: table-cell;
  width: 70%;
  text-align: right;
}

.large-total {
  font-size: 26px;
  font-weight: bold;
  display: inline;
  color: #7aae00;
}

.quote-area {
  padding-left: 0;
  padding-right: 0;
}

.quote-area ul {
  overflow: hidden;
}

.quote-area li {
  list-style: none;
  margin-left: 0;
  padding: 5px 5px 5px 10px;
  font-size: 14px;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .quote-area li {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
}

.quote-area li strong {
  display: block;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .quote-area li strong {
    display: inline;
  }
}

.special-condition {
  background: #f1f1f1;
  padding: 10px 10px 18px;
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.3em;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .special-condition {
    padding: 15px 10px 18px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .special-condition {
    text-align: center;
  }
}

.special-condition img {
  display: block;
  margin: 0 auto;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .special-condition img {
    margin-bottom: 10px;
  }
}

.special-condition span.production-time-more-info {
  display: block;
  font-size: smaller;
  width: 102%;
}

div.clear {
  display: block;
  clear: both;
}

div.clear.no-margin {
  margin: 0;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .calculate-btn.actions {
    width: 100%;
    margin-right: 0;
  }
}

.column2 {
  -webkit-column-count: 2;
  /* Chrome, Safari, Opera */
  /* Firefox */
  column-count: 2;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .column2 {
    -webkit-column-count: 1;
    /* Chrome, Safari, Opera */
    /* Firefox */
    column-count: 1;
  }
}

section#confirmation p,
section#confirmation-message p {
  font-size: 15px;
}

section#confirmation ul,
section#confirmation ol,
section#confirmation-message ul,
section#confirmation-message ol {
  margin-left: 0px;
  font-size: 15px;
  list-style: none;
}

section#confirmation .confirmation-btn a,
section#confirmation-message .confirmation-btn a {
  color: #ffffff;
  width: auto;
  height: 50px;
  font-size: 18px;
  background: #8dcb51;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 14px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
}

section#confirmation .confirmation-btn a:hover,
section#confirmation-message .confirmation-btn a:hover {
  background: #ce188e;
}

.user-is-logged-in #confirmation-message article {
  padding-top: 0;
}

/* =Products Details - Modal Window
------------------------------------------------------------------------------*/
#product-modal-wrap {
  background: #ffffff;
  padding: 30px;
  display: block;
  width: 100%;
  max-width: 500px;
}

.product-modal {
  display: block;
  margin: 0;
  overflow: hidden;
  position: relative;
}

.product-modal h3 {
  font-size: 20px;
  font-weight: bold;
  color: #414141;
  text-align: left;
  text-transform: none;
  padding: 0;
  margin: 0 0 18px 0;
}

.product-modal ul {
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -ms-border-radius: 20px;
  -o-border-radius: 20px;
  background: #f1f1f1;
  margin: 0;
  padding: 0;
  width: auto;
  width: auto;
  display: block;
  overflow: hidden;
  list-style: none;
}

.product-modal ul li {
  border-right-width: 0;
  color: #414141;
  cursor: pointer;
  font-size: 14px;
  text-transform: uppercase;
  padding: 9px 0;
  text-align: center;
  margin-left: 0;
}

.product-modal ul li:hover {
  background: #ce188e;
  color: #ffffff;
}

.product-modal ul li.active {
  background: #8dcb51;
  color: #fff;
}

.product-modal ul li:hover + li {
  border-left: 1px solid #c0c0c0;
}

.product-modal ul li.active + li {
  border-left: 1px solid #7aaa2e;
}

.product-modal ul li.no-artwork {
  border-right-width: 1px;
}

.product-modal ul li.shipping-no {
  border-right-width: 1px;
}

#artwork-help {
  width: 100%;
  background: #f1f1f1;
  color: #414141;
  padding: 10px;
}

#artwork-help a {
  color: #7aae00;
}

.tool-tip {
  display: none;
}

.tool-tip p {
  font-size: 15px;
}

.tool-tip small {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #ce188e;
}

#artwork-3 {
  display: block;
}

.calculate-artwork {
  /*border-right: 1px solid #e4e4e4;*/
  /*padding-right: 9px;*/
  /*width: 300px;*/
}

.calculate-shipping {
  position: relative;
  width: 100%;
}

.calculate-artwork ul {
  margin: 0 0 20px;
  position: relative;
}

.calculate-shipping ul {
  margin: 0 0 25px 0;
}

.calculate-artwork ul li div {
  background: #555;
  color: #fff;
  display: block;
  height: 36px;
  left: 0;
  padding: 9px;
  position: absolute;
  text-shadow: 0 -1px 0 black;
  text-transform: none;
  top: 48px;
  visibility: hidden;
}

.calculate-artwork ul li span {
  display: none;
  height: 10px;
  overflow: hidden;
  position: absolute;
  text-indent: -9999px;
  top: 39px;
  visibility: hidden;
  width: 14px;
}

.calculate-artwork ul li div small {
  color: #ccc;
  font-size: 11px;
}

.calculate-artwork ul li.active div,
.calculate-artwork ul li:hover div,
.calculate-artwork ul li.active span,
.calculate-artwork ul li:hover span {
  display: block;
  visibility: visible;
}

.product-modal form {
  background: none !important;
  -webkit-filter: none !important;
          filter: none !important;
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.product-modal form .ft {
  background: #f6f6f6;
  overflow: hidden;
  padding: 15px;
  width: 100%;
  margin-bottom: 20px;
}

.product-modal form .ft label {
  color: #414141;
  font-weight: normal;
  margin: 0 0 18px 0;
  overflow: hidden;
}

.product-modal .actions {
  display: block;
}

.quote-form-response {
  display: none;
  background: #d5edd4;
  width: 100%;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 16px;
  text-align: center;
}

.quote-form-response a {
  color: #7aae00;
  text-decoration: underline;
}

.quote-add-to-cart {
  margin-top: 20px;
}

div.upload-form {
  background: #f1f1f1;
  padding: 30px 22px;
  margin-top: 0px !important;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  div.upload-form {
    margin-top: 0px;
  }
}

div.upload-form span.label {
  font-weight: bold;
  font-size: 14px;
  background: none;
  color: #414141;
  margin-left: 0;
  padding-left: 0;
}

div.upload-form h4 {
  color: #414141;
}

.dropzone {
  border: 2px dotted #979797;
  margin-top: 20px;
}

.dropzone .dz-preview .dz-image {
  border-radius: 0;
}

.dropzone.dz-drag-hover {
  border-style: solid;
  border-color: #8dcb51;
}

hr.spacer {
  display: block;
  margin-top: 40px;
  margin-bottom: 40px;
}

.clear {
  margin: 0 auto 20px;
  display: block;
  clear: both;
}

.drag-message {
  font-size: 13px;
  font-weight: bold;
  margin-top: 5px;
}

.order-summary ul {
  list-style: none;
}

.order-summary ul li {
  margin-left: 0;
}

ul.artwork-items {
  list-style: none;
  margin-left: 0;
}

ul.artwork-items li {
  font-size: 14px;
  margin-left: 0;
}

ul.artwork-items li.artwork-file {
  height: 30px;
  background: #8dcb51;
  font-size: 14px;
  color: #ffffff;
  padding: 4px 7px 5px 15px;
  width: auto;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  margin-left: 0;
  border-radius: 30px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  -ms-border-radius: 30px;
  -o-border-radius: 30px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.artwork-items li.artwork-file {
    overflow: hidden;
  }
}

ul.artwork-items li.artwork-file a {
  color: #ffffff;
}

/* =Fancy box styling
------------------------------------------------------------------------------*/
#fancybox-right {
  right: -34px;
}

.fancy-ico {
  background: #ffffff;
  position: absolute;
  top: 45%;
  padding: 10px;
  color: #8dcb51;
  display: block;
}

#fancybox-left-ico {
  left: 0;
}

#fancybox-left-ico:before {
  font-family: FontAwesome;
  content: "\f053  ";
}

#fancybox-right-ico {
  right: 0;
}

#fancybox-right-ico:after {
  font-family: FontAwesome;
  content: "  \f054";
}

#fancybox-close {
  position: absolute;
  top: -16px;
  right: -51px;
}

#fancybox-title-over {
  margin-top: -33px;
}

.image-count {
  font-weight: bold;
}

#fancybox-outer {
  background: transparent;
}

/* =Form styling
------------------------------------------------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1023px) {
  .white .paper {
    display: none;
  }
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .white .cnt {
    width: 100%;
  }
}

.white form {
  width: 100% !important;
  border-color: #979797;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  .white form {
    font-size: 13px;
  }
}

.white table {
  border-color: #979797;
}

/* =404
------------------------------------------------------------------------------*/
.page404 {
  text-align: center;
}

.page404 img {
  margin-top: 30px;
  margin-bottom: 20px;
}

/* =Carousel
------------------------------------------------------------------------------*/
.related-thumb {
  margin-left: 0.9375em;
  margin-right: 0.9375em;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  .related-thumb {
    max-height: 290px;
  }
}

@media screen and (max-width: 1280px) {
  .slick-prev,
  .slick-next {
    display: none;
  }
}

/* =Dispatch
------------------------------------------------------------------------------*/
section.dispatch {
  background: url(../images/dispatch-bg.jpg) no-repeat bottom center;
  background-size: cover;
  height: 380px;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  section.dispatch {
    height: 345px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  section.dispatch {
    height: 250px;
    background-position: top right;
  }
}

/* =Production
------------------------------------------------------------------------------*/
section.production {
  background: url(../images/production-bg.jpg) no-repeat bottom right;
  background-size: cover;
  height: 380px;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  section.production {
    height: 345px;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  section.production {
    height: 250px;
    background-position: bottom right;
  }
}

/* =Floating Cart
------------------------------------------------------------------------------*/
#floating-cart {
  position: fixed;
  background: #74b700;
  bottom: 20px;
  left: 10px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  z-index: 100;
  display: none;
  -webkit-box-shadow: 1px 0px 5px -1px #666666;
          box-shadow: 1px 0px 5px -1px #666666;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #floating-cart {
    display: block;
  }
}

#floating-cart #cart-icon {
  position: absolute;
  top: 11px;
  left: 9px;
  width: 31px;
}

#floating-cart strong {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  background: #ea3b2e;
  color: #ffffff;
  right: -4px;
  top: 0px;
  text-align: center;
  font-size: 12px;
  padding-top: 0px;
  overflow: hidden;
  line-height: 20px;
}

body.tg-quotes #floating-cart {
  display: none;
}

#video-no-padding article {
  padding-top: 0;
  margin-top: -20px;
}

ul.video-listing {
  list-style: none;
  padding: 0;
  margin-left: 0;
}

ul.video-listing .video-thumbnail {
  width: 100%;
  max-width: 368px;
  height: auto;
  max-height: 212px;
}

ul.video-listing .video-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(141, 203, 81, 0.5);
  opacity: 0;
}

ul.video-listing .play-button {
  position: absolute;
  left: 40%;
  top: 35%;
}

@media screen and (min-width: 640px) and (max-width: 1023px) {
  ul.video-listing .play-button {
    left: 35%;
    top: 25%;
  }
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  ul.video-listing .play-button {
    display: none;
  }
}

ul.video-listing li {
  margin: 0 0 20px 0;
  overflow: hidden;
}

.mytooltip {
  cursor: pointer;
  color: #414141;
}

.tooltipster-sidetip .tooltipster-box {
  background: #ffffff;
  color: #414141;
}

.tooltipster-sidetip .tooltipster-box ul.details {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 15px;
  color: #414141;
}

.tooltipster-sidetip .tooltipster-box ul.details li {
  border-bottom: 1px solid #cccccc;
  margin-left: 0;
  margin-bottom: 8px;
  padding-bottom: 8px;
  padding-right: 10px;
}

.tooltipster-sidetip .tooltipster-box ul.details li:first-child {
  margin-top: 5px;
}

.tooltipster-sidetip .tooltipster-box ul.details li:last-child {
  margin-bottom: 5px;
  border: none;
  padding-bottom: 0;
}

.tooltipster-sidetip .tooltipster-box ul.details img {
  display: inline-block;
  margin-right: 10px;
  border: 1px solid #ccc;
}

.tooltipster-sidetip .tooltipster-box p {
  color: #414141;
  margin-bottom: 0;
}

.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background {
  border-bottom-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background {
  border-left-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background {
  border-right-color: #ffffff;
}

.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background {
  border-top-color: #ffffff;
}

.tooltipster-sidetip .tooltipster-content {
  color: #414141;
}

.checkout-summary {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  z-index: 3;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .checkout-summary {
    float: left;
    position: relative;
  }
}

#checkout-holder {
  margin-bottom: 60px;
}

#checkout-holder .customTextBlock--inline + .customTextBlock--inline {
  margin-left: .5rem;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #checkout-holder .customTextBlock--inline + .customTextBlock--inline {
    margin-left: 0;
  }
}

#checkout-form.hide {
  display: none;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  #checkout-form {
    display: block;
  }
}

.summary-title {
  margin-bottom: .5rem;
}

.delivery-panel {
  border: solid 1px #979797;
  border-radius: 5px;
}

.delivery-panel.last {
  margin-top: 1rem;
}

.delivery-panel.active {
  background: #F4FAEE;
  border-color: #7aae00;
}

.delivery-option {
  font-size: 14px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: .75rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.delivery-option h4 {
  margin-bottom: .25rem;
  font-size: 1rem;
  color: #414141;
}

.delivery-option input[type="radio"] {
  display: inline-block;
  height: inherit;
  margin-right: .45rem;
  line-height: inherit;
}

.delivery-option img {
  position: relative;
  display: block;
  margin: 8px auto 10px;
}

.delivery-option--label {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: calc(100% - 80px);
      flex-basis: calc(100% - 80px);
}

.delivery-option--icon {
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.delivery-option__icon-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 65px;
  width: 65px;
  border-radius: 50%;
  -webkit-box-shadow: inset 0px 0px 0px 3px #fff, 0px 0px 0px 2px #8dcb51;
          box-shadow: inset 0px 0px 0px 3px #fff, 0px 0px 0px 2px #8dcb51;
}

#pickup-icon {
  display: block;
  background: url(../images/checkout/delivery-icons-sprite.svg) no-repeat;
  margin: 0;
  background-size: 130px;
  background-position: -65px 0;
  width: 65px;
  height: 65px;
}

#delivery-icon {
  display: block;
  background: url(../images/checkout/delivery-icons-sprite.svg) no-repeat;
  margin: 0;
  width: 50px;
  height: 35px;
  background-size: 100px;
  background-position: 0 -15px;
}

.delivery-panel.active .delivery-option__icon-wrapper {
  background-color: #8dcb51;
}

.delivery-panel.active #pickup-icon {
  background-position: -65px -65px;
  border-radius: 50%;
}

.delivery-panel.active #delivery-icon {
  background-position: 0 -50px;
}

.pickup-address,
.delivery-subtext {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  font-size: 13px;
  line-height: 1.3em;
  margin-top: 0.5rem;
}

.delivery-suburb-finder {
  padding: 0 .75rem 0 1.5rem;
}

.delivery-suburb-finder .for-fields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.delivery-suburb-finder .for-fields input, .delivery-suburb-finder .for-fields select, .delivery-suburb-finder .for-fields label:not(.error) {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.delivery-suburb-finder .shipping_delivery_method_container {
  margin-top: 0px;
}

.delivery-suburb-finder .shipping_delivery_method_container select, 
.delivery-suburb-finder .shipping_delivery_method_container label:not(.error) {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.delivery-suburb-finder #shipping_delivery_method {
  padding: 3px 0 4px 0;
  margin-top: 10px;
}

.new-badge__label {
  margin-left: .75em;
  padding: .5em 1em;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}

.new-badge__label--gold {
  border-radius: 25px;
  background: #F1CE47;
}

.form-row {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}

.form-group.postcode {
  flex: 0 0 100px;
}

.form-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.delivery-suburb-finder .for-fields label {
  font-size: 14px;
}
.delivery-suburb-finder .for-fields:not(:last-child) {
  margin-bottom: .5rem;
}
.delivery-panel--pickup:not(.active) .delivery-option__icon-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.delivery-panel--shipping:not(.active) .delivery-suburb-finder {
  display: none;
}
.delivery-panel--shipping:not(.active) .delivery-option__icon-wrapper {
  -webkit-box-shadow: inset 0px 0px 0px 2px #8dcb51;
          box-shadow: inset 0px 0px 0px 2px #8dcb51;
}

button.button-small-black {
  width: 100%;
  height: 40px;
  font-size: 14px;
  background: #414141;
  text-align: center;
  font-weight: 400;
  display: inline-block;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding-top: 9px;
  margin-bottom: 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ms-border-radius: 25px;
  -o-border-radius: 25px;
  padding-right: 0;
  padding-left: 0;
}

.select2-results li {
  margin: 0;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 250px;
  overflow-y: auto;
}

.select2-container--default .select2-selection--single {
  border: 1px solid #cccccc;
  height: 2.3125em;
  padding-top: 4px;
  border-radius: 0;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow {
  top: 6px;
}

.select2-container--open .select2-dropdown--below {
  border-radius: 0;
}

.select2-container--default .select2-results__option[aria-disabled="true"] {
  display: none;
}

#print-contact {
  display: none;
}

.quote-condition {
  display: none;
  text-align: right;
  font-style: italic;
  font-size: 15px;
  margin-top: 20px;
  margin-bottom: 30px;
}

.quote-condition span {
  font-weight: bold;
}

#quote-expiry span {
  font-weight: bold;
}

#sale-condition {
  display: none;
}

#sixty-days-condition {
  display: none;
}

/* =Added to cart modal
------------------------------------------------------------------------------*/
button.fancybox-close-small {
  background: transparent;
}

#added-cart {
  max-width: 450px;
}

#added-cart h5 {
  font-weight: 600;
  text-align: center;
  font-size: 20px;
}

#added-cart h6 {
  font-weight: bold;
  font-size: 18px;
  color: #414141;
  line-height: 1.2em;
}

#added-cart sup {
  font-size: .5em;
}

#added-cart span.item-counter {
  color: #ce188e;
}

#added-cart a.button.small {
  width: 150px;
}

#added-cart img {
  display: block;
  border: 1px solid #979797;
  max-width: 120px;
}

@media screen and (min-width: 0px) and (max-width: 639px) {
  #added-cart img {
    width: 100%;
    height: auto;
  }
}

#added-cart .continue-shopping {
  margin-top: .5em;
  margin-bottom: .5em;
}

/* =Fix for table row colours in quote index screen
--------------------------------------------------------*/
table.unstriped tbody tr.odd {
  border-bottom: 0;
  background-color: #f1f1f1;
}

._UpdateFormReminder {
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
  padding: 5px 20px;
  text-align: center;
  font-size: 0.8em !important;
  width: 100%;
  background-color: #c00000;
  color: #ffffff;
}

.cursorPointer {
  cursor: pointer;
}

.displayFlexCentered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.displayInline {
  display: inline;
}

.displayInlineBlock {
  display: inline-block;
}

.displayNone {
  display: none;
}

.floatLeft {
  float: left;
}

.fontStyleItalic {
  font-style: italic;
}

@media print, screen and (min-width: 40em) {
  .widthFull {
    width: 100%;
  }
}

.es-video {
  max-width: 100%;
}

/**
  #FOR LAYOUTS / COMPONENTS NOT YET MIGRATED TO USING FLEXBOX, AKA USING FLOATS (FROM FOUNDATION)

  For context, the old layout uses floats, and classes like .row and .container.
  To avoid conflict in the meantime with the usage of these classes, append '-flex' to the same classes
  to distinguish which layouts are using floats and which ones are using flex.

  We now have the flexboxgrid library imported. Once all pages have been migrated to the new way of building
  layout, you can remove this code.
*/
.container-flex {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  max-width: 1200px;
  margin: 0 auto;
}

.container-fluid-flex {
  margin-right: auto;
  margin-left: auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.row-not-flex {
  margin-left: auto;
  margin-right: auto;
}

.row-flex {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -0.5rem;
  margin-left: -0.5rem;
}

.row-flex.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media screen and (max-width: 640px) {
  .row-flex.reset-margin-mobile {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}

/*------------------------------------*\
  #UTILITIES
\*------------------------------------*/
@media screen and (min-width: 0px) and (max-width: 1023px) {
  .displayBlockMobile {
    display: block;
  }
}

.isHidden {
  display: none;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.headerBanner {
  padding: .5em;
  display: none;
  margin-bottom: 0;
  background: #ce188e;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .headerBanner {
    padding: 1em 70px;
  }
}

.headerBanner:empty {
  display: none !important;
}

.headerBanner.show, .headerBanner.is-permanent {
  display: block;
}

.headerBanner--holiday span::before {
  content: '🎄';
  display: inline-block;
  font-size: 24px;
  margin-right: .25em;
  position: relative;
  bottom: -.1em;
}

.headerBanner .btn-dismiss {
  display: inline-block;
  margin-left: .5em;
  padding: .25em 1em;
  background: white;
  border-radius: 50px;
  color: #ce188e;
  font-weight: 600;
  line-height: 1.5em;
  -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
  transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}

.headerBanner .btn-dismiss:hover, .headerBanner .btn-dismiss:focus {
  background: #8dcb51;
  color: #fff;
}

@media screen and (min-width: 0px) and (max-width: 1023px) {
  .headerBanner .btn-dismiss {
    display: block;
    margin: .5em auto 0;
    max-width: 150px;
    padding: .5em 2em;
  }
}

.emoji-xmas:before {
  content: '🎄';
  display: inline-block;
  font-size: 24px;
  margin-right: .25em;
  position: relative;
  bottom: -.1em;
}

.calculator-form-banner {
    display: none;
    padding: .45em 1.75em;
    position: relative;
    background-color: #e9e9e9;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.min-max-size-prompt,
.min-order-qty-prompt,
.roll-by-hand-prompt {
    padding: .45em 1.75em;
    position: relative;
    background-color: #e9e9e9;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
}

.min-order-qty-prompt {
    padding: 15px;
    border-radius: 5px;
}

.min-max-size-prompt a{
    color: #ce188e;
}

.min-max-size-prompt-fancybox-content {
    padding: 44px;
    display: none;
}

.min-max-size-prompt-fancybox-content.fancybox-content {
    max-width: 60%;
}

.mt-1em {
    margin-top: 1em;
}

.mb-1em {
    margin-bottom: 1em;
}

.text-align-center {
    text-align: center;
}

.min-order-qty-prompt .btn-update-quote,
.upsell-prompt .btn-update-quote{
    display: inline-block !important;
    font-weight: 600;
    padding: 5px 12px 12px 5px;
    position: relative;
    background-color: #8dcb51;
    color: #fff;
    border-radius: 25px;
    -webkit-transition: background-color 0.2s ease-in-out;
    transition: background-color 0.2s ease-in-out;
    cursor: pointer;
}

.upsell-prompt .btn-update-quote {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-left: 0px;
    margin-top: 0;
    white-space: nowrap;
    font-size: 12px;

}

.min-order-qty-prompt .btn-update-quote:hover,
.upsell-prompt .btn-update-quote:hover{
    filter: brightness(90%);
}

.min-order-qty-prompt .btn-update-quote .refresh-icon,
.upsell-prompt .btn-update-quote .refresh-icon{
    margin-left: 8px;
    display: inline-block;
    width: 18px;
    height: 18px;
    background-image: url('/themes/user/site_themes/default/responsive/images/v2/product/icon-refresh-white.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    top: 3px;
}

.min-order-qty-prompt .btn-update-quote .es-loader,
.upsell-prompt .btn-update-quote .es-loader {
    opacity: 1;
    border-left-color: #fff;
    top: 4px;
    display:none;
}

.upsell-prompt {
    margin-left: -10px;
    margin-right: -10px;
}

.upsell-prompt .upsell-percentage {
    background-color: #ce188e;
    padding: 3px 8px;
    border-radius: 15px;
    color: #fff;
    font-size: 13px;
    font-style: italic;
    width: 80px;
    font-weight: 600;
}

.upsell-prompt .upsell-msg {
    font-size: 13px;
}

.upsell-prompt .upsell-container {
    display: flex;
    align-items: center;
    justify-content: space-between; /* Ensures spacing */
    gap: 8px;
    border-radius: 25px;
    margin: 8px;
    padding-right: 0px;
    padding-left: 8px;
    background-color: #e9e9e9;
}

@media (max-width: 768px) {
    .upsell-prompt .upsell-container {
        display: block;
        padding: 10px;
        border-radius: 5px;
    }
    .upsell-prompt .upsell-percentage {
        display: block;
        width: 100%;
        margin-bottom: 8px;
    }
    .upsell-prompt .btn-update-quote{
        margin-top:8px;
        border-radius: 5px;
        width: 100%;
    }
}

.old-item-price {
    color: #B82E24;
    text-decoration: line-through;
    font-size: 0.8em;
}

.product-text-banner {
    background: #fdf3f9;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
}

.product-text-banner a {
    color: #ce188e;
    font-weight: 600;
    text-decoration: underline;
}

.lv-sale-badge {
  background-color: #ea3b2e;
  color: white;
  padding: 2px 3px;
  border-radius: 3px;
  font-weight: bold;
  margin-right: 2px;
}
/*# sourceMappingURL=main.css.map */