/** Shopify CDN: Minification failed

Line 21:23 Expected identifier but found whitespace
Line 21:24 Unexpected "#313131"
Line 80:26 Expected identifier but found whitespace
Line 80:33 Unexpected ";"
Line 89:28 Expected identifier but found whitespace
Line 89:29 Unexpected "500"
Line 117:23 Expected identifier but found whitespace
Line 117:24 Unexpected "\"DIN Next\""

**/
@charset "utf-8";

/**
 * ----------------------------------------------------------------------------
 * COLORS
 * ----------------------------------------------------------------------------
 */

--text-color          : #313131;
--heading-color       : #015385;
--border-color        : #e1e3e4;
--form-border-color   : #d4d6d8; /* Designer wants a slightly different border... :D */
--accent-color        : #d2202e;
--link-color          : #015385;
--background          : #f3f5f6;
--secondary-background: #ffffff;
--accent-background   : rgba(#d2202e, 0.08);

--error-color       : #dd0031;
--error-background  : rgba(221, 0, 49, 0.07);
--success-color     : #00aa00;
--success-background: rgba(0, 170, 0, 0.11);

--primary-button-background  : #d2202e;
--primary-button-text-color  : #ffffff;
--secondary-button-background: #d2202e;
--secondary-button-text-color: #ffffff;

--header-background      : rgba(0,0,0,0);
--header-text-color      : #313131;
--header-light-text-color: #015385;
--header-border-color    : rgba(#015385, 0.30);

--flickity-arrow-color: darken(var(--border-color), 20%);

--product-on-sale-accent           : #d2202e;
--product-in-stock-color           : #015385;
--product-low-stock-color          : #eeeeee;
--product-sold-out-color           : #8a9297;
--product-custom-label-1-background: #015385;
--product-custom-label-2-background: #015385;
--product-review-star-color        : #d2202e;

/**
 * ----------------------------------------------------------------------------
 * TYPOGRAPHY
 * ----------------------------------------------------------------------------
 */

@font-face {
  font-family: "DIN Next";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("//br.rumex.com/cdn/fonts/din_next/dinnext_n5.9de62f474792d83a5c7487ba13c73b05f03f03c7.woff2?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=78a27349605abd730aefb8c33746f530bdec67a9553310d4188b45a77bf1c8f7") format("woff2"),
       url("//br.rumex.com/cdn/fonts/din_next/dinnext_n5.780618dec464e6222d24888730ca26e0ca6ad6af.woff?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=f56157c23a91f39c2d63f3118bcb57cdbdd6628fa6598c2825f8aff33db1b29e") format("woff");
}

@font-face {
  font-family: "DIN Next";
  font-weight: 400;
  font-style: normal;
  font-display: fallback;
  src: url("//br.rumex.com/cdn/fonts/din_next/dinnext_n4.438c249fdbceeefafa64221353c5ece2fdb8ae14.woff2?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=21e52ce45b12936d4fa300bb0357ebbca5d5034d46ee4ebe5bc23c140faa7ee4") format("woff2"),
       url("//br.rumex.com/cdn/fonts/din_next/dinnext_n4.ba1a214c52f07ec250a5179209eb84e73639e1c9.woff?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=7f0f43640300a862849df781b64b384d201201629f8c8de3187ccd0f1044aa70") format("woff");
}

--text-font-bolder-weight: bolder;@font-face {
  font-family: "DIN Next";
  font-weight: 500;
  font-style: normal;
  font-display: fallback;
  src: url("//br.rumex.com/cdn/fonts/din_next/dinnext_n5.9de62f474792d83a5c7487ba13c73b05f03f03c7.woff2?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=78a27349605abd730aefb8c33746f530bdec67a9553310d4188b45a77bf1c8f7") format("woff2"),
       url("//br.rumex.com/cdn/fonts/din_next/dinnext_n5.780618dec464e6222d24888730ca26e0ca6ad6af.woff?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=f56157c23a91f39c2d63f3118bcb57cdbdd6628fa6598c2825f8aff33db1b29e") format("woff");
}

  --text-font-bolder-weight: 500;@font-face {
  font-family: "DIN Next";
  font-weight: 700;
  font-style: normal;
  font-display: fallback;
  src: url("//br.rumex.com/cdn/fonts/din_next/dinnext_n7.57888b0b2051a4dba7d02aad7ca64db99eca3cf1.woff2?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=1b43c86b15560929a601c34540fbc15dd463d108f92a22ac4b384fc14fed85e4") format("woff2"),
       url("//br.rumex.com/cdn/fonts/din_next/dinnext_n7.8ca52ee0f403ce0c89c90387f16284e4637c1b10.woff?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=021462226890c5b6d415fef65fd3cf1e39a627f543c4258cffb9f3dec720b0b9") format("woff");
}

@font-face {
  font-family: "DIN Next";
  font-weight: 400;
  font-style: italic;
  font-display: fallback;
  src: url("//br.rumex.com/cdn/fonts/din_next/dinnext_i4.61ded265c0c537a08a3ef6c1f78e76a5f3be91c9.woff2?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=dd81a5179e95918a6c19922d102faf4c003a2b3b925eb70b92c457cb7e84e62a") format("woff2"),
       url("//br.rumex.com/cdn/fonts/din_next/dinnext_i4.09dd19acb435d364f8a7263a588c573108d49efc.woff?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=619cd24842074694b5af3d85efe7e14f3a53213a05b51b75a6ad0bab7251d34e") format("woff");
}

@font-face {
  font-family: "DIN Next";
  font-weight: 700;
  font-style: italic;
  font-display: fallback;
  src: url("//br.rumex.com/cdn/fonts/din_next/dinnext_i7.3e0968fa491d382704988ea5c9fc6209193f03d0.woff2?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=11f6a1c18f9e67a4840aee1916db56c29f4c76fcc36aefadb495975b14d568ad") format("woff2"),
       url("//br.rumex.com/cdn/fonts/din_next/dinnext_i7.28611b7c75be07249f4251b10e48a8d9f8dbf8ba.woff?h1=cnVtZXguY29tLmJy&h2=cnVtZXgtZDEuYWNjb3VudC5teXNob3BpZnkuY29t&h3=YnIucnVtZXguY29t&hmac=e2ce442462f390c74c9108e20a933847d789a809699b78c47136c74e8cfdcfae") format("woff");
}


--heading-font-family : "DIN Next", sans-serif;
--heading-font-weight : 500;
--heading-font-style  : normal;

--text-font-family : "DIN Next", sans-serif;
--text-font-weight : 400;
--text-font-style  : normal;

--base-text-font-size   : 17px;
--default-text-font-size: 15px;

--underline-links: true;--heading-font-family 	: 'Proxima Nova Regular', sans-serif;
  --text-font-family 	: 'Proxima Nova Regular', sans-serif;/**
 * ----------------------------------------------------------------------------
 * ANIMATION
 * ----------------------------------------------------------------------------
 */

--animation-enable-zoom: true;

/**
 * ----------------------------------------------------------------------------
 * SPACING
 * ----------------------------------------------------------------------------
 */

--mobile-container-gutter : 20px;
--desktop-container-gutter: 40px;

/**
 * ----------------------------------------------------------------------------
 * OTHER
 * ----------------------------------------------------------------------------
 */

--color-swatch-circle: false;
--phone:            "screen and (max-width: 640px)";
--tablet:           "screen and (min-width: 641px) and (max-width: 999px)";
--tablet-and-up:    "screen and (min-width: 641px)";
--pocket:           "screen and (max-width: 999px)";
--lap:              "screen and (min-width: 1000px) and (max-width: 1279px)";
--lap-and-up:       "screen and (min-width: 1000px)";
--desk:             "screen and (min-width: 1280px)";
--widescreen:       "screen and (min-width: 1440px)";



/* Link back to previous page 
---------------------------------------*/
.back-to-prev-page {
  padding: 0 20px;
  margin-top: 10px;
}
.back-to-prev-page a {
  display: inline-block;
  line-height: 1;
  font-size: 16px;
  padding: 8px 10px;
  color: #fff;
  background-color: #858787;
  transition: background-color 0.25s;
  display: inline-block;
}
.back-to-prev-page a:hover {
  background-color: #276092;
}
@media screen and (min-width: 641px) {
  .back-to-prev-page {
    padding: 8px 40px;
    margin-top: 25px;
  }
}
@media screen and (min-width: 1367px) {
  .back-to-prev-page {
    max-width: 1480px;
    margin-left: auto;
    margin-right: auto;
  }
}

/***************************************
  Home page
****************************************/
/* Offers section 
---------------------------------------*/
@media screen and (min-width: 551px) {
  .template-index section[data-section-type=offers] .block-list {
    flex-flow: row wrap;
  }
}
@media screen and (min-width: 551px) {
  .template-index section[data-section-type=offers] .block-list__item {
    width: 50%;
  }
}
@media screen and (min-width: 920px) {
  .template-index section[data-section-type=offers] .block-list__item {
    width: 33.3333333333%;
  }
}
@media screen and (min-width: 1150px) {
  .template-index section[data-section-type=offers] .block-list__item {
    width: 25%;
  }
}

/* Rich text section 
---------------------------------------*/
.trm_rich-text-button {
  background-color: #276092;
  margin: 1em;
}
.trm_rich-text-button:hover {
  background-color: #468bc8;
}

/* Rich text section 
---------------------------------------*/
.trm_logo-list .quick-links {
  flex-wrap: nowrap;
}
.trm_logo-list .flickity-page-dots {
  bottom: -20px;
}
.trm_logo-list .flickity-page-dots .dot:first-child:last-child {
  display: none;
}

/***************************************
  Page Team 2
****************************************/
.trm_team-container {
  margin-bottom: 20px;
}
@media screen and (min-width: 641px) {
  .trm_team-container {
    display: flex;
    flex-wrap: wrap;
    padding: 0 20px;
  }
}

.trm_team-block {
  padding: 20px 0;
}
@media screen and (min-width: 641px) {
  .trm_team-block {
    padding: 25px 0;
    overflow: hidden;
    position: relative;
  }
  .trm_team-block:before, .trm_team-block:nth-child(even):after {
    content: "";
    display: block;
    width: 100%;
    height: 4px;
    margin: 0 0 30px 20px;
    background-color: #6ccbc9;
  }
  .trm_team-block:nth-child(even):before {
    margin-left: 0;
    width: calc(100% - 20px);
  }
  .trm_team-block:nth-child(even):after {
    width: 75%;
    background-color: #636363;
    position: absolute;
    top: 25px;
    left: 0;
  }
  .trm_team-block > * {
    padding: 0 20px;
  }
}
@media screen and (min-width: 1000px) {
  .trm_team-block {
    padding: 30px 0;
    display: flex;
    flex-wrap: wrap;
  }
  .trm_team-block:nth-child(even):after {
    top: 30px;
  }
}
@media screen and (min-width: 1000px) {
  .trm_team-block svg,
.trm_team-block img {
    width: 30%;
    padding-right: 0;
  }
}
.trm_team-block img {
  display: block;
  margin: 0 auto 10px;
}
.trm_team-block svg {
  max-width: 100%;
}

@media screen and (min-width: 1000px) {
  .trm_team-info {
    width: 70%;
    padding-left: 15px;
  }
}

.trm_team-title,
.trm_team-subtitle {
  line-height: 1.2;
  font-size: 16px;
  font-weight: 700;
}

.trm_team-title {
  margin-bottom: 5px;
}

.trm_team-subtitle {
  margin-bottom: 10px;
}

.trm_team-text {
  line-height: 1.3;
  margin-bottom: 0;
  font-size: 16px;
}

/***************************************
  Page description
****************************************/
.trm_page-description {
  margin-top: 50px;
  margin-bottom: 50px;
}
.trm_page-description h1 {
  font-size: 24px;
}
@media screen and (min-width: 641px) {
  .trm_page-description h1 {
    font-size: 40px;
  }
}
.trm_page-description h2 {
  font-size: 22px;
}
@media screen and (min-width: 641px) {
  .trm_page-description h2 {
    font-size: 30px;
  }
}
.trm_page-description h3 {
  font-size: 20px;
}
@media screen and (min-width: 641px) {
  .trm_page-description h3 {
    font-size: 28px;
  }
}
.trm_page-description h4 {
  font-size: 18px;
}
@media screen and (min-width: 641px) {
  .trm_page-description h4 {
    font-size: 24px;
  }
}
.trm_page-description h5 {
  font-size: 16px;
}
@media screen and (min-width: 641px) {
  .trm_page-description h5 {
    font-size: 22px;
  }
}
.trm_page-description h6 {
  font-size: 14px;
}
@media screen and (min-width: 641px) {
  .trm_page-description h6 {
    font-size: 20px;
  }
}
.trm_page-description h1, .trm_page-description h2, .trm_page-description h3, .trm_page-description h4, .trm_page-description h5, .trm_page-description h6 {
  margin: 0 0 1em;
  font-weight: 900;
  color: #222;
  text-shadow: 0 0 0 rgba(0, 0, 0, 0.5);
  line-height: 1.2;
}

.trm_page-description-content img {
  margin: 5px;
}
.trm_page-description-content p {
  margin-bottom: 1.5em;
  font-size: 16px;
}
@media screen and (max-width: 640px) {
  .trm_page-description-content p {
    margin-left: 5px;
    margin-right: 5px;
  }
}

/***************************************
  Pages 'Featured Set'
****************************************/
.template-page .page__content {
  text-align: center;
}
.template-page .page__content h1, .template-page .page__content h2, .template-page .page__content h3, .template-page .page__content h4, .template-page .page__content h5, .template-page .page__content h6 {
  text-align: left;
}
.template-page .page__content .setPics {
  float: none;
  display: inline-flex;
  align-items: baseline;
}
.template-page .page__content .column2 {
  text-align: left;
}
/*# sourceMappingURL=main.css.map */



/* Button scroll to top
---------------------------------------*/

.scroll-to-top {
  cursor: pointer;
  width: 45px;
  height: 45px;
  text-align: center;
  color: #000;
  z-index: 350;
  font-size: 0;
  border: 1px solid #000;
  border-radius: 50%;
  background-color: #fff;
  position: fixed;
  bottom: 75px;
  right: 40px;
  transform: rotate(90deg);
  visibility: hidden;
  opacity: 0;
  transition: 0.2s background-color ease, 0.2s border-color ease;
  display: flex;
  justify-content: center;
}

@media screen and (min-width: 768px) {
  .scroll-to-top {
    bottom: 85px;
  }
}
@media screen and (min-width: 1024px) {
  .scroll-to-top {
    bottom: 100px;
  }
}
@media screen and (min-width: 1367px) {
  .scroll-to-top {
    bottom: 110px;
  }
}
@media screen and (min-width: 1920px) {
  .scroll-to-top {
    bottom: 130px;
  }
}
.scroll-to-top:hover {
  background-color: #276092;
  border-color: #276092;
}
.scroll-to-top:hover svg path {
  fill: #fff;
}
.scroll-to-top.show {
  opacity: 1;
  visibility: visible;
}
.scroll-to-top svg {
  width: 18px;
  height: auto;
}
.scroll-to-top svg path {
  fill: #000;
}