/* compiled by scssphp v0.0.12 on Fri, 09 Dec 2022 11:16:18 -0800 (0.2888s) */

/*
Theme Name: Ryker Products 1.0
Theme URI: 
Author: Bret Hummel
Author URI: http://brethummel.com/
Description: Custom theme developed for Ryker Product Solutions
Version: 1.0
*/
/* Slider */
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/** 1. Change the default font family in all browsers (opinionated). 2. Prevent adjustments of font size after orientation changes in IE and iOS. */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

html {
  /* 1 */
  font-family: sans-serif;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /** Remove the margin in all browsers (opinionated). */ }

body {
  margin: 0;
  /* HTML5 display definitions ========================================================================== */
  /** Add the correct display in IE 9-. 1. Add the correct display in Edge, IE, and Firefox. 2. Add the correct display in IE. */ }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
  /** Add the correct display in IE 9-. */ }

audio, canvas, progress, video {
  display: inline-block;
  /** Add the correct display in iOS 4-7. */ }

audio:not([controls]) {
  display: none;
  height: 0;
  /** Add the correct vertical alignment in Chrome, Firefox, and Opera. */ }

progress {
  vertical-align: baseline;
  /** Add the correct display in IE 10-. 1. Add the correct display in IE. */ }

template, [hidden] {
  display: none;
  /* Links ========================================================================== */
  /** 1. Remove the gray background on active links in IE 10. 2. Remove gaps in links underline in iOS 8+ and Safari 8+. */ }

a {
  /* 1 */
  background-color: transparent;
  /* 2 */
  -webkit-text-decoration-skip: objects;
  /** Remove the outline on focused links when they are also active or hovered in all browsers (opinionated). */ }

a:active, a:hover {
  outline-width: 0;
  /* Text-level semantics ========================================================================== */
  /** 1. Remove the bottom border in Firefox 39-. 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ }

abbr[title] {
  /* 1 */
  border-bottom: none;
  /* 2 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /** Prevent the duplicate application of `bolder` by the next rule in Safari 6. */ }

b, strong {
  font-weight: inherit;
  /** Add the correct font weight in Chrome, Edge, and Safari. */ }

b, strong {
  font-weight: bolder;
  /** Add the correct font style in Android 4.3-. */ }

dfn {
  font-style: italic;
  /** Correct the font size and margin on `h1` elements within `section` and `article` contexts in Chrome, Firefox, and Safari. */ }

h1 {
  font-size: 2em;
  margin: 0.67em 0;
  /** Correct the line-height for all headings in Chrome mobile, Firefox, iOS Safari, Microsoft Edge and IE. */ }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.15;
  /** Add the correct background and color in IE 9-. */ }

mark {
  background-color: #ff0;
  color: #000;
  /** Add the correct font size in all browsers. */ }

small {
  font-size: 80%;
  /** Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em;
  /* Embedded content ========================================================================== */
  /** Remove the border on images inside links in IE 10-. */ }

img {
  border-style: none;
  /** Hide the overflow in IE. */ }

svg:not(:root) {
  overflow: hidden;
  /* Grouping content ========================================================================== */
  /** 1. Correct the inheritance and scaling of font size in all browsers. 2. Correct the odd `em` font sizing in all browsers. */ }

code, kbd, pre, samp {
  /* 1 */
  font-family: monospace, monospace;
  /* 2 */
  font-size: 1em;
  /** Add the correct margin in IE 8. */ }

figure {
  margin: 1em 40px;
  /** 1. Add the correct box sizing in Firefox. 2. Show the overflow in Edge and IE. */ }

hr {
  /* 1 */
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 2 */
  overflow: visible;
  /* Forms ========================================================================== */
  /** 1. Change font properties to `inherit` in all browsers (opinionated). 2. Remove the margin in Firefox and Safari. */ }

button, input, optgroup, select, textarea {
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /** Restore the font weight unset by the previous rule. */ }

optgroup {
  font-weight: bold;
  /** Show the overflow in IE. 1. Show the overflow in Edge. */ }

button, input {
  overflow: visible;
  /** Remove the inheritance of text transform in Edge, Firefox, and IE. 1. Remove the inheritance of text transform in Firefox. */ }

button, select {
  text-transform: none;
  /** 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4. 2. Correct the inability to style clickable types in iOS and Safari. */ }

button, html [type="button"], [type="reset"], [type="submit"] {
  /* 2 */
  -webkit-appearance: button;
  /** Remove the inner border and padding in Firefox. */ }

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
  /** Restore the focus styles unset by the previous rule. */ }

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
  /** Change the border, margin, and padding in all browsers (opinionated). */ }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
  /** 1. Correct the text wrapping in Edge and IE. 2. Correct the color inheritance from `fieldset` elements in IE. 3. Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ }

legend {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  color: inherit;
  /* 1 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 3 */
  padding: 0;
  /* 1 */
  white-space: normal;
  /** Remove the default vertical scrollbar in IE. */ }

textarea {
  overflow: auto;
  /** 1. Add the correct box sizing in IE 10-. 2. Remove the padding in IE 10-. */ }

[type="checkbox"], [type="radio"] {
  /* 1 */
  box-sizing: border-box;
  /* 2 */
  padding: 0;
  /** Correct the cursor style of increment and decrement buttons in Chrome. */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
  height: auto;
  /** 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ }

[type="search"] {
  /* 1 */
  -webkit-appearance: textfield;
  /* 2 */
  outline-offset: -2px;
  /** Remove the inner padding and cancel buttons in Chrome and Safari on OS X. */ }

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  /** Correct the text style of placeholders in Chrome, Edge, and Safari. */ }

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
  /** 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ }

::-webkit-file-upload-button {
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  font: inherit; }

header .global-header {
  height: 40px;
  background-color: #f3f3f4;
  font-family: 'Montserrat', sans-serif; }
  header .global-header a {
    color: #58595b;
    text-decoration: none; }
    header .global-header a:hover {
      color: black; }
    header .global-header a:visited {
      color: #58595b; }
  header .global-header .logo {
    font-weight: 700;
    display: inline-block;
    padding: 10px 0px 0px 0px;
    font-size: 12px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    header .global-header .logo {
      font-size: 11px;
      padding: 12px 0px 0px 0px; } }
    header .global-header .brands {
      display: inline-block;
      float: right;
      font-weight: 500;
      letter-spacing: 0.18px;
      font-size: 12px; }
    header .global-header .brands ul {
      padding: 10px 0px 0px 0px;
      margin: 0px; }
      header .global-header .brands ul li {
        display: inline-block;
        line-height: 1;
        /* for sm */
        /* for xs */ }
        @media (min-width: 768px) and (max-width: 991px) {
    header .global-header .brands ul li {
      font-size: 11px;
      letter-spacing: 0px; } }
        header .global-header .brands ul li a:hover {
          color: black; }
        header .global-header .brands ul li:after {
          content: " | ";
          color: #63cbca; }
        header .global-header .brands ul li:last-of-type:after {
          content: ""; }
    header .global-header .brands .brands-menu {
      padding: 8px 0px 0px 0px;
      cursor: pointer; }
      header .global-header .brands .brands-menu .arrow {
        font-size: 14px; }
    header .global-header .brands .brands-drop {
      background-color: #58595b;
      position: absolute;
      top: 40px;
      left: 0px;
      width: 100%;
      text-align: center;
      padding: 60px 0px 70px 0px;
      z-index: 20;
      display: none; }
      header .global-header .brands .brands-drop ul {
        list-style: none; }
        header .global-header .brands .brands-drop ul li {
          display: block;
          font-size: 16px;
          line-height: 2; }
          header .global-header .brands .brands-drop ul li a {
            color: white; }
          header .global-header .brands .brands-drop ul li:after {
            content: ""; }
  header .global-header.rykr-roll .brands ul li:after {
    color: #20cbd4; }
  header .global-header.tono-shaper .brands ul li:after {
    color: #85dadf; }
  header .global-header.royo-roller .brands ul li:after {
    color: #20cbd4; }
  header .global-header.miyoga .brands ul li:after {
    color: #9bb7d4; }
  header .global-header.home-core-activator .brands ul li:after {
    color: #6bc04b; }
  header .global-header.rykr-conceal-carry .brands ul li:after {
    color: #009abf; }
  header .brand-header {
    height: 100px;
    font-family: 'Barlow', sans-serif;
    font-size: 16px;
    /* for xs */ }
  @media screen and (max-width: 767px) {
    header .brand-header {
      height: unset; } }
  header .brand-header .logo {
    display: inline-block;
    width: 320px;
    margin: 0 auto;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    header .brand-header .logo {
      display: block;
      width: 90vw;
      max-width: 320px;
      text-align: center; } }
  header .brand-header .menu {
    display: inline-block;
    float: right;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    header .brand-header .menu {
      display: block;
      float: none;
      text-align: center; } }
    header .brand-header .menu ul {
      margin: 0px;
      padding: 0px; }
      header .brand-header .menu ul li {
        padding: 38px 0px 0px 0px;
        display: inline-block;
        line-height: 1;
        margin-left: 22px;
        /* for sm */
        /* for xs */
        /* for iPhone 5 */ }
        @media screen and (max-width: 767px) {
    header .brand-header .menu ul li {
      margin-left: 12px;
      font-size: 15px;
      padding: 16px 0px 24px 0px; }
      header .brand-header .menu ul li:first-of-type {
        margin-left: 0px; } }
        @media screen and (max-width: 369px) {
    header .brand-header .menu ul li {
      font-size: 13px;
      margin-left: 8px; }
      header .brand-header .menu ul li:first-of-type {
        margin-left: 0px; } }
        header .brand-header .menu ul li a {
          text-decoration: none; }
        header .brand-header .menu ul li.button {
          padding: 5px 0px 7px 0px;
          font-size: 18px;
          border-radius: 16px;
          font-weight: 700;
          /* for xs */ }
          header .brand-header .menu ul li.cart {
            padding-top: 5px; }
          header .brand-header .menu ul li.cart img {
            height: 30px;
            width: auto; }
  header .brand-header.ryker-products {
    font-family: 'Montserrat', sans-serif; }
    header .brand-header.ryker-products .container {
      height: 100px;
      border-bottom: 3px solid black;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.ryker-products .container {
      height: unset; } }
    header .brand-header.ryker-products .logo {
      width: 50%;
      font-size: 23px;
      font-weight: 700;
      padding-top: 29px;
      /* for sm */
      /* for xs */
      /* for iPhone 5 */ }
      @media (min-width: 768px) and (max-width: 991px) {
    header .brand-header.ryker-products .logo {
      width: 100%;
      font-size: 21px;
      padding-top: 31px; } }
      @media screen and (max-width: 767px) {
    header .brand-header.ryker-products .logo {
      width: 100%;
      font-size: 21px;
      padding-top: 24px; } }
      @media screen and (max-width: 369px) {
    header .brand-header.ryker-products .logo {
      width: 100%;
      font-size: 18px; } }
      header .brand-header.ryker-products .logo a {
        color: black; }
        header .brand-header.ryker-products .logo a:hover {
          color: black;
          text-decoration: none; }
        header .brand-header.ryker-products .logo a:visited {
          color: black; }
    header .brand-header.ryker-products .menu ul li {
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.25em;
      padding: 41px 0px 0px 0px;
      /* for sm */
      /* for xs */
      /* for iPhone 5 */ }
      @media (min-width: 768px) and (max-width: 991px) {
        header .brand-header.ryker-products .menu ul li {
          font-size: 12px;
          padding: 43px 0px 0px 0px; } }
      @media screen and (max-width: 767px) {
        header .brand-header.ryker-products .menu ul li {
          font-size: 11px;
          padding: 16px 0px 27px 0px; } }
      @media screen and (max-width: 369px) {
        header .brand-header.ryker-products .menu ul li {
          font-size: 10px;
          letter-spacing: 0.2em; } }
      header .brand-header.ryker-products .menu ul li a {
        color: black; }
        header .brand-header.ryker-products .menu ul li a:hover {
          color: #00b2e2 !important; }
        header .brand-header.ryker-products .menu ul li a:visited {
          color: black; }
      header .brand-header.ryker-products .menu ul li.button {
        padding: unset;
        border-radius: unset; }
    header .brand-header.ryker-products .brands-menu-container {
      display: none;
      padding: 0px 0px;
      position: relative;
      text-align: right;
      z-index: 15; }
      header .brand-header.ryker-products .brands-menu-container .brands-menu-drop {
        background-color: black; }
      header .brand-header.ryker-products .brands-menu-container .brands-menu-drop ul {
        list-style: none;
        width: 224px;
        padding: 14px 0px;
        display: inline-block;
        position: relative;
        text-align: left; }
      header .brand-header.ryker-products .brands-menu-container .brands-menu-drop ul li {
        font-size: 13px;
        padding: 3px 0px; }
        header .brand-header.ryker-products .brands-menu-container .brands-menu-drop ul li a {
          color: white; }
          header .brand-header.ryker-products .brands-menu-container .brands-menu-drop ul li a:hover {
            color: #e0e000;
            text-decoration: none; }
  header .brand-header.rykr-roll {
    background-color: #20cbd4; }
    header .brand-header.rykr-roll .logo {
      padding-top: 27px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.rykr-roll .logo {
      padding: 27px 10px 0px 10px; } }
    header .brand-header.rykr-roll .menu ul li a {
      color: white; }
      header .brand-header.rykr-roll .menu ul li a:hover {
        color: #58595b !important; }
      header .brand-header.rykr-roll .menu ul li a:visited {
        color: white; }
      header .brand-header.rykr-roll .menu ul li.button {
        background-color: white; }
      header .brand-header.rykr-roll .menu ul li.button:hover {
        background-color: #58595b;
        color: white !important; }
      header .brand-header.rykr-roll .menu ul li.button a {
        color: #20cbd4;
        padding: 5px 16px 7px 16px;
        border-radius: 16px; }
        header .brand-header.rykr-roll .menu ul li.button a:hover {
          color: white !important; }
        header .brand-header.rykr-roll .menu ul li.button a:visited {
          color: #20cbd4; }
      header .brand-header.rykr-roll .menu ul li.button.coming-soon {
        background-color: white;
        color: #20cbd4;
        padding: 5px 16px 7px 16px; }
        header .brand-header.rykr-roll .menu ul li.button.coming-soon:hover {
          color: #20cbd4 !important; }
  header .brand-header.tono-shaper {
    background-color: #fedcc2; }
    header .brand-header.tono-shaper .logo {
      padding-top: 10px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.tono-shaper .logo {
      padding: 17px 10px 0px 10px; } }
    header .brand-header.tono-shaper .menu ul li a {
      color: #58595b; }
      header .brand-header.tono-shaper .menu ul li a:hover {
        color: #85dadf !important; }
      header .brand-header.tono-shaper .menu ul li a:visited {
        color: #58595b; }
      header .brand-header.tono-shaper .menu ul li.button {
        background-color: #85dadf; }
      header .brand-header.tono-shaper .menu ul li.button:hover {
        background-color: #58595b;
        color: white !important; }
      header .brand-header.tono-shaper .menu ul li.button a {
        color: #58595b;
        padding: 5px 16px 7px 16px;
        border-radius: 16px; }
        header .brand-header.tono-shaper .menu ul li.button a:hover {
          color: white !important; }
        header .brand-header.tono-shaper .menu ul li.button a:visited {
          color: #58595b; }
      header .brand-header.tono-shaper .menu ul li.button.coming-soon {
        background-color: #85dadf;
        color: #58595b;
        padding: 5px 16px 7px 16px; }
        header .brand-header.tono-shaper .menu ul li.button.coming-soon:hover {
          color: #58595b !important; }
  header .brand-header.royo-roller {
    background-color: #20cbd4; }
    header .brand-header.royo-roller .logo {
      width: 154px;
      padding-top: 14px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.royo-roller .logo {
      padding: 17px 10px 0px 10px; } }
    header .brand-header.royo-roller .menu ul li a {
      color: white; }
      header .brand-header.royo-roller .menu ul li a:hover {
        color: #2b2b2b !important; }
      header .brand-header.royo-roller .menu ul li a:visited {
        color: white; }
      header .brand-header.royo-roller .menu ul li.button {
        background-color: #2b2b2b; }
      header .brand-header.royo-roller .menu ul li.button:hover {
        background-color: white;
        color: white !important; }
      header .brand-header.royo-roller .menu ul li.button a {
        color: white;
        padding: 5px 16px 7px 16px;
        border-radius: 16px; }
        header .brand-header.royo-roller .menu ul li.button a:hover {
          color: #20cbd4 !important; }
        header .brand-header.royo-roller .menu ul li.button a:visited {
          color: white; }
      header .brand-header.royo-roller .menu ul li.button.coming-soon {
        background-color: #2b2b2b;
        color: white;
        padding: 5px 16px 7px 16px; }
  header .brand-header.miyoga {
    background-color: #ff5a5a; }
    header .brand-header.miyoga .logo {
      width: 165px;
      padding-top: 28px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.miyoga .logo {
      padding: 17px 10px 0px 10px; } }
    header .brand-header.miyoga .menu ul li a {
      color: white; }
      header .brand-header.miyoga .menu ul li a:hover {
        color: #2b2b2b !important; }
      header .brand-header.miyoga .menu ul li a:visited {
        color: white; }
      header .brand-header.miyoga .menu ul li.button {
        background-color: #9bb7d4; }
      header .brand-header.miyoga .menu ul li.button:hover {
        background-color: white;
        color: white !important; }
      header .brand-header.miyoga .menu ul li.button a {
        color: white;
        padding: 5px 16px 7px 16px;
        border-radius: 16px; }
        header .brand-header.miyoga .menu ul li.button a:hover {
          color: #9bb7d4 !important; }
        header .brand-header.miyoga .menu ul li.button a:visited {
          color: white; }
      header .brand-header.miyoga .menu ul li.button.coming-soon {
        background-color: #9bb7d4;
        color: white;
        padding: 5px 16px 7px 16px; }
  header .brand-header.home-core-activator {
    background-color: black; }
    header .brand-header.home-core-activator .logo {
      width: 230px;
      padding-top: 36px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.home-core-activator .logo {
      padding: 22px 10px 4px 10px; } }
    header .brand-header.home-core-activator .menu ul li a {
      color: white; }
      header .brand-header.home-core-activator .menu ul li a:hover {
        color: #6bc04b !important; }
      header .brand-header.home-core-activator .menu ul li a:visited {
        color: white; }
      header .brand-header.home-core-activator .menu ul li.button {
        background-color: #6bc04b; }
      header .brand-header.home-core-activator .menu ul li.button:hover {
        background-color: white;
        color: white !important; }
      header .brand-header.home-core-activator .menu ul li.button a {
        color: white;
        padding: 5px 16px 7px 16px;
        border-radius: 16px; }
        header .brand-header.home-core-activator .menu ul li.button a:hover {
          color: #6bc04b !important; }
        header .brand-header.home-core-activator .menu ul li.button a:visited {
          color: white; }
      header .brand-header.home-core-activator .menu ul li.button.coming-soon {
        background-color: #6bc04b;
        color: white;
        padding: 5px 16px 7px 16px; }
  header .brand-header.rykr-conceal-carry {
    background-color: black; }
    header .brand-header.rykr-conceal-carry .logo {
      width: 120px;
      padding-top: 21px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    header .brand-header.rykr-conceal-carry .logo {
      padding: 22px 0px 4px 0px; } }
    header .brand-header.rykr-conceal-carry .menu ul li a {
      color: white; }
      header .brand-header.rykr-conceal-carry .menu ul li a:hover {
        color: #009abf !important; }
      header .brand-header.rykr-conceal-carry .menu ul li a:visited {
        color: white; }
      header .brand-header.rykr-conceal-carry .menu ul li.button {
        background-color: #009abf; }
      header .brand-header.rykr-conceal-carry .menu ul li.button:hover {
        background-color: white;
        color: white !important; }
      header .brand-header.rykr-conceal-carry .menu ul li.button a {
        color: white;
        padding: 5px 16px 7px 16px;
        border-radius: 16px; }
        header .brand-header.rykr-conceal-carry .menu ul li.button a:hover {
          color: #009abf !important; }
        header .brand-header.rykr-conceal-carry .menu ul li.button a:visited {
          color: white; }
      header .brand-header.rykr-conceal-carry .menu ul li.button.coming-soon {
        background-color: #009abf;
        color: white;
        padding: 5px 16px 7px 16px; }

html body {
  font-family: 'Montserrat', sans-serif;
  font-weight: normal;
  color: #58595b; }
  html body .vert-center {
    display: flex;
    /* Safari */
    display: -webkit-flex;
    justify-content: center;
    /* Safari */
    -webkit-justify-content: center;
    align-items: center;
    /* Safari */
    -webkit-align-items: center; }
  @media (min-width: 992px) {
      html body .container {
        /* Effectively removes Bootstrap lg breakpoint */
        width: 970px; } }
    html body .container img {
      flex-shrink: 0; }
  html body.rykr-roll {
    background-color: #fffbfa; }
  html body.tono-shaper {
    background-color: #fdf7f2; }
  html body .nivo-lightbox-theme-default.nivo-lightbox-overlay {
    background-color: rgba(0, 0, 0, 0.92) !important; }
  html body .nivo-lightbox-wrap {
    left: 10vw !important;
    right: 10vw !important;
    height: calc(80vw * .5625) !important;
    top: calc((100% - (80vw * .5625))/2) !important;
    bottom: unset !important; }

footer {
  height: 145px;
  margin-top: 80px;
  /* for xs */ }
  @media screen and (max-width: 767px) {
  footer {
    height: unset; } }
  footer.brands {
    background-color: #404041;
    font-family: 'Barlow', sans-serif;
    font-weight: 400;
    color: white;
    font-size: 12px;
    padding: 30px 0px; }
  footer.brands .contact {
    padding: 0px; }
    footer.brands .contact div {
      display: inline-block;
      vertical-align: top;
      padding-top: 2px; }
      footer.brands .contact div p {
        margin: 0px 0px 2px 0px;
        letter-spacing: 0.015em;
        /* for sm */
        /* for xs */ }
      footer.brands .contact div p.xs-break {
        display: block; }
      @media (min-width: 768px) and (max-width: 991px) {
      footer.brands .contact div p {
        letter-spacing: 0em; } }
      @media screen and (max-width: 767px) {
      footer.brands .contact div p {
        display: inline-block; } }
      footer.brands .contact div p a {
        color: white;
        text-decoration: none; }
      footer.brands .contact div p a:hover {
        color: white; }
      footer.brands .contact div p a:visited {
        color: white; }
    footer.brands .contact .title {
      padding: 0px 28px 0px 0px;
      font-size: 13px;
      letter-spacing: 0.07em;
      font-weight: 600;
      /* for sm */
      /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
    footer.brands .contact .title {
      padding: 0px 12px 0px 0px; } }
      @media screen and (max-width: 767px) {
    footer.brands .contact .title {
      padding: 0px;
      width: 100%;
      text-align: center; } }
    footer.brands .contact .address {
      padding: 2px 30px 4px 0px;
      border-right-width: 3px;
      border-right-style: solid;
      /* for sm */
      /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
    footer.brands .contact .address {
      padding: 2px 15px 4px 0px; } }
      @media screen and (max-width: 767px) {
    footer.brands .contact .address {
      border-right: none;
      padding: 0px;
      margin-top: 24px;
      width: 100%;
      text-align: center; } }
      footer.brands .contact .address a:hover {
        text-decoration: underline; }
    footer.brands .contact .copyright {
      padding-left: 25px;
      /* for sm */
      /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
    footer.brands .contact .copyright {
      padding-left: 10px; } }
      @media screen and (max-width: 767px) {
    footer.brands .contact .copyright {
      padding-left: 0px;
      margin-top: 12px;
      width: 100%;
      text-align: center; } }
      footer.brands .contact .copyright a:hover {
        text-decoration: underline; }
  footer.brands .menu {
    padding: 0px; }
    footer.brands .menu .menu-items {
      text-align: right;
      font-size: 16px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    footer.brands .menu .menu-items {
      text-align: center; } }
      footer.brands .menu .menu-items ul {
        list-style: none;
        margin: 0px;
        padding: 0px; }
      footer.brands .menu .menu-items ul li {
        display: inline-block;
        line-height: 1;
        margin-left: 22px;
        /* for sm */
        /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
        footer.brands .menu .menu-items ul li {
          font-size: 15px; } }
      @media screen and (max-width: 767px) {
        footer.brands .menu .menu-items ul li:first-of-type {
          margin-left: 0px; } }
      footer.brands .menu .menu-items ul li a {
        text-decoration: none;
        color: white; }
      footer.brands .menu .menu-items ul li:last-of-type {
        padding: 5px 16px 7px 16px;
        border-radius: 16px;
        font-size: 18px;
        font-weight: 700; }
    footer.brands .menu .social {
      text-align: right;
      padding-top: 26px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    footer.brands .menu .social {
      text-align: center;
      padding-top: 16px;
      padding-bottom: 12px;
      width: 75%;
      margin: 0 auto;
      border-bottom-width: 3px;
      border-bottom-style: solid; } }
      footer.brands .menu .social ul {
        list-style: none;
        padding: 0px; }
      footer.brands .menu .social ul li {
        margin-left: 8px;
        display: inline-block;
        /* for xs */ }
      @media screen and (max-width: 767px) {
        footer.brands .menu .social ul li:first-of-type {
          margin-left: 0px; } }
      footer.brands .menu .social ul li a svg {
        width: 18px; }
  footer.brands.ryker-products {
    background-color: white;
    color: #58595b;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 13px;
    height: unset;
    padding: 0px; }
    footer.brands.ryker-products .logo-container {
      padding: 0px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    footer.brands.ryker-products .logo-container {
      padding: 0px 15px; } }
      footer.brands.ryker-products .logo-container .logo-bar {
        height: 100px;
        background-color: #404041;
        text-align: center;
        /* for xs */ }
      @media screen and (max-width: 767px) {
      footer.brands.ryker-products .logo-container .logo-bar {
        height: unset;
        padding: 22px 20px 0px 20px; } }
      footer.brands.ryker-products .logo-container .logo-bar ul {
        margin-bottom: 0px;
        list-style: none;
        padding: 0px; }
      footer.brands.ryker-products .logo-container .logo-bar ul li {
        display: inline-block;
        width: 10%;
        margin: 25px 12px 0px 12px;
        padding: 0px;
        /* for sm */
        /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
          footer.brands.ryker-products .logo-container .logo-bar ul li {
            margin: 30px 10px 0px 10px; } }
      @media screen and (max-width: 767px) {
          footer.brands.ryker-products .logo-container .logo-bar ul li {
            width: 17%;
            margin: 0px 10px 13px 10px; } }
      footer.brands.ryker-products .logo-container .logo-bar ul li img {
        opacity: 0.4; }
        footer.brands.ryker-products .logo-container .logo-bar ul li img:hover {
          opacity: 1; }
    footer.brands.ryker-products .menu {
      height: 161px;
      background-color: black;
      color: white;
      text-align: center;
      padding-top: 25px;
      /* for xs */ }
      @media screen and (max-width: 767px) {
    footer.brands.ryker-products .menu {
      height: unset;
      padding-bottom: 12px; } }
      footer.brands.ryker-products .menu .menu-items {
        text-align: center; }
      footer.brands.ryker-products .menu .menu-items ul li {
        font-size: 12px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 0.25em; }
      footer.brands.ryker-products .menu .menu-items ul li a:hover {
        color: #00b2e2; }
      footer.brands.ryker-products .menu .brands {
        display: inline-block;
        font-weight: 500;
        letter-spacing: 0.18px;
        font-size: 12px; }
      footer.brands.ryker-products .menu .brands ul {
        padding: 10px 0px 0px 0px;
        margin: 0px; }
      footer.brands.ryker-products .menu .brands ul li {
        display: inline-block;
        line-height: 1;
        /* for sm */
        /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
          footer.brands.ryker-products .menu .brands ul li {
            font-size: 11px;
            letter-spacing: 0px; } }
      footer.brands.ryker-products .menu .brands ul li a {
        color: white; }
        footer.brands.ryker-products .menu .brands ul li a:hover {
          color: white;
          text-decoration: underline; }
        footer.brands.ryker-products .menu .brands ul li a:visited {
          color: white; }
      footer.brands.ryker-products .menu .brands ul li:after {
        content: " | ";
        color: #e0e000; }
      footer.brands.ryker-products .menu .brands ul li:last-of-type:after {
        content: ""; }
      footer.brands.ryker-products .menu .social {
        text-align: center;
        border: none;
        padding-top: 20px; }
      footer.brands.ryker-products .menu .social ul li a svg {
        fill: white; }
        footer.brands.ryker-products .menu .social ul li a:hover svg {
          fill: #e0e000; }
    footer.brands.ryker-products .bottom-bar {
      border-bottom: 11px solid #00b2e2;
      height: 116px;
      padding: 30px 0px 0px 0px;
      /* for sm */
      /* for xs */ }
      @media (min-width: 768px) and (max-width: 991px) {
    footer.brands.ryker-products .bottom-bar {
      padding: 25px 0px;
      height: unset; } }
      @media screen and (max-width: 767px) {
    footer.brands.ryker-products .bottom-bar {
      padding: 25px 0px;
      height: unset; } }
      footer.brands.ryker-products .bottom-bar div {
        padding: 0px;
        /* for xs */ }
      @media screen and (max-width: 767px) {
      footer.brands.ryker-products .bottom-bar div {
        text-align: center !important; } }
      footer.brands.ryker-products .bottom-bar div p {
        margin: 0px 0px 2px 0px;
        letter-spacing: 0.015em; }
      footer.brands.ryker-products .bottom-bar div p a {
        color: #58595b;
        text-decoration: none; }
      footer.brands.ryker-products .bottom-bar div p a:hover {
        color: #58595b;
        text-decoration: underline; }
      footer.brands.ryker-products .bottom-bar div p a:visited {
        color: #58595b; }
      footer.brands.ryker-products .bottom-bar .copyright {
        text-align: right;
        font-weight: 500;
        /* for xs */ }
      @media screen and (max-width: 767px) {
      footer.brands.ryker-products .bottom-bar .copyright {
        padding-top: 18px;
        margin-bottom: 25px; } }
      footer.brands.ryker-products .bottom-bar .copyright a:hover {
        text-decoration: underline; }
  footer.brands.rykr-roll .contact .address {
    border-right-color: #20cbd4; }
    footer.brands.rykr-roll .menu .menu-items ul li:last-of-type {
      background-color: #20cbd4; }
      footer.brands.rykr-roll .menu .menu-items ul li:last-of-type a {
        color: white; }
        footer.brands.rykr-roll .menu .menu-items ul li:last-of-type a:hover {
          color: white; }
        footer.brands.rykr-roll .menu .menu-items ul li:last-of-type a:visited {
          color: white; }
      footer.brands.rykr-roll .menu .menu-items ul li:last-of-type.coming-soon {
        background-color: #20cbd4;
        color: white;
        padding: 5px 16px 7px 16px; }
      footer.brands.rykr-roll .menu .social {
        border-bottom-color: #20cbd4; }
      footer.brands.rykr-roll .menu .social ul li a svg {
        fill: white; }
      footer.brands.rykr-roll .menu .social ul li a:hover svg {
        fill: #20cbd4; }
  footer.brands.tono-shaper .contact .address {
    border-right-color: #fedcc2; }
    footer.brands.tono-shaper .menu .menu-items ul li:last-of-type {
      background-color: #85dadf; }
      footer.brands.tono-shaper .menu .menu-items ul li:last-of-type a {
        color: #58595b; }
        footer.brands.tono-shaper .menu .menu-items ul li:last-of-type a:hover {
          color: white; }
        footer.brands.tono-shaper .menu .menu-items ul li:last-of-type a:visited {
          color: #58595b; }
      footer.brands.tono-shaper .menu .menu-items ul li:last-of-type.coming-soon {
        background-color: #85dadf;
        color: #58595b;
        padding: 5px 16px 7px 16px; }
      footer.brands.tono-shaper .menu .social {
        border-bottom-color: #fedcc2; }
      footer.brands.tono-shaper .menu .social ul li a svg {
        fill: white; }
      footer.brands.tono-shaper .menu .social ul li a:hover svg {
        fill: #fedcc2; }
  footer.brands.royo-roller .contact .address {
    border-right-color: #20cbd4; }
    footer.brands.royo-roller .menu .menu-items ul li:last-of-type {
      background-color: #20cbd4; }
      footer.brands.royo-roller .menu .menu-items ul li:last-of-type a {
        color: white; }
        footer.brands.royo-roller .menu .menu-items ul li:last-of-type a:hover {
          color: #58595b; }
        footer.brands.royo-roller .menu .menu-items ul li:last-of-type a:visited {
          color: white; }
      footer.brands.royo-roller .menu .menu-items ul li:last-of-type.coming-soon {
        background-color: #20cbd4;
        color: white;
        padding: 5px 16px 7px 16px; }
      footer.brands.royo-roller .menu .social {
        border-bottom-color: #20cbd4; }
      footer.brands.royo-roller .menu .social ul li a svg {
        fill: white; }
      footer.brands.royo-roller .menu .social ul li a:hover svg {
        fill: #20cbd4; }
  footer.brands.miyoga {
    background-color: #9bb7d4; }
    footer.brands.miyoga .contact .address {
      border-right-color: #ff5a5a; }
    footer.brands.miyoga .menu .menu-items ul li {
      text-transform: lowercase; }
      footer.brands.miyoga .menu .menu-items ul li:last-of-type {
        background-color: #ff5a5a; }
      footer.brands.miyoga .menu .menu-items ul li:last-of-type a {
        color: white; }
        footer.brands.miyoga .menu .menu-items ul li:last-of-type a:hover {
          color: #9bb7d4; }
        footer.brands.miyoga .menu .menu-items ul li:last-of-type a:visited {
          color: white; }
      footer.brands.miyoga .menu .menu-items ul li:last-of-type.coming-soon {
        background-color: #ff5a5a;
        color: white;
        padding: 5px 16px 7px 16px; }
      footer.brands.miyoga .menu .social {
        border-bottom-color: #ff5a5a; }
      footer.brands.miyoga .menu .social ul li a svg {
        fill: white; }
      footer.brands.miyoga .menu .social ul li a:hover svg {
        fill: #ff5a5a; }
  footer.brands.home-core-activator {
    background-color: black; }
    footer.brands.home-core-activator .contact .address {
      border-right-color: #6bc04b; }
    footer.brands.home-core-activator .menu .menu-items ul li:last-of-type {
      background-color: #6bc04b; }
      footer.brands.home-core-activator .menu .menu-items ul li:last-of-type a {
        color: white; }
        footer.brands.home-core-activator .menu .menu-items ul li:last-of-type a:hover {
          color: #6bc04b; }
        footer.brands.home-core-activator .menu .menu-items ul li:last-of-type a:visited {
          color: white; }
      footer.brands.home-core-activator .menu .menu-items ul li:last-of-type.coming-soon {
        background-color: #6bc04b;
        color: white;
        padding: 5px 16px 7px 16px; }
      footer.brands.home-core-activator .menu .social {
        border-bottom-color: #6bc04b; }
      footer.brands.home-core-activator .menu .social ul li a svg {
        fill: white; }
      footer.brands.home-core-activator .menu .social ul li a:hover svg {
        fill: #6bc04b; }
  footer.brands.rykr-conceal-carry {
    background-color: #009abf; }
    footer.brands.rykr-conceal-carry .contact .address {
      border-right-color: black; }
    footer.brands.rykr-conceal-carry .menu .menu-items ul li:last-of-type {
      background-color: black; }
      footer.brands.rykr-conceal-carry .menu .menu-items ul li:last-of-type a {
        color: white; }
        footer.brands.rykr-conceal-carry .menu .menu-items ul li:last-of-type a:hover {
          color: #009abf; }
        footer.brands.rykr-conceal-carry .menu .menu-items ul li:last-of-type a:visited {
          color: white; }
      footer.brands.rykr-conceal-carry .menu .menu-items ul li:last-of-type.coming-soon {
        background-color: black;
        color: white;
        padding: 5px 16px 7px 16px; }
      footer.brands.rykr-conceal-carry .menu .social {
        border-bottom-color: black; }
      footer.brands.rykr-conceal-carry .menu .social ul li a svg {
        fill: white; }
      footer.brands.rykr-conceal-carry .menu .social ul li a:hover svg {
        fill: black; }

.container .woocommerce {
  margin-top: 50px;
  font-family: 'Barlow', sans-serif;
  font-size: 16px; }
  .container .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    border-top: none;
    line-height: 34px; }
    .container .woocommerce .woocommerce-notices-wrapper .woocommerce-message .button {
      padding: 7px 24px 9px 24px;
      border-radius: 16px;
      font-weight: 700 !important;
      font-size: 16px;
      margin-left: 0px;
      text-transform: capitalize; }
  .container .woocommerce .woocommerce-info {
    border-top: none; }
  .container .woocommerce .cart-empty {
    margin-bottom: 40vh; }
  .container .woocommerce .return-to-shop {
    display: none; }
  .container .woocommerce .woocommerce-cart-form .cart_item {
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .container .woocommerce .woocommerce-cart-form .cart_item {
        background-color: unset !important;
        border-bottom: 5px solid rgba(0, 0, 0, .1); } }
    .container .woocommerce .woocommerce-cart-form .cart_item td {
      /* for xs */ }
    @media screen and (max-width: 767px) {
        .container .woocommerce .woocommerce-cart-form .cart_item td {
          background-color: unset !important; } }
    .container .woocommerce .woocommerce-cart-form .cart_item .product-thumbnail {
      /* for xs */ }
    @media screen and (max-width: 767px) {
        .container .woocommerce .woocommerce-cart-form .cart_item .product-thumbnail {
          display: block;
          text-align: center !important; }
          .container .woocommerce .woocommerce-cart-form .cart_item .product-thumbnail:before {
            display: none !important; } }
    .container .woocommerce .woocommerce-cart-form .cart_item .product-thumbnail a {
      cursor: default; }
    .container .woocommerce .woocommerce-cart-form .cart_item .product-thumbnail img {
      height: 150px !important;
      width: 150px !important; }
    .container .woocommerce .woocommerce-cart-form .cart_item .product-name a {
      color: #58595b;
      cursor: default; }
    .container .woocommerce .woocommerce-cart-form .cart_item .product-name a:hover {
      color: #58595b;
      text-decoration: none; }
    .container .woocommerce .woocommerce-cart-form .actions .coupon {
      font-size: 0px; }
    .container .woocommerce .woocommerce-cart-form .actions .coupon input {
      padding: 4px 8px 7px 16px;
      font-size: 16px;
      line-height: 16px;
      border: 1px solid #ebe9eb;
      margin-right: 0px;
      width: 130px !important;
      border-top-left-radius: 16px;
      border-bottom-left-radius: 16px;
      text-transform: capitalize; }
    .container .woocommerce .woocommerce-cart-form .actions .coupon button {
      padding: 7px 24px 9px 24px;
      border-radius: 16px;
      border-top-left-radius: 0px;
      border-bottom-left-radius: 0px;
      font-weight: 700 !important;
      font-size: 16px;
      margin-left: 0px;
      text-transform: capitalize; }
    .container .woocommerce .woocommerce-cart-form .actions button {
      padding: 7px 24px 9px 24px;
      border-radius: 16px;
      font-weight: 700 !important;
      font-size: 16px;
      margin-left: 0px;
      text-transform: capitalize; }
  .container .woocommerce .cart-collaterals .cart_totals h2 {
    text-transform: capitalize; }
    .container .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      padding: 7px 32px 9px 32px;
      border-radius: 16px;
      font-weight: 700 !important;
      font-size: 18px;
      text-transform: capitalize; }
    .container .woocommerce .cart-collaterals .cart_totals .shipping .woocommerce-shipping-destination {
      display: none; }
  .container .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
    border-top: none; }
  .container .woocommerce .woocommerce-form-coupon button {
    padding: 7px 24px 9px 24px;
    border-radius: 16px;
    font-weight: 700 !important;
    font-size: 16px;
    margin-left: 0px;
    text-transform: capitalize; }
  .container .woocommerce .woocommerce-checkout #customer_details {
    border: 1px solid rgba(0, 0, 0, .1);
    border-radius: 5px;
    margin-bottom: 40px; }
    .container .woocommerce .woocommerce-checkout #customer_details .col-1 {
      padding: 10px 30px 40px 30px;
      border-right: 1px solid rgba(0, 0, 0, .1); }
    .container .woocommerce .woocommerce-checkout #customer_details .col-1 h3 {
      text-transform: capitalize; }
    .container .woocommerce .woocommerce-checkout #customer_details .col-1 label {
      text-transform: capitalize; }
    .container .woocommerce .woocommerce-checkout #customer_details .col-2 {
      padding: 10px 30px 40px 0px; }
    .container .woocommerce .woocommerce-checkout #customer_details .col-2 label {
      text-transform: capitalize; }
    .container .woocommerce .woocommerce-checkout #customer_details .form-row {
      margin: 0px 0px 5px 0px;
      padding: 0px; }
    .container .woocommerce .woocommerce-checkout #customer_details .form-row label {
      line-height: 1.3;
      margin-top: 18px; }
    .container .woocommerce .woocommerce-checkout #customer_details .form-row input {
      min-height: 32px;
      padding: 0px 8px; }
    .container .woocommerce .woocommerce-checkout #customer_details .form-row select, .container .woocommerce .woocommerce-checkout #customer_details .form-row .select2 {
      margin-bottom: 9px !important; }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #f7f6f7; }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_method_square_credit_card {
      margin-top: 8px; }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_method_square_credit_card:before {
      display: none; }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_method_square_credit_card label img {
      border: 1px solid rgba(0, 0, 0, .1); }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .payment_method_square_credit_card .payment_box {
      background-color: #edebed; }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order {
      padding-bottom: 25px; }
    .container .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      padding: 7px 24px 9px 24px;
      border-radius: 16px;
      font-weight: 700 !important;
      font-size: 16px;
      margin-left: 0px;
      text-transform: capitalize; }
  .container .woocommerce .woocommerce-order .woocommerce-order-details .order_item .product-name a {
    color: #58595b !important;
    cursor: default; }
    .container .woocommerce .woocommerce-order .woocommerce-order-details .order_item .product-name a:hover {
      color: #58595b !important;
      text-decoration: none; }
  .container.rykr-roll .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #f9f6f6; }
    .container.rykr-roll .woocommerce .woocommerce-info {
      background-color: #f9f6f6; }
    .container.rykr-roll .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      background-color: #20cbd4; }
    .container.rykr-roll .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
      background-color: #f9f6f6; }
    .container.rykr-roll .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #f9f6f6; }
    .container.rykr-roll .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      background-color: #20cbd4; }
  .container.tono-shaper .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #f5f1ef; }
    .container.tono-shaper .woocommerce .woocommerce-info {
      background-color: #f5f1ef; }
    .container.tono-shaper .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      background-color: #85dadf; }
    .container.tono-shaper .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
      background-color: #f5f1ef; }
    .container.tono-shaper .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #f5f1ef; }
    .container.tono-shaper .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      background-color: #85dadf; }
  .container.royo-roller .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #faf9fa; }
    .container.royo-roller .woocommerce .woocommerce-info {
      background-color: #faf9fa; }
    .container.royo-roller .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      background-color: #20cbd4; }
    .container.royo-roller .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
      background-color: #faf9fa; }
    .container.royo-roller .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #faf9fa; }
    .container.royo-roller .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      background-color: #20cbd4; }
  .container.miyoga .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #faf9fa; }
    .container.miyoga .woocommerce .woocommerce-info {
      background-color: #faf9fa; }
    .container.miyoga .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      background-color: #ff5a5a; }
    .container.miyoga .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
      background-color: #faf9fa; }
    .container.miyoga .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #faf9fa; }
    .container.miyoga .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      background-color: #ff5a5a; }
  .container.home-core-activator .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #faf9fa; }
    .container.home-core-activator .woocommerce .woocommerce-info {
      background-color: #faf9fa; }
    .container.home-core-activator .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      background-color: #6bc04b; }
    .container.home-core-activator .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
      background-color: #faf9fa; }
    .container.home-core-activator .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #faf9fa; }
    .container.home-core-activator .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      background-color: #6bc04b; }
  .container.rykr-conceal-carry .woocommerce .woocommerce-notices-wrapper .woocommerce-message {
    background-color: #faf9fa; }
    .container.rykr-conceal-carry .woocommerce .woocommerce-info {
      background-color: #faf9fa; }
    .container.rykr-conceal-carry .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a {
      background-color: #6bc04b; }
    .container.rykr-conceal-carry .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info {
      background-color: #faf9fa; }
    .container.rykr-conceal-carry .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment {
      background-color: #faf9fa; }
    .container.rykr-conceal-carry .woocommerce .woocommerce-checkout #order_review .woocommerce-checkout-payment .place-order button {
      background-color: #6bc04b; }

.hero {
  height: 380px;
  /* for xs */ }
  @media screen and (max-width: 767px) {
  .hero {
    height: 240px; } }
  .hero.image {
    background-size: cover;
    background-position: center center;
    margin-bottom: 40px; }
  .hero.carousel {
    position: relative;
    margin-bottom: 40px; }
  .hero.carousel .slides {
    position: relative;
    width: 100%;
    height: 100%; }
    .hero.carousel .slides .slick-list {
      height: 100%;
      width: 100%; }
    .hero.carousel .slides .slick-list .slick-track {
      height: 100%;
      width: 100%; }
    .hero.carousel .slides .slick-list .slick-track .slide {
      background-size: cover;
      background-position: center center;
      height: 100%;
      width: 100%; }
  .hero.rykr-roll.rykr-roll {
    position: relative; }
    .hero.rykr-roll.rykr-roll:before {
      content: "";
      position: absolute;
      top: 0px;
      left: 0px;
      background: url("../images/rykrroll_sidewood_left.png") top left no-repeat;
      width: 286px;
      height: 418px;
      background-size: cover;
      z-index: 50;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .hero.rykr-roll.rykr-roll:before {
        width: 180px;
        height: 263px;
        background-size: 180px 263px;
        left: -55px; } }
    .hero.rykr-roll.rykr-roll:after {
      content: "";
      position: absolute;
      top: 0px;
      right: 0px;
      background: url("../images/rykrroll_sidewood_right.png") top left no-repeat;
      width: 114px;
      height: 394px;
      background-size: 114px 394px;
      z-index: 50;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .hero.rykr-roll.rykr-roll:after {
        width: 72px;
        height: 248px;
        background-size: 72px 248px;
        right: -15px; } }
  .hero.rykr-roll.products:before {
    content: "";
    float: left;
    background: url("../images/rykrroll_rr_badge.png") top left no-repeat;
    width: 174px;
    height: 174px;
    background-size: 174px 174px;
    margin: 74px 0px 0px 7vw;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .hero.rykr-roll.products:before {
        width: 120px;
        height: 120px;
        background-size: 120px 120px;
        margin: 34px 0px 0px 7vw; } }
    .hero.rykr-roll.products:after {
      content: normal; }
  .hero.rykr-roll.benefits:before {
    content: "";
    float: left;
    background: url("../images/rykrroll_rr_badge.png") top left no-repeat;
    width: 174px;
    height: 174px;
    background-size: 174px 174px;
    margin: 74px 0px 0px 7vw;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .hero.rykr-roll.benefits:before {
        width: 120px;
        height: 120px;
        background-size: 120px 120px;
        margin: 34px 0px 0px 7vw; } }
    .hero.rykr-roll.benefits:after {
      content: normal; }
  .hero.royo-roller.royo-roller:before {
    content: "";
    float: left;
    background: url("../images/rykrroll_hero_tagline.png") top left no-repeat;
    width: 174px;
    height: 174px;
    background-size: 174px 174px;
    margin: 74px 0px 0px 7vw;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .hero.royo-roller.royo-roller:before {
        width: 120px;
        height: 120px;
        background-size: 120px 120px;
        margin: 34px 0px 0px 7vw; } }
    .hero.royo-roller.royo-roller:after {
      content: normal; }

.intro {
  margin-bottom: 40px;
  /* for xs */ }
  @media screen and (max-width: 767px) {
  .intro {
    margin-bottom: 20px; } }
  .intro .content {
    text-align: center;
    padding: 0px 80px 0px 80px;
    /* for sm */
    /* for xs */ }
  @media (min-width: 768px) and (max-width: 991px) {
    .intro .content {
      padding: 0px 40px 0px 40px; } }
  @media screen and (max-width: 767px) {
    .intro .content {
      padding: 0px 20px 0px 20px; } }
  .intro .content h1 {
    padding: 0px 40px;
    margin: 0px 0px 25px 0px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content h1 {
      padding: 0px; } }
    @media screen and (max-width: 767px) {
    .intro .content h1 {
      padding: 0px;
      margin: 0px 0px 15px 0px; } }
  .intro .content img {
    padding: 0px 40px;
    margin: 0px 0px 25px 0px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content img {
      padding: 0px; } }
    @media screen and (max-width: 767px) {
    .intro .content img {
      padding: 0px;
      margin: 0px 0px 15px 0px; } }
  .intro .content p {
    padding: 0px 70px;
    margin: 0px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content p {
      padding: 0px 25px; } }
    @media screen and (max-width: 767px) {
    .intro .content p {
      padding: 0px; } }
  .intro .content.boxed {
    padding: 30px 80px 40px 80px;
    position: relative;
    top: -50px;
    margin-bottom: -30px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content.boxed {
      padding: 20px 40px 25px 40px; } }
    @media screen and (max-width: 767px) {
    .intro .content.boxed {
      margin: 0px 25px -30px 25px;
      padding: 20px 15px 25px 15px; } }
  .intro .content.image {
    background-size: cover; }
  .intro .content.ryker-products {
    font-family: 'Montserrat', sans-serif; }
    .intro .content.ryker-products h1 {
      color: #00b2e2;
      font-size: 40px;
      font-weight: 600;
      line-height: 1.25;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.ryker-products h1 {
        font-size: 35px; } }
    @media screen and (max-width: 767px) {
      .intro .content.ryker-products h1 {
        font-size: 25px; } }
    .intro .content.ryker-products p {
      font-size: 17px;
      font-weight: 400;
      line-height: 1.5;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.ryker-products p {
        font-size: 15px; } }
    @media screen and (max-width: 767px) {
      .intro .content.ryker-products p {
        font-size: 14px; } }
  .intro .content.rykr-roll {
    font-family: 'Barlow', sans-serif; }
    .intro .content.rykr-roll h1 {
      color: white;
      font-size: 40px;
      font-weight: 600;
      line-height: 1.25;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.rykr-roll h1 {
        font-size: 35px; } }
    @media screen and (max-width: 767px) {
      .intro .content.rykr-roll h1 {
        font-size: 25px; } }
    .intro .content.rykr-roll img {
      margin-top: 16px; }
    .intro .content.rykr-roll p {
      font-size: 18px;
      line-height: 1.5;
      letter-spacing: 0.08em;
      padding: 0px 30px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.rykr-roll p {
        font-size: 16px;
        padding: 0px 5px; } }
    @media screen and (max-width: 767px) {
      .intro .content.rykr-roll p {
        font-size: 15px;
        padding: 0px; } }
    .intro .content.rykr-roll.products h1 {
      font-size: 61px;
      letter-spacing: 0.05em;
      margin-bottom: 10px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .intro .content.rykr-roll.products h1 {
          font-size: 56px; } }
    @media screen and (max-width: 767px) {
        .intro .content.rykr-roll.products h1 {
          font-size: 8vw;
          line-height: 1; } }
    .intro .content.rykr-roll.products p {
      color: white;
      padding: 0px 30px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .intro .content.rykr-roll.products p {
          ppadding: 0px 5px; } }
    @media screen and (max-width: 767px) {
        .intro .content.rykr-roll.products p {
          padding: 0px; } }
    .intro .content.rykr-roll.products p:after {
      content: "";
      display: block;
      margin: 20px auto 0px auto;
      background: url("../images/rykrroll_intro_arrow.png") center center no-repeat;
      width: 45px;
      height: 24px;
      background-size: 45px 24px; }
    .intro .content.rykr-roll.benefits h1 {
      font-size: 61px;
      letter-spacing: 0.05em;
      margin-bottom: 10px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .intro .content.rykr-roll.benefits h1 {
          font-size: 56px; } }
    @media screen and (max-width: 767px) {
        .intro .content.rykr-roll.benefits h1 {
          font-size: 8vw;
          line-height: 1; } }
    .intro .content.rykr-roll.benefits p {
      color: white;
      padding: 0px 30px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .intro .content.rykr-roll.benefits p {
          ppadding: 0px 5px; } }
    @media screen and (max-width: 767px) {
        .intro .content.rykr-roll.benefits p {
          padding: 0px; } }
    .intro .content.rykr-roll.benefits p:after {
      content: "";
      display: block;
      margin: 20px auto 0px auto;
      background: url("../images/rykrroll_intro_arrow.png") center center no-repeat;
      width: 45px;
      height: 24px;
      background-size: 45px 24px; }
  .intro .content.tono-shaper {
    font-family: 'Barlow', sans-serif;
    margin-bottom: 80px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content.tono-shaper {
      margin-bottom: 60px; } }
    @media screen and (max-width: 767px) {
    .intro .content.tono-shaper {
      margin-bottom: 50px; } }
    .intro .content.tono-shaper h1 {
      color: #58595b;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 0.05em;
      font-style: italic;
      line-height: 1.25;
      padding: 0px 40px;
      margin: 50px 0px 15px 0px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.tono-shaper h1 {
        font-size: 40px;
        margin: 40px 0px 15px 0px; } }
    @media screen and (max-width: 767px) {
      .intro .content.tono-shaper h1 {
        font-size: 28px;
        margin: 40px 0px 15px 0px;
        padding: 0px 0px; } }
    .intro .content.tono-shaper p {
      font-size: 18px;
      line-height: 1.5;
      font-weight: 600;
      letter-spacing: 0.08em;
      padding: 0px 70px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.tono-shaper p {
        font-size: 16px;
        padding: 0px 40px; } }
    @media screen and (max-width: 767px) {
      .intro .content.tono-shaper p {
        font-size: 15px;
        padding: 0px; } }
  .intro .content.royo-roller {
    font-family: 'Barlow', sans-serif;
    padding: 40px 80px 50px 80px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content.royo-roller {
      padding: 30px 40px 50px 40px; } }
    @media screen and (max-width: 767px) {
    .intro .content.royo-roller {
      padding: 10px 20px 40px 20px; } }
    .intro .content.royo-roller h1 {
      color: #20cbd4;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 0.05em;
      line-height: 1.25;
      padding: 0px 40px;
      margin: 0px 0px 15px 0px;
      /* for sm */
      /* for xs */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.royo-roller h1 {
        font-size: 40px;
        margin: 40px 0px 15px 0px; } }
    @media screen and (max-width: 767px) {
      .intro .content.royo-roller h1 {
        font-size: 28px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    @media screen and (max-width: 369px) {
      .intro .content.royo-roller h1 {
        font-size: 25px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    .intro .content.royo-roller h1 .trademark {
      font-size: 24px;
      display: inline-block;
      position: relative;
      bottom: -8px;
      /* for xs */ }
    @media screen and (max-width: 369px) {
        .intro .content.royo-roller h1 .trademark {
          font-size: 21px; } }
    .intro .content.royo-roller p {
      font-size: 20px;
      color: white;
      line-height: 1.5;
      letter-spacing: 0.08em;
      padding: 0px 70px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.royo-roller p {
        font-size: 16px;
        padding: 0px 40px; } }
    @media screen and (max-width: 767px) {
      .intro .content.royo-roller p {
        font-size: 15px;
        padding: 0px; } }
  .intro .content.miyoga {
    font-family: 'Barlow', sans-serif;
    padding: 40px 80px 50px 80px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content.miyoga {
      padding: 30px 40px 50px 40px; } }
    @media screen and (max-width: 767px) {
    .intro .content.miyoga {
      padding: 10px 20px 40px 20px; } }
    .intro .content.miyoga h1 {
      color: white;
      font-size: 48px;
      font-weight: 700;
      letter-spacing: 0.05em;
      line-height: 1.25;
      padding: 0px 40px;
      margin: 0px 0px 15px 0px;
      /* for sm */
      /* for xs */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.miyoga h1 {
        font-size: 40px;
        margin: 10px 0px 15px 0px; } }
    @media screen and (max-width: 767px) {
      .intro .content.miyoga h1 {
        font-size: 28px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    @media screen and (max-width: 369px) {
      .intro .content.miyoga h1 {
        font-size: 25px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    .intro .content.miyoga h1 .trademark {
      font-size: 24px;
      display: inline-block;
      position: relative;
      bottom: -8px;
      /* for xs */ }
    @media screen and (max-width: 369px) {
        .intro .content.miyoga h1 .trademark {
          font-size: 21px; } }
    .intro .content.miyoga p {
      font-size: 20px;
      color: white;
      line-height: 1.5;
      letter-spacing: 0.08em;
      padding: 0px 70px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.miyoga p {
        font-size: 16px;
        padding: 0px 40px; } }
    @media screen and (max-width: 767px) {
      .intro .content.miyoga p {
        font-size: 15px;
        padding: 0px; } }
  .intro .content.home-core-activator {
    font-family: 'Barlow', sans-serif;
    padding: 60px 80px 70px 80px;
    margin-bottom: -60px !important;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content.home-core-activator {
      padding: 30px 40px 50px 40px; } }
    @media screen and (max-width: 767px) {
    .intro .content.home-core-activator {
      padding: 10px 20px 40px 20px; } }
    .intro .content.home-core-activator h1 {
      color: #6bc04b;
      font-size: 44px;
      font-weight: 700;
      letter-spacing: 0.05em;
      line-height: 1.25;
      padding: 0px 40px;
      margin: 0px 0px 15px 0px;
      /* for sm */
      /* for xs */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.home-core-activator h1 {
        font-size: 40px;
        margin: 10px 0px 15px 0px; } }
    @media screen and (max-width: 767px) {
      .intro .content.home-core-activator h1 {
        font-size: 28px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    @media screen and (max-width: 369px) {
      .intro .content.home-core-activator h1 {
        font-size: 25px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    .intro .content.home-core-activator h1 .trademark {
      font-size: 24px;
      display: inline-block;
      position: relative;
      bottom: -8px;
      /* for xs */ }
    @media screen and (max-width: 369px) {
        .intro .content.home-core-activator h1 .trademark {
          font-size: 21px; } }
    .intro .content.home-core-activator p {
      font-size: 20px;
      color: #58595b;
      line-height: 1.5;
      letter-spacing: 0.08em;
      padding: 0px 70px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.home-core-activator p {
        font-size: 16px;
        padding: 0px 40px; } }
    @media screen and (max-width: 767px) {
      .intro .content.home-core-activator p {
        font-size: 15px;
        padding: 0px; } }
  .intro .content.rykr-conceal-carry {
    font-family: 'Barlow', sans-serif;
    padding: 60px 80px 70px 80px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .intro .content.rykr-conceal-carry {
      padding: 30px 40px 50px 40px; } }
    @media screen and (max-width: 767px) {
    .intro .content.rykr-conceal-carry {
      padding: 10px 20px 40px 20px; } }
    .intro .content.rykr-conceal-carry h1 {
      color: black;
      font-size: 44px;
      font-weight: 700;
      font-style: italic;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      line-height: 1.25;
      padding: 0px 40px;
      margin: 0px 0px 15px 0px;
      /* for sm */
      /* for xs */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.rykr-conceal-carry h1 {
        font-size: 40px;
        margin: 10px 0px 15px 0px; } }
    @media screen and (max-width: 767px) {
      .intro .content.rykr-conceal-carry h1 {
        font-size: 28px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    @media screen and (max-width: 369px) {
      .intro .content.rykr-conceal-carry h1 {
        font-size: 25px;
        margin: 20px 0px 15px 0px;
        padding: 0px 0px; } }
    .intro .content.rykr-conceal-carry h1 .trademark {
      font-size: 24px;
      display: inline-block;
      position: relative;
      bottom: -8px;
      /* for xs */ }
    @media screen and (max-width: 369px) {
        .intro .content.rykr-conceal-carry h1 .trademark {
          font-size: 21px; } }
    .intro .content.rykr-conceal-carry p {
      font-size: 20px;
      color: white;
      line-height: 1.5;
      letter-spacing: 0.08em;
      padding: 0px 40px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .intro .content.rykr-conceal-carry p {
        font-size: 16px;
        padding: 0px 40px; } }
    @media screen and (max-width: 767px) {
      .intro .content.rykr-conceal-carry p {
        font-size: 15px;
        padding: 0px; } }

.videoballs-block {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  margin-top: 30px;
  margin-bottom: 50px; }
  .videoballs-block .container {
    padding: 0px 15px; }
  .videoballs-block .container .row {
    /* for xs */ }
    .videoballs-block .container .row.justify-content-center {
      display: flex;
      justify-content: center; }
    @media screen and (max-width: 767px) {
    .videoballs-block .container .row {
      width: 90%;
      margin: 0px auto; } }
    .videoballs-block .container .row .video {
      padding: 0px; }
    .videoballs-block .container .row .video .video-container {
      position: relative;
      width: 90%;
      margin: 0px auto;
      border: 8px solid #20cbd4;
      overflow: hidden;
      border-radius: 400px; }
    .videoballs-block .container .row .video .video-container a {
      position: absolute;
      z-index: 2; }
    .videoballs-block .container .row .video .video-container .tinter {
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%;
      background-color: #20cbd4;
      opacity: 0.13; }

.carousel {
  margin-bottom: 40px; }
  .carousel .container .labels {
    text-align: center;
    margin-top: 25px; }
    .carousel .container .labels ul {
      list-style: none;
      margin: 0px;
      padding: 0px; }
    .carousel .container .labels ul li {
      display: inline-block;
      margin: 0px 10px;
      padding: 0px;
      /* for sm */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .carousel .container .labels ul li {
          margin: 0px 8px; } }
  .carousel .container .carousel-container {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    position: relative;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .carousel .container .carousel-container {
      margin-bottom: 30px;
      /* div {
                display: flex;
                flex-direction: column;
            } */ } }
    .carousel .container .carousel-container .back {
      z-index: 10;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .carousel .container .carousel-container .back {
        position: absolute;
        top: 9vw;
        left: 0px; } }
    .carousel .container .carousel-container .back img {
      width: 80px;
      cursor: pointer;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .carousel .container .carousel-container .back img {
          width: 60px; } }
    @media screen and (max-width: 767px) {
        .carousel .container .carousel-container .back img {
          width: 10vw; } }
    .carousel .container .carousel-container .next {
      z-index: 10;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .carousel .container .carousel-container .next {
        position: absolute;
        top: 9vw;
        right: 0px; } }
    .carousel .container .carousel-container .next img {
      width: 80px;
      cursor: pointer;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .carousel .container .carousel-container .next img {
          width: 60px; } }
    @media screen and (max-width: 767px) {
        .carousel .container .carousel-container .next img {
          width: 10vw; } }
    .carousel .container .carousel-container .slides {
      flex: 0 1 auto;
      padding: 0px 20px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .carousel .container .carousel-container .slides {
        padding: 0px 40px; } }
    .carousel .container .carousel-container .slides .slide {
      text-align: center; }
    .carousel .container .carousel-container .slides .slide img {
      z-index: 5; }
  .carousel .container.watch-video-container {
    margin-top: 30px; }
    .carousel .container.watch-video-container .buttons .video-button {
      margin-top: 15px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
        .carousel .container.watch-video-container .buttons .video-button {
          margin: 15px 0px 0px 15px; } }
    .carousel .container.watch-video-container .buttons .video-button a {
      font-family: 'Barlow', sans-serif;
      color: #58595b;
      text-decoration: none;
      padding-bottom: 8px;
      font-size: 18px;
      font-weight: 700;
      margin: 20px 0px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
          .carousel .container.watch-video-container .buttons .video-button a {
            margin: 0px 0px 20px 0px; } }
    .carousel .container.watch-video-container .buttons .video-button a:before {
      content: "";
      display: inline-block;
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 14px 0px 0px;
      vertical-align: middle; }
    .carousel .container.watch-video-container .buttons .video-button a:hover {
      color: #20cbd4 !important;
      text-decoration: none; }
    .carousel .container.watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play_on.png") no-repeat;
      background-size: 30px 30px; }
    .carousel .container.watch-video-container .buttons .video-button a:visited {
      color: #58595b; }
  .carousel.ryker-products .container .labels ul li {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.14em;
    color: #7b868c;
    opacity: 0.6;
    /* for sm */ }
    @media (min-width: 768px) and (max-width: 991px) {
          .carousel.ryker-products .container .labels ul li {
            font-size: 9px;
            letter-spacing: 0.14em; } }
    .carousel.ryker-products .container .labels ul li.current {
      color: black;
      opacity: 1; }
    .carousel.ryker-products .container .labels ul li.current:after {
      content: "";
      display: block;
      background: url("../images/ryker_products_label_arrow.png") center center no-repeat;
      background-size: 14px 12px;
      width: 100%;
      height: 10px;
      margin: 6px 0px 0px 0px; }
  .carousel.ryker-products .carousel-container .slides .slide p {
    font-size: 9.5px;
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: black;
    opacity: 1;
    /* for sm */ }
    .carousel.ryker-products .carousel-container .slides .slide p:after {
      content: "";
      display: block;
      background: url("../images/ryker_products_label_arrow.png") center center no-repeat;
      background-size: 14px 12px;
      width: 100%;
      height: 10px;
      margin: 6px 0px 0px 0px; }
    @media (min-width: 768px) and (max-width: 991px) {
          .carousel.ryker-products .carousel-container .slides .slide p {
            font-size: 9px;
            letter-spacing: 0.2em; } }
  .carousel.tono-shaper .watch-video-container .buttons .video-button a {
    color: #58595b; }
    .carousel.tono-shaper .watch-video-container .buttons .video-button a:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.tono-shaper .watch-video-container .buttons .video-button a:hover {
      color: #85dadf !important; }
    .carousel.tono-shaper .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/tonoshaper_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.tono-shaper .watch-video-container .buttons .video-button a:visited {
      color: #58595b; }
  .carousel.royo-roller .watch-video-container .buttons .video-button a {
    color: #20cbd4; }
    .carousel.royo-roller .watch-video-container .buttons .video-button a:before {
      background: url("../images/royoroller_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.royo-roller .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .carousel.royo-roller .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.royo-roller .watch-video-container .buttons .video-button a:visited {
      color: #20cbd4; }
  .carousel.miyoga .carousel-container {
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .carousel.miyoga .carousel-container {
      margin-top: 10px;
      margin-bottom: 10px; } }
  .carousel.miyoga .watch-video-container .buttons .video-button a {
    color: #9bb7d4; }
    .carousel.miyoga .watch-video-container .buttons .video-button a:before {
      background: url("../images/miyoga_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.miyoga .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .carousel.miyoga .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.miyoga .watch-video-container .buttons .video-button a:visited {
      color: #9bb7d4; }
  .carousel.home-core-activator .watch-video-container .buttons .video-button a {
    color: #6bc04b; }
    .carousel.home-core-activator .watch-video-container .buttons .video-button a:before {
      background: url("../images/home_core_activator_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.home-core-activator .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .carousel.home-core-activator .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.home-core-activator .watch-video-container .buttons .video-button a:visited {
      color: #6bc04b; }
  .carousel.rykr-conceal-carry .watch-video-container .buttons .video-button a {
    color: #009abf; }
    .carousel.rykr-conceal-carry .watch-video-container .buttons .video-button a:before {
      background: url("../images/rykr_conceal_carry_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.rykr-conceal-carry .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .carousel.rykr-conceal-carry .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .carousel.rykr-conceal-carry .watch-video-container .buttons .video-button a:visited {
      color: #009abf; }

.colorbar {
  margin-bottom: 40px; }
  .colorbar .content {
    text-align: center;
    padding: 70px;
    /* for sm */
    /* for xs */ }
  @media (min-width: 768px) and (max-width: 991px) {
    .colorbar .content {
      padding: 56px 50px; } }
  @media screen and (max-width: 767px) {
    .colorbar .content {
      padding: 40px 20px; } }
  .colorbar .content h1 {
    padding: 0px 30px;
    margin: 0px 0px 20px 0px;
    /* for sm */
    /* for xs */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .colorbar .content h1 {
      padding: 0px 30px; } }
    @media screen and (max-width: 767px) {
    .colorbar .content h1 {
      padding: 0px 20px;
      margin: 0px 0px 20px 0px; } }
    @media screen and (max-width: 369px) {
    .colorbar .content h1 {
      padding: 0px; } }
  .colorbar .content p {
    margin: 0px;
    padding: 0px 80px;
    /* for sm */
    /* for xs */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .colorbar .content p {
      padding: 0px 50px; } }
    @media screen and (max-width: 767px) {
    .colorbar .content p {
      padding: 0px 20px; } }
    @media screen and (max-width: 369px) {
    .colorbar .content p {
      padding: 0px; } }
  .colorbar .content ul {
    text-align: left;
    list-style-position: outside;
    line-height: 1.3;
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-gap: 80px;
    /* Chrome, Safari, Opera */
    -webkit-column-gap: 70px;
    /* Firefox */
    -moz-column-gap: 70px;
    padding: 10px 70px; }
    .colorbar .content ul li {
      margin-bottom: 8px; }
  .colorbar .content a {
    display: inline-block;
    color: white; }
    .colorbar .content a:hover {
      color: white;
      text-decoration: none; }
    .colorbar .content a:visited {
      color: white; }
  .colorbar .content .button {
    margin-top: 15px;
    padding: 5px 22px 7px 22px;
    border-radius: 16px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: 700; }
  .colorbar.ryker-products .content h1 {
    font-size: 26px;
    font-weight: 600;
    padding: 0px 10px;
    /* for sm */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .colorbar.ryker-products .content h1 {
        padding: 0px 0px; } }
    .colorbar.ryker-products .content p {
      font-size: 16px;
      font-weight: 400; }
  .colorbar.rykr-roll .content {
    font-family: 'Barlow', sans-serif;
    padding: 40px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .colorbar.rykr-roll .content {
      padding: 40px 30px; } }
    @media screen and (max-width: 767px) {
    .colorbar.rykr-roll .content {
      padding: 30px 20px; } }
    .colorbar.rykr-roll .content h1 {
      font-size: 28px;
      font-weight: 600;
      letter-spacing: 0.07em;
      line-height: 1.4;
      padding: 0px 160px;
      /* for sm */
      /* for xs */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .colorbar.rykr-roll .content h1 {
        padding: 0px 70px; } }
    @media screen and (max-width: 767px) {
      .colorbar.rykr-roll .content h1 {
        font-size: 24px;
        padding: 0px 20px; } }
    @media screen and (max-width: 369px) {
      .colorbar.rykr-roll .content h1 {
        font-size: 22px;
        padding: 0px 10px; } }
    .colorbar.rykr-roll .content p {
      font-size: 16px;
      font-weight: 400;
      letter-spacing: 0.04em; }
    .colorbar.rykr-roll .content ul {
      font-weight: 600;
      letter-spacing: 0.04em;
      font-size: 17px;
      padding: 10px 90px;
      column-gap: 80px;
      /* Chrome, Safari, Opera */
      -webkit-column-gap: 80px;
      /* Firefox */
      -moz-column-gap: 80px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .colorbar.rykr-roll .content ul {
        font-size: 16px;
        padding: 10px 40px;
        column-gap: 40px;
        /* Chrome, Safari, Opera */
        -webkit-column-gap: 40px;
        /* Firefox */
        -moz-column-gap: 40px; } }
    @media screen and (max-width: 767px) {
      .colorbar.rykr-roll .content ul {
        font-size: 16px;
        padding: 5px 30px;
        columns: 1;
        -webkit-columns: 1;
        -moz-columns: 1;
        column-gap: 0px;
        /* Chrome, Safari, Opera */
        -webkit-column-gap: 0px;
        /* Firefox */
        -moz-column-gap: 0px; } }
    .colorbar.rykr-roll .content a {
      color: #20cbd4; }
    .colorbar.rykr-roll .content a:hover {
      color: white !important;
      background-color: #58595b;
      text-decoration: none; }
    .colorbar.rykr-roll .content a:visited {
      color: #20cbd4; }
    .colorbar.rykr-roll .content .button {
      background-color: white;
      letter-spacing: 0.06em; }

.textimage {
  background-size: 45%;
  background-repeat: no-repeat;
  margin-bottom: 50px;
  min-height: 260px;
  /* for sm */
  /* for xs */ }
  @media (min-width: 768px) and (max-width: 991px) {
  .textimage {
    min-height: unset; } }
  @media screen and (max-width: 767px) {
  .textimage {
    background-image: none !important;
    min-height: unset;
    margin-bottom: 50px; } }
  .textimage .content {
    display: flex;
    /* Safari */
    display: -webkit-flex;
    flex-wrap: wrap;
    /* Safari */
    -webkit-flex-wrap: wrap;
    align-items: stretch; }
  .textimage .content:before {
    content: normal; }
  .textimage .content:after {
    content: normal; }
  .textimage .content div {
    align-self: stretch; }
    .textimage .content div.text {
      display: flex;
      /* Safari */
      display: -webkit-flex;
      flex-direction: column;
      /* Safari */
      -webkit-flex-direction: column; }
    .textimage .content div.image {
      display: flex;
      /* Safari */
      display: -webkit-flex;
      flex-direction: column;
      /* Safari */
      -webkit-flex-direction: column; }
    .textimage .content div.carousel {
      display: flex;
      /* Safari */
      display: -webkit-flex;
      flex-direction: column;
      /* Safari */
      -webkit-flex-direction: column; }
    .textimage .content div.dots {
      display: flex;
      /* Safari */
      display: -webkit-flex;
      flex-direction: column;
      /* Safari */
      -webkit-flex-direction: column; }
    .textimage .content div:before {
      content: normal; }
    .textimage .content div:after {
      content: normal; }
  .textimage .content .text {
    margin-top: 30px;
    margin-bottom: 30px;
    align-items: flex-start;
    -webkit-align-items: flex-start;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .textimage .content .text {
      margin-top: 20px;
      margin-bottom: 0px; } }
    .textimage .content .text h2 {
      align-self: stretch;
      margin-top: 0px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .textimage .content .text h2:first-of-type {
        margin-top: 24px; } }
    .textimage .content .text p {
      align-self: stretch; }
    .textimage .content .text a {
      color: white; }
    .textimage .content .text a:hover {
      color: white;
      text-decoration: none; }
    .textimage .content .text a:visited {
      color: white; }
    .textimage .content .text ul {
      padding: 0px 30px 0px 1em;
      list-style: none;
      margin-bottom: 30px; }
    .textimage .content .text ul:last-of-type {
      margin-bottom: 0px; }
    .textimage .content .text ul li:before {
      content: "\2022";
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
    .textimage .content .text .button {
      margin-top: 15px;
      padding: 5px 22px 7px 22px;
      border-radius: 16px;
      font-size: 18px;
      font-weight: 700; }
  .textimage .content .image img {
    max-height: 270px;
    margin: 0 auto;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .textimage .content .image img {
        max-height: unset; } }
    .textimage .content .image img.no-constraint {
      max-height: unset !important; }
    @media all and (-ms-high-contrast: none) {
        .textimage .content .image img.no-constraint {
          max-height: 500px !important; } }
  .textimage .content .carousel {
    margin-bottom: 0px;
    height: auto; }
  .textimage .content .dots {
    display: none !important;
    position: absolute;
    top: 38%;
    right: 60px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .textimage .content .dots {
      right: 40px; } }
    @media screen and (max-width: 767px) {
    .textimage .content .dots {
      right: unset !important;
      top: unset !important;
      bottom: 0px;
      width: 100%;
      text-align: center; } }
    .textimage .content .dots .slick-dots {
      padding: 0px;
      margin: 0 auto;
      list-style: none;
      text-align: center;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .textimage .content .dots .slick-dots {
        padding-top: 30px; } }
    .textimage .content .dots .slick-dots li {
      height: 20px;
      width: 8px;
      margin: 0px;
      padding: 0px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .textimage .content .dots .slick-dots li {
          height: 17px;
          width: 7px; } }
    @media screen and (max-width: 767px) {
        .textimage .content .dots .slick-dots li {
          display: inline-block;
          height: 8px;
          width: 20px; } }
    .textimage .content .dots .slick-dots li img {
      cursor: pointer;
      width: 8px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
          .textimage .content .dots .slick-dots li img {
            width: 7px; } }
    @media screen and (max-width: 767px) {
          .textimage .content .dots .slick-dots li img {
            padding-top: 16px; } }
    .textimage .content .dots .slick-dots li img:nth-child(1) {
      display: block; }
    .textimage .content .dots .slick-dots li img:nth-child(2) {
      display: none; }
    .textimage .content .dots .slick-dots li.slick-active img:nth-child(1) {
      display: none; }
    .textimage .content .dots .slick-dots li.slick-active img:nth-child(2) {
      display: block; }
  .textimage.ryker-products .content h2 {
    font-size: 22px;
    font-weight: 600;
    color: #00b2e2;
    line-height: 1.4; }
    .textimage.ryker-products .content p {
      font-size: 13px;
      font-weight: 400; }
  .textimage.rykr-roll .content {
    font-family: 'Barlow', sans-serif; }
    .textimage.rykr-roll .content h2 {
      font-size: 21px;
      font-weight: 400;
      color: #20cbd4;
      letter-spacing: 0.06em;
      margin-bottom: 15px; }
    .textimage.rykr-roll .content p {
      font-size: 15px;
      line-height: 1.6;
      font-weight: 400; }
    .textimage.rykr-roll .content .button {
      background-color: #20cbd4;
      letter-spacing: 0.06em; }
    .textimage.rykr-roll .content .button:hover {
      background-color: #58595b; }
    .textimage.rykr-roll .content ul li {
      font-size: 14px;
      line-height: 1.6; }
    .textimage.rykr-roll .content ul li:before {
      color: #20cbd4; }
  .textimage.royo-roller .content {
    font-family: 'Barlow', sans-serif; }
    .textimage.royo-roller .content h2 {
      font-size: 21px;
      font-weight: 400;
      color: #20cbd4;
      letter-spacing: 0.06em;
      margin-bottom: 15px; }
    .textimage.royo-roller .content p {
      font-size: 15px;
      line-height: 1.6;
      font-weight: 400;
      letter-spacing: 0.06em; }
    .textimage.royo-roller .content .button {
      background-color: #20cbd4;
      letter-spacing: 0.06em; }
    .textimage.royo-roller .content .button:hover {
      background-color: #58595b; }
    .textimage.royo-roller .content ul li {
      font-size: 14px;
      line-height: 1.6; }
    .textimage.royo-roller .content ul li:before {
      color: #20cbd4; }

.meetthebrands {
  margin-bottom: 60px;
  /* for xs */ }
  @media screen and (max-width: 767px) {
  .meetthebrands {
    margin-bottom: 40px; } }
  .meetthebrands .container {
    padding: 0px;
    /* for xs */ }
  @media screen and (max-width: 767px) {
    .meetthebrands .container {
      padding: 0px 15px; } }
  .meetthebrands .container .title {
    text-align: center;
    border-left: 2px solid black;
    border-right: 2px solid black;
    margin: 0px 25px 70px 25px;
    padding: 0px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .meetthebrands .container .title {
      margin: 0px 25px 60px 25px; } }
    @media screen and (max-width: 767px) {
    .meetthebrands .container .title {
      border: none;
      margin: 0px 15px 50px 15px; } }
    .meetthebrands .container .title h2 {
      background-color: #00b2e2;
      color: white;
      font-size: 17px;
      font-weight: 600;
      text-transform: uppercase;
      display: inline-block;
      letter-spacing: 0.16em;
      padding: 16px 120px;
      margin: 0px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .meetthebrands .container .title h2 {
        display: block;
        padding: 16px 0px;
        font-size: 16px; } }
  .meetthebrands .container .brands {
    margin-top: 30px;
    display: flex;
    /* Safari */
    display: -webkit-flex;
    flex-wrap: wrap;
    /* Safari */
    -webkit-flex-wrap: wrap; }
    .meetthebrands .container .brands .brand {
      display: flex;
      /* Safari */
      display: -webkit-flex;
      flex-direction: column;
      /* Safari */
      -webkit-flex-direction: column;
      padding: 0px 25px;
      margin-bottom: 30px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .meetthebrands .container .brands .brand {
        padding: 0px 15px; } }
    .meetthebrands .container .brands .brand h3 {
      font-size: 17px;
      font-weight: 600;
      line-height: 1.4;
      color: black;
      letter-spacing: 0.07em;
      border-bottom: 2px solid #00b2e2;
      margin: 20px 0px 12px 0px;
      padding: 0px 0px 10px 0px; }
    .meetthebrands .container .brands .brand h3 .trademark {
      font-size: 11px;
      position: relative;
      top: -5px; }
    .meetthebrands .container .brands .brand p {
      font-size: 13px;
      font-weight: 400;
      color: #7b868c; }
    .meetthebrands .container .brands .brand p .trademark {
      font-size: 8px;
      position: relative;
      top: -4px; }
    .meetthebrands .container .brands .brand a {
      font-size: 11.5px;
      font-weight: 600;
      color: #00b2e2;
      text-transform: uppercase;
      letter-spacing: 0.15em; }
    .meetthebrands .container .brands .brand a:after {
      content: "";
      display: inline-block;
      background: url("../images/go_arrow.png") no-repeat;
      background-size: 17px 10px;
      width: 20px;
      height: 10px;
      margin: 0px 0px 0px 6px; }
    .meetthebrands .container .brands .brand a:hover {
      text-decoration: none;
      color: #e0e000 !important; }
    .meetthebrands .container .brands .brand a:visited {
      color: #00b2e2; }

.rykrroll-products.rykr-roll {
  margin-bottom: 60px; }
  .rykrroll-products.rykr-roll .product {
    display: flex;
    /* Safari */
    display: -webkit-flex;
    flex-wrap: wrap;
    /* Safari */
    -webkit-flex-wrap: wrap;
    margin-bottom: 60px;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .rykrroll-products.rykr-roll .product {
      margin-bottom: 40px; } }
    .rykrroll-products.rykr-roll .product div {
      display: flex;
      /* Safari */
      display: -webkit-flex;
      flex-direction: column;
      /* Safari */
      -webkit-flex-direction: column; }
    .rykrroll-products.rykr-roll .product .image {
      padding: 0px 15px; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs {
      list-style: none;
      margin: 20px 0px 20px 0px;
      padding: 0px;
      font-size: 0px; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb {
      font-size: 0px;
      display: inline-block;
      margin: 0px 5px 5px 0px;
      height: 72px;
      width: 74px;
      overflow: hidden;
      border: 1px solid #a3abb0;
      cursor: pointer; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb img {
      height: 72px;
      width: auto;
      object-fit: contain; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb.active {
      border-color: black; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb.video {
      position: relative; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb.video a.watch-video {
      margin: 0px;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb.video a.watch-video:before {
      display: none; }
    .rykrroll-products.rykr-roll .product .image ul.thumbs li.thumb.video img.play-button {
      position: absolute;
      width: 72px;
      height: auto;
      padding: 17px;
      filter: drop-shadow(0px 0px 3px #000); }
    .rykrroll-products.rykr-roll .product .image a {
      font-family: 'Barlow', sans-serif;
      color: #58595b;
      text-decoration: none;
      padding-bottom: 8px;
      font-size: 18px;
      font-weight: 700;
      margin: 20px 0px 0px 0px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
        .rykrroll-products.rykr-roll .product .image a {
          margin: 20px 0px 0px 0px;
          padding: 8px 0px 0px 15px; } }
    .rykrroll-products.rykr-roll .product .image a:before {
      content: "";
      display: inline-block;
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 14px 0px 0px;
      vertical-align: middle; }
    .rykrroll-products.rykr-roll .product .image a:hover {
      color: #20cbd4 !important;
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .image a:hover:before {
      background: url("../images/rykrroll_video_play_on.png") no-repeat;
      background-size: 30px 30px; }
    .rykrroll-products.rykr-roll .product .image a:visited {
      color: #58595b; }
    .rykrroll-products.rykr-roll .product .product-info {
      font-family: 'Barlow', sans-serif; }
    .rykrroll-products.rykr-roll .product .product-info h2 {
      font-size: 19px;
      color: #20cbd4;
      font-weight: 600;
      margin-top: 0px; }
    .rykrroll-products.rykr-roll .product .product-info p {
      font-size: 14px;
      line-height: 1.6; }
    .rykrroll-products.rykr-roll .product .product-info .row {
      flex-direction: row;
      /* Safari */
      -webkit-flex-direction: row;
      /* for xs */
      margin-top: 12px; }
    @media screen and (max-width: 767px) {
        .rykrroll-products.rykr-roll .product .product-info .row {
          flex-direction: column;
          /* Safari */
          -webkit-flex-direction: column; } }
    .rykrroll-products.rykr-roll .product .product-info .row .features {
      padding: 0px 0px 0px 30px;
      max-height: 350px;
      position: relative;
      overflow: hidden;
      /* for xs */ }
    @media screen and (max-width: 767px) {
          .rykrroll-products.rykr-roll .product .product-info .row .features {
            margin-bottom: 30px; } }
    .rykrroll-products.rykr-roll .product .product-info .row .features ul {
      padding: 0px;
      list-style: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .features ul li {
      font-size: 14px;
      line-height: 1.6; }
    .rykrroll-products.rykr-roll .product .product-info .row .features ul li:before {
      content: "\2022";
      color: #20cbd4;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-more {
      position: absolute;
      bottom: 0px;
      left: 0px;
      width: 100%;
      margin: 0px;
      padding: 34px 0px 0px 30px;
      background-image: linear-gradient(to bottom, rgba(255, 251, 250, 0), #fffbfa, #fffbfa); }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-more a {
      text-transform: uppercase;
      color: #20cbd4;
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-more a:hover {
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-more a:visited {
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-less {
      position: absolute;
      display: none;
      bottom: 0px;
      left: 0px;
      width: 100%;
      margin: 0px;
      padding: 12px 0px 0px 30px;
      background-image: linear-gradient(to bottom, rgba(255, 251, 250, 0), #fffbfa, #fffbfa); }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-less a {
      text-transform: uppercase;
      color: #20cbd4;
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-less a:hover {
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .features .read-less a:visited {
      text-decoration: none; }
    .rykrroll-products.rykr-roll .product .product-info .row .details {
      padding: 0px 0px 0px 35px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
          .rykrroll-products.rykr-roll .product .product-info .row .details {
            padding: 0px 0px 0px 15px;
            flex-direction: row;
            /* Safari */
            -webkit-flex-direction: row; }
            .rykrroll-products.rykr-roll .product .product-info .row .details .column {
              width: 50%; } }
    .rykrroll-products.rykr-roll .product .product-info .row .details h3 {
      font-size: 16px;
      color: #20cbd4;
      font-weight: 600;
      margin: 12px 0px 0px 0px;
      line-height: 1.6; }
    .rykrroll-products.rykr-roll .product .product-info .row .details h3:first-of-type {
      margin: 0px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details p {
      font-size: 12px;
      line-height: 1.6; }
    .rykrroll-products.rykr-roll .product .product-info .row .details p.button {
      color: white;
      letter-spacing: 0.06em;
      font-size: 14px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details p.button.coming-soon {
      margin-top: 15px;
      font-size: 16px;
      padding: 5px 10px 7px 10px;
      border-radius: 20px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details p.price, .rykrroll-products.rykr-roll .product .product-info .row .details p.shipping {
      font-weight: 700;
      margin-bottom: 0px;
      font-size: 14px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details p.shipping {
      margin-bottom: 22px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .made-in-usa {
      margin: 12px 0px 0px 0px;
      display: inline-block; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .made-in-usa:before {
      content: "";
      display: inline-block;
      background: url("../images/made_in_the_usa.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 5px 0px 0px;
      vertical-align: top; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .made-in-usa p {
      display: inline-block;
      font-size: 12px;
      line-height: 1.3; }
    .rykrroll-products.rykr-roll .product .product-info .row .details a {
      color: white;
      letter-spacing: 0.06em;
      display: inline-block;
      font-size: 14px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details a:hover {
      color: white;
      text-decoration: none;
      background-color: #58595b; }
    .rykrroll-products.rykr-roll .product .product-info .row .details a:visited {
      color: white; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .button {
      align-self: flex-start;
      padding: 5px 32px 7px 32px;
      border-radius: 16px;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 10px;
      width: 160px;
      text-align: center;
      background-color: #20cbd4; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .button.amazon {
      background-color: #a3abb0; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .button:first-of-type {
      margin-top: 15px; }
    .rykrroll-products.rykr-roll .product .product-info .row .details .button:only-of-type {
      background-color: #20cbd4; }

.illustrations {
  margin-top: 70px;
  margin-bottom: 50px; }
  .illustrations h2 {
    text-align: center;
    margin: 0px 0px 50px 0px;
    padding: 0px 120px;
    line-height: 1.1;
    /* for sm */
    /* for xs */ }
  @media (min-width: 768px) and (max-width: 991px) {
    .illustrations h2 {
      margin: 0px 0px 40px 0px;
      padding: 0px 90px; } }
  @media screen and (max-width: 767px) {
    .illustrations h2 {
      margin: 0px 0px 20px 0px;
      padding: 0px 60px; } }
  .illustrations .illustrations-container {
    display: flex;
    /* Safari */
    display: -webkit-flex;
    flex-wrap: wrap;
    /* Safari */
    -webkit-flex-wrap: wrap; }
  .illustrations .illustrations-container .illustration {
    display: flex;
    /* Safari */
    display: -webkit-flex;
    flex-direction: column;
    /* Safari */
    -webkit-flex-direction: column;
    padding: 0px 50px;
    text-align: center;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .illustrations .illustrations-container .illustration {
      padding: 0px 40px; } }
    @media screen and (max-width: 767px) {
    .illustrations .illustrations-container .illustration {
      padding: 12vw 10vw; }
      .illustrations .illustrations-container .illustration:first-of-type {
        padding-top: 6vw; }

      .illustrations .illustrations-container .illustration:last-of-type {
        padding-bottom: 6vw; } }
    .illustrations .illustrations-container .illustration h3 {
      margin: 0px auto 40px auto; }
    .illustrations .illustrations-container .illustration p {
      margin: 20px 0px 0px 0px; }
  .illustrations .illustrations-container .five-columns.col-md-3 {
    width: 20% !important;
    /* for sm */
    /* for xs */
    /* for xs5 */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .illustrations .illustrations-container .five-columns.col-md-3 {
        width: 25% !important; } }
    @media screen and (max-width: 767px) {
      .illustrations .illustrations-container .five-columns.col-md-3 {
        width: 33.333% !important; } }
    @media screen and (max-width: 369px) {
      .illustrations .illustrations-container .five-columns.col-md-3 {
        width: 50% !important; } }
    .illustrations .illustrations-container .five-columns.illustration {
      padding: 0px 10px !important; }
  .illustrations.rykr-roll {
    font-family: 'Barlow', sans-serif; }
  .illustrations.rykr-roll h2 {
    font-size: 21px;
    font-weight: 400;
    color: #20cbd4;
    letter-spacing: 0.06em;
    padding: 0px 220px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .illustrations.rykr-roll h2 {
      padding: 0px 120px; } }
    @media screen and (max-width: 767px) {
    .illustrations.rykr-roll h2 {
      padding: 0px 20px; } }
  .illustrations.rykr-roll .illustrations-container .illustration {
    border-right: 1px solid #20cbd4;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .illustrations.rykr-roll .illustrations-container .illustration {
        border-right: none;
        border-bottom: 1px solid #20cbd4; } }
    .illustrations.rykr-roll .illustrations-container .illustration:last-of-type {
      border: none; }
  .illustrations.tono-shaper {
    font-family: 'Barlow', sans-serif; }
  .illustrations.tono-shaper .illustrations-container .illustration {
    padding: 0px 15px;
    /* for xs */
    /* for xs5 */ }
    @media screen and (max-width: 767px) {
      .illustrations.tono-shaper .illustrations-container .illustration {
        margin-bottom: 60px; }
        .illustrations.tono-shaper .illustrations-container .illustration:last-of-type {
          margin-bottom: 0px; } }
    @media screen and (max-width: 369px) {
      .illustrations.tono-shaper .illustrations-container .illustration {
        padding: 0px 0px; } }
    .illustrations.tono-shaper .illustrations-container .illustration h3 {
      font-size: 20px;
      letter-spacing: 0.01em;
      padding: 12px 0px 14px 0px;
      width: 80%;
      background-size: cover;
      /* for sm */
      /* for xs */
      /* for xs5 */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .illustrations.tono-shaper .illustrations-container .illustration h3 {
          width: 100%; } }
    @media screen and (max-width: 767px) {
        .illustrations.tono-shaper .illustrations-container .illustration h3 {
          width: 100%; } }
    @media screen and (max-width: 369px) {
        .illustrations.tono-shaper .illustrations-container .illustration h3 {
          width: 100%;
          font-size: 18px; } }
    .illustrations.tono-shaper .illustrations-container .illustration p {
      font-weight: 600;
      font-size: 15px;
      text-transform: uppercase;
      letter-spacing: 0.04em; }
    .illustrations.tono-shaper .illustrations-container .illustration.bk1 h3 {
      background-image: url("../images/tonoshaper_head_bkgnd1.png"); }
    .illustrations.tono-shaper .illustrations-container .illustration.bk2 h3 {
      background-image: url("../images/tonoshaper_head_bkgnd2.png"); }
    .illustrations.tono-shaper .illustrations-container .illustration.bk3 h3 {
      background-image: url("../images/tonoshaper_head_bkgnd3.png"); }
  .illustrations.miyoga {
    margin-top: 50px;
    margin-bottom: 60px;
    /* for xs */ }
  @media screen and (max-width: 767px) {
    .illustrations.miyoga {
      margin-top: 30px;
      margin-bottom: 40px; } }

.image-row {
  margin-bottom: 50px;
  /* for xs */ }
  @media screen and (max-width: 767px) {
  .image-row {
    margin-bottom: 30px; } }
  .image-row .container {
    /* for xs */ }
  @media screen and (max-width: 767px) {
    .image-row .container {
      padding: 0px; } }
  .image-row .container .half-width img {
    max-width: 63%;
    margin: 0 auto;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .image-row .container .half-width img {
        max-width: 80%; } }
  .image-row .container .three-quarter img {
    max-width: 75%;
    margin: 0 auto;
    /* for xs */ }
    @media screen and (max-width: 767px) {
      .image-row .container .three-quarter img {
        max-width: 85%; } }
  .image-row .container .caption {
    text-align: center;
    font-family: 'Barlow', sans-serif;
    font-weight: 600;
    margin-top: 20px;
    line-height: 1.8; }
  .image-row .container.watch-video-container {
    margin-top: 30px; }
    .image-row .container.watch-video-container .buttons .video-button {
      margin-top: 15px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
        .image-row .container.watch-video-container .buttons .video-button {
          margin: 15px 0px 0px 15px; } }
    .image-row .container.watch-video-container .buttons .video-button a {
      font-family: 'Barlow', sans-serif;
      color: #58595b;
      text-decoration: none;
      padding-bottom: 8px;
      font-size: 18px;
      font-weight: 700;
      margin: 20px 0px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
          .image-row .container.watch-video-container .buttons .video-button a {
            margin: 0px 0px 20px 0px; } }
    .image-row .container.watch-video-container .buttons .video-button a:before {
      content: "";
      display: inline-block;
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 14px 0px 0px;
      vertical-align: middle; }
    .image-row .container.watch-video-container .buttons .video-button a:hover {
      color: #20cbd4 !important;
      text-decoration: none; }
    .image-row .container.watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play_on.png") no-repeat;
      background-size: 30px 30px; }
    .image-row .container.watch-video-container .buttons .video-button a:visited {
      color: #58595b; }
  .image-row.tono-shaper .watch-video-container .buttons .video-button a {
    color: #58595b; }
    .image-row.tono-shaper .watch-video-container .buttons .video-button a:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.tono-shaper .watch-video-container .buttons .video-button a:hover {
      color: #85dadf !important; }
    .image-row.tono-shaper .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/tonoshaper_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.tono-shaper .watch-video-container .buttons .video-button a:visited {
      color: #58595b; }
  .image-row.royo-roller .watch-video-container .buttons .video-button a {
    color: #20cbd4; }
    .image-row.royo-roller .watch-video-container .buttons .video-button a:before {
      background: url("../images/royoroller_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.royo-roller .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .image-row.royo-roller .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.royo-roller .watch-video-container .buttons .video-button a:visited {
      color: #20cbd4; }
  .image-row.miyoga .watch-video-container .buttons .video-button a {
    color: #9bb7d4; }
    .image-row.miyoga .watch-video-container .buttons .video-button a:before {
      background: url("../images/miyoga_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.miyoga .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .image-row.miyoga .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.miyoga .watch-video-container .buttons .video-button a:visited {
      color: #9bb7d4; }
  .image-row.home-core-activator .watch-video-container .buttons .video-button a {
    color: #6bc04b; }
    .image-row.home-core-activator .watch-video-container .buttons .video-button a:before {
      background: url("../images/home_core_activator_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.home-core-activator .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .image-row.home-core-activator .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.home-core-activator .watch-video-container .buttons .video-button a:visited {
      color: #6bc04b; }
  .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button {
    /* for xs */ }
    @media screen and (max-width: 767px) {
        .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button {
          margin: 15px 0px 0px 30px; } }
    .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button a {
      color: #009abf; }
    .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button a:before {
      background: url("../images/rykr_conceal_carry_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button a:hover {
      color: #58595b !important; }
    .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .image-row.rykr-conceal-carry .watch-video-container .buttons .video-button a:visited {
      color: #009abf; }

.text-block {
  font-family: 'Barlow', sans-serif;
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 50px; }
  .text-block .container {
    padding: 0px 15px; }
  .text-block .container h2 {
    font-size: 30px;
    font-weight: 600;
    color: #58595b;
    margin: 60px 0px 40px 0px;
    text-align: center; }
  .text-block .container table {
    width: 65%;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .text-block .container table {
      width: 80%; } }
    @media screen and (max-width: 767px) {
    .text-block .container table {
      width: 100%;
      margin-left: auto;
      margin-right: auto; } }
    .text-block .container table.table-1 {
      width: 65%;
      margin-left: 35%;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
      .text-block .container table.table-1 {
        width: 80%;
        margin-left: 20%; } }
    @media screen and (max-width: 767px) {
      .text-block .container table.table-1 {
        width: 100%;
        margin-left: auto;
        margin-right: auto; } }
    .text-block .container table.table-2 {
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .text-block .container table.table-2 {
        border-top: none !important; } }
    .text-block .container table.table-2 tr {
      /* for xs */ }
    @media screen and (max-width: 767px) {
        .text-block .container table.table-2 tr:nth-of-type(2) td {
          border-top: none !important; } }
    .text-block .container table tr td {
      border: 1px solid #7b868c;
      vertical-align: top;
      line-height: 1.3;
      width: 50%;
      padding: 2px 4px; }
  .text-block.ryker-products {
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    font-size: 14px; }
  .text-block.ryker-products h2 {
    color: #58595b; }
  .text-block.rykr-roll h2 {
    color: #58595b; }
  .text-block.tono-shaper h2 {
    color: #58595b; }
  .text-block.tono-shaper.legal .col1 {
    padding: 0px 15px 0px 15px; }
  .text-block.tono-shaper .col1 {
    padding: 0px 100px 0px 15px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .text-block.tono-shaper .col1 {
      padding: 0px 40px 0px 15px; } }
    @media screen and (max-width: 767px) {
    .text-block.tono-shaper .col1 {
      padding: 0px 30px 20px 30px; } }
  .text-block.tono-shaper .col2 {
    padding: 0px 0px 0px 0px;
    /* for sm */
    /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
    .text-block.tono-shaper .col2 {
      padding: 0px 0px 0px 0px; } }
    @media screen and (max-width: 767px) {
    .text-block.tono-shaper .col2 {
      padding: 0px 15px; } }
  .text-block.tono-shaper ul {
    padding: 0px;
    list-style: none; }
    .text-block.tono-shaper ul li {
      font-size: 20px;
      margin-bottom: 20px;
      /* for xs5 */ }
    .text-block.tono-shaper ul li:last-of-type {
      margin-bottom: 0px !important; }
    @media screen and (max-width: 369px) {
      .text-block.tono-shaper ul li {
        font-size: 17px; } }
    .text-block.tono-shaper ul li:before {
      content: "";
      width: 10px;
      height: 10px;
      display: inline-block;
      background-image: url('../images/tonoshaper_specialbullet.png');
      background-size: cover;
      background-position: center;
      margin-bottom: 2px;
      margin-right: 8px; }
  .text-block.royo-roller h2 {
    color: #58595b; }
  .text-block.miyoga {
    margin-bottom: 40px;
    /* for xs */ }
  @media screen and (max-width: 767px) {
    .text-block.miyoga {
      margin-bottom: 30px; } }
  .text-block.miyoga .container {
    padding: 0px 15px; }
  .text-block.miyoga h2 {
    color: #9bb7d4; }
  .text-block.miyoga h4 {
    font-size: 15px;
    font-weight: 600;
    color: #9bb7d4;
    margin: 0px;
    line-height: 1.4; }
  .text-block.miyoga ul {
    padding: 0px 0px 0px 15px;
    column-count: 2;
    list-style: none;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .text-block.miyoga ul {
      column-count: 1; } }
    .text-block.miyoga ul li {
      font-size: 15px;
      color: #ff5a5a; }
    .text-block.miyoga ul li:before {
      content: "\2022";
      color: #9bb7d4;
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
  .product-details {
    font-family: 'Barlow', sans-serif;
    margin-bottom: 50px; }
  .product-details .row {
    /* for xs */ }
  @media screen and (max-width: 767px) {
    .product-details .row {
      margin-left: 0px;
      margin-right: 0px; } }
  .product-details > .container > .row.has-gallery > .product-info {
    /* for xs */ }
    @media screen and (max-width: 767px) {
        .product-details > .container > .row.has-gallery > .product-info {
          /* Safari */
          -webkit-flex-direction: column;
          flex-direction: column; } }
    .product-details > .container > .row.has-gallery > .product-info .features {
      padding-right: 0px; }
    .product-details > .container > .row.has-gallery > .product-info .features .row > .col-md-12 {
      padding-right: 0px; }
  .product-details .description {
    margin-bottom: 34px;
    padding: 0px 15px; }
  .product-details .description h2 {
    font-size: 21px; }
  .product-details .description p {
    font-size: 14px;
    line-height: 1.6; }
  .product-details .features {
    margin-bottom: 30px; }
  .product-details .features .row {
    margin: 0px; }
  .product-details .features ul {
    padding: 0px;
    /* for xs */
    list-style: none; }
    @media screen and (max-width: 767px) {
    .product-details .features ul {
      margin-bottom: 40px; } }
    .product-details .features ul li {
      font-size: 14px;
      line-height: 1.6; }
    .product-details .features ul li:before {
      content: "\2022";
      font-weight: bold;
      display: inline-block;
      width: 1em;
      margin-left: -1em; }
  .product-details .product-info {
    padding: 0px 0px 0px 35px;
    /* for xs */ }
  @media screen and (max-width: 767px) {
    .product-details .product-info {
      padding: 0px 0px 0px 15px;
      /* Safari */
      display: -webkit-flex;
      display: flex;
      /* Safari */
      -webkit-flex-direction: row;
      flex-direction: row; }
      .product-details .product-info .column {
        width: 50%; } }
  .product-details .product-info h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 12px 0px 0px 0px;
    line-height: 1.6; }
    .product-details .product-info h3:first-of-type {
      margin: 0px; }
  .product-details .product-info p {
    font-size: 14px;
    line-height: 1.6; }
  .product-details .product-info .made-in-usa {
    margin: 12px 0px 30px 0px;
    /* for xs */
    display: inline-block; }
    @media screen and (max-width: 767px) {
    .product-details .product-info .made-in-usa {
      margin: 12px 0px 10px 0px; } }
    .product-details .product-info .made-in-usa:before {
      content: "";
      display: inline-block;
      background: url("../images/made_in_the_usa.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 5px 0px 0px;
      vertical-align: top; }
    .product-details .product-info .made-in-usa p {
      display: inline-block;
      font-size: 12px;
      line-height: 1.3; }
  .product-details .image {
    padding: 0px 15px; }
  .product-details .image ul.thumbs {
    list-style: none;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    font-size: 0px; }
    .product-details .image ul.thumbs li.thumb {
      font-size: 0px;
      display: inline-block;
      margin: 0px 5px 5px 0px;
      height: 72px;
      width: 74px;
      overflow: hidden;
      border: 1px solid #a3abb0;
      cursor: pointer; }
    .product-details .image ul.thumbs li.thumb img {
      height: 72px;
      width: auto;
      object-fit: contain; }
    .product-details .image ul.thumbs li.thumb.active {
      border-color: black; }
    .product-details .image ul.thumbs li.thumb.video {
      position: relative; }
    .product-details .image ul.thumbs li.thumb.video a.watch-video {
      margin: 0px;
      position: absolute;
      top: 0px;
      left: 0px;
      height: 100%;
      width: 100%; }
    .product-details .image ul.thumbs li.thumb.video a.watch-video:before {
      display: none; }
    .product-details .image ul.thumbs li.thumb.video img.play-button {
      position: absolute;
      width: 72px;
      height: auto;
      padding: 17px;
      filter: drop-shadow(0px 0px 3px #000); }
  .product-details .image a {
    font-family: 'Barlow', sans-serif;
    color: #58595b;
    text-decoration: none;
    padding-bottom: 8px;
    font-size: 18px;
    font-weight: 700;
    margin: 20px 0px 0px 0px;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .product-details .image a {
      margin: 20px 0px 0px 0px;
      padding: 8px 0px 0px 15px; } }
    .product-details .image a:before {
      content: "";
      display: inline-block;
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 14px 0px 0px;
      vertical-align: middle; }
    .product-details .image a:hover {
      color: #20cbd4 !important;
      text-decoration: none; }
    .product-details .image a:hover:before {
      background: url("../images/rykrroll_video_play_on.png") no-repeat;
      background-size: 30px 30px; }
    .product-details .image a:visited {
      color: #58595b; }
  .product-details .buttons .video-button {
    margin-top: 15px; }
    .product-details .buttons .video-button a {
      font-family: 'Barlow', sans-serif;
      color: #58595b;
      text-decoration: none;
      padding-bottom: 8px;
      font-size: 18px;
      font-weight: 700;
      margin: 20px 0px;
      /* for xs */ }
    @media screen and (max-width: 767px) {
      .product-details .buttons .video-button a {
        margin: 0px 0px 20px 0px; } }
    .product-details .buttons .video-button a:before {
      content: "";
      display: inline-block;
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px;
      width: 30px;
      height: 30px;
      margin: 0px 14px 0px 0px;
      vertical-align: middle; }
    .product-details .buttons .video-button a:hover {
      color: #20cbd4 !important;
      text-decoration: none; }
    .product-details .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play_on.png") no-repeat;
      background-size: 30px 30px; }
    .product-details .buttons .video-button a:visited {
      color: #58595b; }
  .product-details .buttons .buy-button {
    padding: 0px 0px 0px 35px;
    /* for xs */ }
    @media screen and (max-width: 767px) {
    .product-details .buttons .buy-button {
      padding: 0px 0px 0px 5px; } }
    .product-details .buttons .buy-button a {
      color: white;
      letter-spacing: 0.06em;
      display: inline-block;
      font-size: 14px; }
    .product-details .buttons .buy-button a:hover {
      color: white;
      text-decoration: none;
      background-color: #58595b; }
    .product-details .buttons .buy-button a:visited {
      color: white; }
    .product-details .buttons .buy-button p.button {
      display: inline-block; }
    .product-details .buttons .buy-button p.price, .product-details .buttons .buy-button p.shipping {
      font-weight: 700;
      margin-bottom: 0px;
      font-size: 14px; }
    .product-details .buttons .buy-button p.shipping {
      margin-bottom: 22px; }
    .product-details .buttons .buy-button .button {
      align-self: flex-start;
      padding: 5px 16px 7px 16px;
      border-radius: 16px;
      margin-bottom: 10px;
      width: 160px;
      text-align: center;
      font-size: 18px;
      font-weight: 700; }
    .product-details .buttons .buy-button .button.amazon.grey {
      background-color: #a3abb0; }
    .product-details .buttons .buy-button .button:first-of-type {
      margin-top: 15px; }
  .product-details.tono-shaper .features {
    padding: 0px 30px; }
    .product-details.tono-shaper .features ul {
      padding: 0px;
      list-style: none; }
    .product-details.tono-shaper .features ul li {
      font-size: 16px; }
    .product-details.tono-shaper .features ul li:before {
      color: #fedcc2; }
  .product-details.tono-shaper .product-info h3 {
    color: #58595b; }
  .product-details.tono-shaper .buttons .video-button a {
    color: #58595b; }
    .product-details.tono-shaper .buttons .video-button a:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.tono-shaper .buttons .video-button a:hover {
      color: #85dadf !important; }
    .product-details.tono-shaper .buttons .video-button a:hover:before {
      background: url("../images/tonoshaper_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.tono-shaper .buttons .video-button a:visited {
      color: #58595b; }
    .product-details.tono-shaper .buttons .buy-button a {
      color: #58595b; }
    .product-details.tono-shaper .buttons .buy-button a:hover {
      color: white !important;
      background-color: #58595b; }
    .product-details.tono-shaper .buttons .buy-button a:visited {
      color: #58595b; }
    .product-details.tono-shaper .buttons .buy-button .button {
      background-color: #85dadf; }
    .product-details.tono-shaper .buttons .buy-button .button:only-of-type {
      background-color: #85dadf; }
    .product-details.tono-shaper .buttons .buy-button p.button {
      color: #58595b; }
  .product-details.royo-roller .description h2 {
    font-weight: 700;
    color: #20cbd4; }
    .product-details.royo-roller .features {
      padding: 0px 15px; }
    .product-details.royo-roller .features ul {
      padding: 0px;
      margin-bottom: 0px;
      list-style: none; }
    .product-details.royo-roller .features ul li:before {
      color: #20cbd4; }
  .product-details.royo-roller .product-info h3 {
    color: #58595b; }
  .product-details.royo-roller .buttons .video-button a {
    color: #20cbd4; }
    .product-details.royo-roller .buttons .video-button a:before {
      background: url("../images/royoroller_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.royo-roller .buttons .video-button a:hover {
      color: #58595b !important; }
    .product-details.royo-roller .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.royo-roller .buttons .video-button a:visited {
      color: #20cbd4; }
    .product-details.royo-roller .buttons .buy-button a {
      color: white; }
    .product-details.royo-roller .buttons .buy-button a:hover {
      color: white !important;
      background-color: #58595b; }
    .product-details.royo-roller .buttons .buy-button a:visited {
      color: white; }
    .product-details.royo-roller .buttons .buy-button .button {
      background-color: #20cbd4; }
    .product-details.royo-roller .buttons .buy-button .button:only-of-type {
      background-color: #20cbd4; }
    .product-details.royo-roller .buttons .buy-button p.button {
      color: white; }
  .product-details.miyoga .features {
    padding: 0px 30px; }
    .product-details.miyoga .features ul {
      padding: 0px;
      list-style: none; }
    .product-details.miyoga .features ul li {
      font-size: 20px;
      /* for sm */
      /* for xs */ }
    @media (min-width: 768px) and (max-width: 991px) {
        .product-details.miyoga .features ul li {
          font-size: 18px; } }
    @media screen and (max-width: 767px) {
        .product-details.miyoga .features ul li {
          font-size: 16px; } }
    .product-details.miyoga .features ul li:before {
      color: #ff5a5a; }
  .product-details.miyoga .product-info h3 {
    color: #58595b; }
  .product-details.miyoga .buttons .video-button a {
    color: #9bb7d4; }
    .product-details.miyoga .buttons .video-button a:before {
      background: url("../images/miyoga_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.miyoga .buttons .video-button a:hover {
      color: #58595b !important; }
    .product-details.miyoga .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.miyoga .buttons .video-button a:visited {
      color: #9bb7d4; }
    .product-details.miyoga .buttons .buy-button a {
      color: white; }
    .product-details.miyoga .buttons .buy-button a:hover {
      color: white !important;
      background-color: #58595b; }
    .product-details.miyoga .buttons .buy-button a:visited {
      color: white; }
    .product-details.miyoga .buttons .buy-button .button {
      background-color: #ff5a5a; }
    .product-details.miyoga .buttons .buy-button .button:only-of-type {
      background-color: #ff5a5a; }
    .product-details.miyoga .buttons .buy-button p.button {
      color: white; }
  .product-details.home-core-activator .description h2 {
    font-weight: 700;
    color: #6bc04b; }
    .product-details.home-core-activator .features {
      padding: 0px 15px; }
    .product-details.home-core-activator .features ul {
      padding: 0px;
      margin-bottom: 0px;
      list-style: none; }
    .product-details.home-core-activator .features ul li:before {
      color: #6bc04b; }
  .product-details.home-core-activator .product-info h3 {
    color: #58595b; }
  .product-details.home-core-activator .buttons .video-button a {
    color: #6bc04b; }
    .product-details.home-core-activator .buttons .video-button a:before {
      background: url("../images/home_core_activator_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.home-core-activator .buttons .video-button a:hover {
      color: #58595b !important; }
    .product-details.home-core-activator .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.home-core-activator .buttons .video-button a:visited {
      color: #6bc04b; }
    .product-details.home-core-activator .buttons .buy-button a {
      color: white; }
    .product-details.home-core-activator .buttons .buy-button a:hover {
      color: white !important;
      background-color: #58595b; }
    .product-details.home-core-activator .buttons .buy-button a:visited {
      color: white; }
    .product-details.home-core-activator .buttons .buy-button .button {
      background-color: #6bc04b; }
    .product-details.home-core-activator .buttons .buy-button .button:only-of-type {
      background-color: #6bc04b; }
    .product-details.home-core-activator .buttons .buy-button p.button {
      color: white; }
  .product-details.rykr-conceal-carry .description h2 {
    font-weight: 700;
    color: #009abf;
    font-style: italic; }
    .product-details.rykr-conceal-carry .features {
      padding: 0px 15px; }
    .product-details.rykr-conceal-carry .features ul {
      padding: 0px;
      margin-bottom: 0px;
      list-style: none; }
    .product-details.rykr-conceal-carry .features ul li:before {
      color: #009abf; }
  .product-details.rykr-conceal-carry .product-info h3 {
    color: #58595b; }
  .product-details.rykr-conceal-carry .buttons .video-button a {
    color: #009abf; }
    .product-details.rykr-conceal-carry .buttons .video-button a:before {
      background: url("../images/rykr_conceal_carry_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.rykr-conceal-carry .buttons .video-button a:hover {
      color: #58595b !important; }
    .product-details.rykr-conceal-carry .buttons .video-button a:hover:before {
      background: url("../images/rykrroll_video_play.png") no-repeat;
      background-size: 30px 30px; }
    .product-details.rykr-conceal-carry .buttons .video-button a:visited {
      color: #009abf; }
    .product-details.rykr-conceal-carry .buttons .buy-button a {
      color: white; }
    .product-details.rykr-conceal-carry .buttons .buy-button a:hover {
      color: white !important;
      background-color: black; }
    .product-details.rykr-conceal-carry .buttons .buy-button a:visited {
      color: white; }
    .product-details.rykr-conceal-carry .buttons .buy-button .button {
      background-color: #009abf; }
    .product-details.rykr-conceal-carry .buttons .buy-button .button:only-of-type {
      background-color: #009abf; }
    .product-details.rykr-conceal-carry .buttons .buy-button p.button {
      color: white; }