:root {
  --sandy-brown: #e4a24e;
  --ivory: #fefdf0;
  --cadet-blue: #61919b;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #1a1a1a;
  font-family: Londrina Solid, sans-serif;
  font-size: 16px;
  line-height: 1.5;
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 72px;
  font-weight: 400;
  line-height: .93;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.18;
}

h3 {
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 32px;
  font-weight: 400;
  line-height: 1.5;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.82vw;
  font-weight: 400;
  line-height: 1.5;
}

h5 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}

h6 {
  color: #000;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.5;
}

p {
  font-family: Karma, sans-serif;
  font-size: 18px;
}

a {
  color: var(--sandy-brown);
  text-decoration: none;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 20px;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 10px;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.fs-styleguide-sidebar-links {
  color: #dadada;
  text-align: left;
  background-color: #1a1a1a;
  border-radius: 12px;
  flex-direction: column;
  width: 250px;
  padding: 0 0 12px;
  display: flex;
  position: fixed;
  inset: 20px auto 20px 20px;
  overflow: auto;
}

.fs-styleguide-logo {
  height: 60px;
  margin-bottom: 10px;
  display: block;
}

.margin-bottom-small {
  margin-bottom: 16px;
}

.margin-bottom-large {
  margin-bottom: 64px;
}

.margin-bottom-medium {
  margin-bottom: 32px;
}

.margin-bottom-xlarge {
  margin-bottom: 128px;
}

.fs-styleguide-title-line {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid #0003;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-top: 72px;
  margin-bottom: 40px;
  padding-top: 64px;
  display: grid;
  position: relative;
}

.styles {
  display: block;
  position: fixed;
  inset: 0% auto auto 0%;
}

.grid-1-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  align-content: start;
  display: grid;
}

.grid-1-col.gap-large {
  grid-column-gap: 64px;
  grid-row-gap: 64px;
}

.grid-1-col.gap-small {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}

.grid-1-col.gap-medium {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.grid-1-col.gap-xlarge {
  grid-row-gap: 128px;
}

.grid-row {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: max-content;
  grid-auto-flow: column;
  justify-items: start;
  display: grid;
}

.grid-row.gap-small {
  grid-column-gap: 8px;
}

.grid-row.gap-large {
  grid-column-gap: 48px;
}

.grid-row.gap-medium {
  grid-column-gap: 32px;
}

.grid-row.gap-xlarge {
  grid-column-gap: 64px;
}

.fs-styleguide-block-item {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  cursor: pointer;
  background-color: #a8c1d833;
  border-radius: 12px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding: 30px;
  text-decoration: none;
  transition: box-shadow .1s, background-color 50ms;
  display: grid;
  box-shadow: 0 3px 0 -4px #0003;
}

.fs-styleguide-block-item:hover {
  color: #1402ff;
  background-color: #fff;
  position: relative;
  box-shadow: 0 8px 20px -4px #0003;
}

.fs-styleguide-block-item:active {
  position: relative;
  top: 3px;
}

.fs-styleguide-sidebar-item {
  width: 100%;
  padding: 8px 20px;
  font-weight: 600;
  text-decoration: none;
}

.fs-styleguide-sidebar-item:hover {
  color: #fff;
  background-color: #ffffff0d;
}

.fs-styleguide-sidebar-item.w--current {
  color: #fff;
  background-color: #ffffff1a;
  font-weight: 700;
}

.fs-styleguide-sidebar-item.first {
  padding-top: 35px;
  padding-bottom: 35px;
}

.spacing-clean {
  margin: 0;
  padding: 0;
}

.heading-xlarge {
  font-size: 64px;
  line-height: 1.125;
}

.heading-large {
  font-size: 48px;
  line-height: 1.2;
}

.heading-medium {
  font-size: 32px;
  line-height: 1.2;
}

.text-tiny {
  font-size: 12px;
}

.text-small {
  font-size: 14px;
}

.margin-left-small {
  margin-left: 8px;
}

.margin-left-large {
  margin-left: 32px;
}

.margin-left-medium {
  margin-left: 16px;
}

.margin-left-xlarge {
  margin-left: 64px;
}

.fs-styleguide-sidebar-folder {
  border-left: 1px solid #ffffff1a;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  margin-left: 20px;
  font-size: .75rem;
  display: none;
}

.grid-2-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.grid-3-col {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-styleguide-grey-visibility {
  background-color: #a8c0d833;
  padding: 24px;
}

.grid-4-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.show-mobile, .show-landscape, .show-tablet, .hide {
  display: none;
}

.container {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.container.max-full.background-layer-parallax {
  background-image: url('../images/9781947644489.MAIN-1.jpg');
  background-position: 50% 70%;
  position: relative;
}

.container.cart_contain {
  flex: none;
  padding-left: 32px;
  padding-right: 32px;
  overflow: auto;
}

.container.cart_subtotal-contain {
  width: auto;
  max-width: none;
  padding-bottom: 40px;
}

.container.background-layer-parallax {
  background-image: none;
}

.container.background-layer-parallax_penguin {
  background-image: url('../images/PenguinSetsSail_FrontCover.png'), linear-gradient(to bottom, var(--ivory), var(--cadet-blue));
  background-position: 50% 69%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
}

.container.cart-contain {
  flex-direction: column;
  align-items: flex-start;
  padding-left: 32px;
  padding-right: 32px;
  display: flex;
}

.container.cart_subtotal-contain {
  flex: none;
  padding-left: 32px;
  padding-right: 32px;
}

.container.audio {
  background-color: #d1d1d1;
}

.container.background-layer-parallax_blah-blah {
  background-image: url('../images/GU3t5F1aoAAZxR6-1.jpg'), linear-gradient(180deg, var(--ivory), var(--cadet-blue));
  background-position: 50% 69%, 0 0;
  background-size: cover, auto;
  background-attachment: fixed, scroll;
  max-width: none;
}

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

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

.z-1 {
  z-index: 1;
  position: relative;
}

.max-large {
  width: 100%;
  max-width: 1280px;
}

.max-xlarge {
  width: 100%;
  max-width: 1440px;
}

.home-content {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.max-small {
  width: 100%;
  max-width: 768px;
}

.margin-right-small {
  margin-right: 8px;
}

.margin-right-medium {
  margin-right: 16px;
}

.margin-right-large {
  margin-right: 32px;
}

.margin-right-xlarge {
  margin-right: 64px;
}

.button {
  color: #fff;
  text-align: center;
  background-color: #35539d;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-family: Londrina Solid, sans-serif;
  font-size: 24px;
  font-weight: 400;
  line-height: 1.3;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button.invert-colors {
  color: #1b1b1b;
  background-color: #fff;
}

.button.button_orange.margin-top-medium.image-button {
  align-self: stretch;
  font-size: 40px;
  line-height: 1.1;
}

.button.button_orange.margin-top-medium.image-button.wide {
  max-width: none;
  font-size: 30px;
}

.button-secondary {
  color: #0015ff;
  text-align: center;
  background-color: #0000;
  border: 1px solid #0015ff;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 12px 20px;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-secondary.invert-colors {
  color: #fff;
  border-color: #fff;
}

.button-text {
  color: #0015ff;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: 8px 0;
  text-decoration: none;
  display: inline-block;
  position: relative;
}

.button-text.invert-colors {
  color: #fff;
}

.form-block {
  margin-bottom: 0;
}

.form-input {
  background-color: #0000;
  height: 40px;
}

.form-input.select {
  background-image: none;
}

.form-input.textarea {
  height: auto;
  min-height: 40px;
}

.margin-bottom-xsmall {
  margin-bottom: 8px;
}

.margin-right-xsmall {
  margin-right: 4px;
}

.margin-left-xsmall {
  margin-left: 4px;
}

.fs-styleguide-color-sample {
  cursor: pointer;
  background-color: #f5f5f5;
  border-radius: 12px;
  padding: 120px 20px 20px;
}

.fs-styleguide-color-sample:active {
  transform: translate(0, 1px);
}

.fs-styleguide-color-sample.white {
  background-color: #fff;
}

.fs-styleguide-color-sample.black {
  color: #fff;
  background-color: #000;
}

.fs-styleguide-color-sample.blue {
  color: #fff;
  background-color: #00f;
}

.fs-styleguide-color-sample.red {
  color: #fff;
  background-color: red;
}

.fs-styleguide-color-sample.grey {
  background-color: #ccc;
}

.fs-styleguide-download-wrap {
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-bottom: 20px;
  margin-right: 20px;
  display: flex;
  position: relative;
}

.fs-styleguide-download-wrap:hover {
  border-color: #000;
}

.fs-styleguide-download {
  z-index: 1;
  background-color: #ffffffed;
  justify-content: center;
  align-items: center;
  display: none;
  position: absolute;
  inset: 0%;
  overflow: hidden;
}

.fs-ico-download {
  width: 30px;
  height: 30px;
  padding: 5px;
}

.form-radio {
  margin-top: 6px;
}

.nav_container {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.fs-styleguide-nav {
  color: #f5f5f5;
  background-color: #1b1b1b;
  border-radius: 20px;
  padding: 8px 40px;
  position: fixed;
  inset: 12px 12px auto;
}

.nav_link {
  align-items: center;
  padding: 20px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.nav_menu {
  display: flex;
}

.slider {
  height: auto;
}

.background-white {
  background-color: #fff;
}

.background-grey {
  background-color: #a8c1d833;
}

.background-black {
  color: #f5f5f5;
  background-color: #000;
}

.padding-horizontal-large {
  padding-left: 64px;
  padding-right: 64px;
}

.padding-horizontal-medium {
  padding-left: 32px;
  padding-right: 32px;
}

.padding-horizontal-small {
  padding-left: 16px;
  padding-right: 16px;
}

.padding-vertical-small {
  padding-top: 16px;
  padding-bottom: 16px;
}

.padding-vertical-medium {
  padding-top: 32px;
  padding-bottom: 32px;
}

.padding-vertical-large {
  padding-top: 64px;
  padding-bottom: 64px;
}

.fs-intro-image {
  width: 100%;
}

.margin-top-medium {
  max-width: 100%;
  margin-top: 32px;
}

.margin-top-small {
  margin-top: 16px;
}

.margin-top-xsmall {
  margin-top: 8px;
}

.margin-top-large {
  margin-top: 64px;
}

.margin-top-xlarge {
  margin-top: 128px;
}

.card-layout {
  grid-column-gap: 5vw;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr minmax(200px, 1fr);
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: grid;
}

.icon-small {
  height: 32px;
}

.icon-xsmall {
  height: 16px;
}

.icon-medium {
  height: 40px;
}

.icon-large {
  height: 64px;
}

.icon-xlarge {
  height: 80px;
}

.footer_component {
  color: #f5f5f5;
  background-color: #1b1b1b;
  border-radius: 20px;
  padding-top: 60px;
  padding-bottom: 60px;
  font-weight: 600;
}

.footer_bottom {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer-social-link {
  margin-left: 20px;
}

.footer-social-link:hover {
  color: #7e7e7e;
}

.footer_content {
  grid-column-gap: 80px;
  grid-row-gap: 40px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: .25fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  margin-bottom: 80px;
  display: grid;
}

.footer_link {
  opacity: .6;
  text-decoration: none;
}

.footer_link:hover {
  opacity: 1;
}

.row {
  flex-wrap: wrap;
  display: flex;
}

.max-xsmall {
  width: 100%;
  max-width: 544px;
}

.fs-styleguide-hero-wrapper {
  color: #fff;
  background-color: #1a1a1a;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 160px;
  padding-bottom: 120px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.text-large {
  font-size: 24px;
  line-height: 1.18;
}

.text-large.text-orange.wiz-text {
  font-size: 1.9vw;
}

.home-hero_image-wrapper {
  flex: 1;
  position: relative;
}

.fs-styleguide-hero-title {
  z-index: 2;
  position: relative;
}

.col {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.page-wrapper-full-screen {
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

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

.text-strikethrough {
  color: #1a1a1a;
  text-decoration: line-through;
}

.text-bold {
  font-weight: 700;
}

.text-normal {
  font-weight: 400;
}

.fs-styleguide-sidebar {
  background-color: #0000;
  display: flex;
  position: fixed;
  inset: 0% auto 0% 0%;
}

.page-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.page-padding.padding-xxlarge {
  padding-left: 10%;
  padding-right: 10%;
}

.page-wrapper {
  overflow: hidden;
}

.page-wrapper.sticky-on-page {
  overflow: visible;
}

.page-wrapper.hide-styleguide {
  display: none;
}

.fs-styleguide-class-label {
  cursor: context-menu;
  background-color: #178af433;
  border-radius: 5px;
  padding-left: 8px;
  padding-right: 8px;
  font-weight: 700;
  display: inline-block;
}

.fs-styleguide-class-label.fs-styleguide-purple-color {
  background-color: #8917f433;
}

.fs-styleguide-class-label.fs-style-guide-pink-color {
  background-color: #ff5fa066;
}

.fs-styleguide-class-label.fs-style-guide-green-color {
  background-color: #70c95c80;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.form_submit-custom {
  opacity: 0;
  color: #fff;
  text-align: center;
  background-color: #0015ff;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 8px 16px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  inset: 0%;
}

.text-rich-text h1 {
  margin-top: 10px;
  margin-bottom: 20px;
}

.text-rich-text h2 {
  margin-top: 10px;
  margin-bottom: 15px;
}

.text-rich-text h3, .text-rich-text h4 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.text-rich-text h5, .text-rich-text h6 {
  margin-top: 10px;
  margin-bottom: 6px;
}

.text-rich-text blockquote {
  border-left-color: #333;
  margin-bottom: 15px;
}

.text-rich-text a {
  text-decoration: underline;
}

.text-rich-text li {
  margin-bottom: 6px;
  list-style-type: disc;
}

.text-rich-text p {
  margin-bottom: 10px;
}

.fs-styleguide-page-wrapper {
  margin-left: 270px;
  padding-left: 40px;
  padding-right: 40px;
}

.fs-styleguide-content {
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 80px;
}

.icon-1x1-xsmall {
  width: 16px;
  height: 16px;
}

.icon-1x1-small {
  width: 32px;
  height: 32px;
}

.icon-1x1-medium {
  width: 40px;
  height: 40px;
}

.icon-1x1-large {
  width: 64px;
  height: 64px;
}

.icon-1x1-xlarge {
  width: 80px;
  height: 80px;
}

.text-color-white {
  color: #fff;
}

.text-color-white.text-xxlarge {
  letter-spacing: -1px;
  font-size: 61px;
  line-height: 1.1;
}

.text-color-white.text-xxlarge.wide {
  max-width: 100%;
  font-size: 57px;
}

.fs-styleguide-border-left {
  border-left: 1px solid #bbb;
}

.text-color-grey {
  color: gray;
}

.text-color-black {
  color: #000;
}

.text-muted {
  opacity: .6;
}

.text-italic {
  font-style: italic;
}

.testimonial-item {
  background-color: #f5f5f5;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}

.testimonial-author {
  display: flex;
}

.testimonial-author-photo {
  background-color: #bbb;
  border-radius: 50%;
  flex: none;
  width: 50px;
  height: 50px;
}

.testimonial-author-details {
  flex: 1;
  padding-left: 20px;
}

.testimonial-author-title {
  opacity: .6;
  margin-top: 5px;
  font-size: 12px;
}

.fs-styleguide-sidebar-styles {
  position: fixed;
  inset: 0% auto auto 0%;
}

.layout-card-center {
  grid-column-gap: 16px;
  grid-row-gap: 32px;
  text-align: center;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: center;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.footer_navigation-wrapper {
  grid-column-gap: 40px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 72px;
  display: grid;
}

.fs-styleguide-nav-logo {
  color: #f5f5f5;
  align-items: center;
  padding-left: 0;
  display: flex;
}

.max-medium {
  width: 100%;
  max-width: 1024px;
}

.layout-hero {
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
  position: relative;
}

.layout-card-right, .layout-card-left {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.fs-styleguide-block-highlight {
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  color: #fff;
  cursor: pointer;
  background-color: #1a1a1a;
  border-radius: 12px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  grid-auto-columns: 1fr;
  align-content: start;
  align-items: start;
  padding: 30px;
  text-decoration: none;
  transition: box-shadow .2s, background-color .2s;
  display: grid;
}

.fs-styleguide-hidden-combo {
  display: none;
}

.padding-medium {
  padding: 32px;
}

.padding-small {
  padding: 16px;
}

.padding-large {
  padding: 64px;
}

.footer-social-row {
  flex-wrap: wrap;
  display: flex;
}

.fs-styleguide-save-styles {
  display: none;
}

.z-2 {
  z-index: 2;
  position: relative;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.layer {
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.crop {
  overflow: hidden;
}

.max-xxlarge {
  width: 100%;
  max-width: 1568px;
}

.fs-styleguide-section-divider {
  background-color: #333;
  height: 8px;
  margin-top: 128px;
  margin-bottom: 128px;
}

.fs-styleguide-value-label {
  background-color: #feb;
  border-radius: 5px;
  margin-bottom: 4px;
  padding: 2px 10px;
  font-size: 14px;
  font-weight: 600;
  display: inline-block;
}

.fs-styleguide-value-wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.padding-vertical-xlarge {
  padding-top: 128px;
  padding-bottom: 128px;
}

.max-full {
  width: 100%;
  max-width: none;
}

.padding-xlarge {
  padding: 128px;
}

.padding-horizontal-xlarge {
  padding-left: 128px;
  padding-right: 128px;
}

.text-xbold {
  font-weight: 800;
}

.text-light {
  font-weight: 300;
}

.fs-styleguide-header {
  z-index: 1;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  padding: 12px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.fs-styleguide-iframe {
  border: 4px solid #141414;
  border-radius: 8px;
  width: 108%;
  height: 100vh;
  margin-left: -4%;
  margin-right: -4%;
}

.text-semibold {
  font-weight: 600;
}

.show {
  display: block;
}

.nav_main {
  padding-left: 20px;
  padding-right: 20px;
}

.grid-8-col {
  grid-column-gap: 16px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-styleguide-section-below-fold {
  background-color: #eef2f7;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  bottom: 0;
}

.fs-styleguide-hero-img {
  z-index: 1;
  flex: 1;
  width: 50vw;
  max-width: 640px;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.fs-styleguide-grid {
  background-color: #ff35bc1a;
  width: 64px;
  height: 90vh;
  margin-top: 20vh;
  margin-left: 8px;
  margin-right: 8px;
}

.fs-styleguide-grid.fs-first-item {
  margin-left: auto;
}

.fs-grid-3-col {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.column-center {
  flex-direction: column;
  align-items: center;
  display: flex;
}

.fs-styleguide-footer_wrapper {
  background-color: #eef2f7;
  padding: 12px;
}

.max-xxsmall {
  width: 100%;
  max-width: 320px;
}

.fs-styleguide-nav_menu {
  display: flex;
}

.fs-styleguide-nav_link {
  border-radius: 8px;
  align-items: center;
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 12px 20px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

.fs-styleguide-nav_link:hover {
  background-color: #ffffff26;
}

.fs-styleguide-nav_brand {
  height: 36px;
}

.fs-styleguide-hero-shaddow {
  z-index: 1;
  position: absolute;
  inset: 0%;
  box-shadow: inset -7px 0 120px 5px #1c1c1c;
}

.text-medium {
  font-size: 18px;
}

.fs-styleguide-heading-visual {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.navigation-items {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.logo-link {
  z-index: 1;
}

.logo-link:hover {
  opacity: .8;
}

.logo-link:active {
  opacity: .7;
}

.text-field-2 {
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  display: inline-block;
}

.button-3 {
  margin-bottom: 40px;
}

.navigation-item {
  opacity: .6;
  letter-spacing: 1px;
  text-transform: uppercase;
  padding-top: 9px;
  padding-bottom: 9px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.navigation-item:hover {
  opacity: .9;
}

.navigation-item:active {
  opacity: .8;
}

.navigation-item.w--current {
  opacity: 1;
  color: #1a1b1f;
  font-weight: 600;
}

.navigation-item.w--current:hover {
  opacity: .8;
  color: #32343a;
}

.navigation-item.w--current:active {
  opacity: .7;
  color: #32343a;
}

.heading-6 {
  margin-top: 0;
  margin-bottom: 0;
}

.form-block-2 {
  margin-top: -2px;
  margin-bottom: 0;
  display: inline-block;
}

.text-block-3 {
  background-color: #7d92b1;
  display: inline-block;
}

.navigation {
  background-color: #0000;
  align-items: center;
  padding: 30px 50px;
  display: flex;
}

.container-4 {
  text-align: left;
  object-fit: fill;
  flex: 0 auto;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: static;
}

.image-logo {
  max-width: 70%;
  padding-left: 15px;
  display: inline-block;
}

.cart-wrapper {
  z-index: 2;
  background-color: #000000ad;
  justify-content: flex-end;
  display: none;
  position: fixed;
  inset: 0;
}

.container-3 {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
}

.button-2 {
  background-color: #000;
  padding: 4px 8px;
  font-size: 20px;
  line-height: 20px;
}

.cart-items-wrapper {
  overflow: auto;
}

.cart_exit-icon {
  text-align: right;
  margin-top: 20px;
  display: block;
}

.navigation-wrap {
  flex: 1;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.text-block-4 {
  text-decoration: line-through;
}

.heading-8 {
  margin-top: 0;
}

.link-3 {
  text-align: right;
}

.cart_flex-wrapper {
  z-index: 2;
  clear: none;
  text-align: left;
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100px;
  min-width: 400px;
  max-width: 480px;
  height: auto;
  display: flex;
  position: static;
}

.button-4 {
  background-color: var(--sandy-brown);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  border-radius: 0;
  padding: 12px 25px;
  font-size: 18px;
  line-height: 20px;
  text-decoration: none;
  transition: background-color .4s, opacity .4s, color .4s;
}

.button-4:hover {
  color: #fff;
  background-color: #32343a;
}

.button-4:active {
  background-color: #43464d;
}

.button-4.cc-contact-us {
  z-index: 1;
  display: inline-block;
  position: relative;
}

.button-4.cart {
  z-index: 1;
  background-color: #0000;
  justify-content: center;
  align-items: stretch;
  width: 80px;
  height: 80px;
  display: flex;
  position: relative;
}

.menu {
  z-index: 0;
  justify-content: center;
  align-items: center;
  display: none;
  position: relative;
  inset: 0%;
}

.collection_product-title {
  text-decoration: none;
}

.js-product-sku {
  display: none;
}

.text-block-7 {
  margin-top: 20px;
}

.div-block-6 {
  text-align: left;
}

.js-product-variant-sku {
  display: none;
}

.heading {
  color: #000;
  text-align: left;
  line-height: 50px;
  text-decoration: none;
  display: block;
}

.text-block-5 {
  display: none;
}

.collec {
  text-decoration: none;
}

.text-block-11 {
  text-align: left;
  text-decoration: line-through;
}

.dynamic-product-image-linked {
  width: 75%;
  box-shadow: -10px 10px 20px -4px #0000006e;
}

.image-sku {
  display: none;
}

.div-block-8 {
  display: flex;
}

.collection-width {
  flex: none;
  max-width: 30vw;
}

.dynamic-collection-feature {
  display: flex;
}

.js-collection-slug {
  display: none;
}

.section {
  margin-left: 30px;
  margin-right: 30px;
}

.section-2 {
  justify-content: center;
  display: flex;
}

.link-5 {
  padding-left: 10px;
  padding-right: 10px;
}

.columns {
  margin-bottom: 100px;
  margin-left: 60px;
  margin-right: 60px;
}

.container-5 {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
}

.heading-2 {
  margin-bottom: 20px;
}

.blog-heading {
  text-align: center;
  margin-bottom: 60px;
}

.collection_paginate-current {
  color: #000;
  padding-left: 10px;
  padding-right: 10px;
}

.link-2 {
  color: #43464d;
  text-transform: uppercase;
  text-decoration: none;
}

.text-block-12 {
  text-align: justify;
}

.collection-price-compare {
  text-decoration: line-through;
}

.collection-product-title-wrapper {
  width: 100%;
  text-decoration: none;
}

.collection_paginate-arrow {
  padding-left: 10px;
  padding-right: 10px;
}

.collection_paginate-wrapper {
  justify-content: center;
  display: flex;
}

.tab-link_product-details {
  background-color: #fff;
  border-bottom: 4px solid #000;
}

.tab-link_product-details.w--current {
  color: var(--sandy-brown);
  background-color: #000;
}

.tabs-menu-2 {
  text-align: center;
}

.tab-link-tab-2 {
  background-color: #b1a0a0;
}

.tab-link-tab-2.w--current {
  background-color: #fff;
}

.column {
  flex-wrap: nowrap;
  flex: none;
  justify-content: center;
  align-items: center;
  margin-top: auto;
  margin-bottom: auto;
  display: flex;
}

.pdp_vendor {
  color: #000;
  margin-top: 8px;
  margin-bottom: 8px;
}

.pdp_price {
  color: #000;
  flex: 1;
  display: inline;
}

.pdp_product-title {
  color: #000;
  text-align: center;
  margin-top: 0;
  margin-bottom: 20px;
  line-height: 30px;
}

.pdp_compare-price {
  color: var(--sandy-brown);
  flex: 1;
  padding-left: 8px;
  padding-right: 8px;
  line-height: 50px;
  text-decoration: line-through;
  display: inline;
}

.columns-2 {
  display: flex;
}

.pdp-detail-wrapper {
  text-align: center;
}

.container-6 {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 40px;
  padding-bottom: 40px;
}

.product-page-wrapper {
  overflow: hidden;
}

.product-page-wrapper.sticky-on-page {
  overflow: visible;
}

.cart_price-subtotal {
  font-size: 18px;
}

.div-block-9, .div-block-10 {
  margin-left: auto;
  margin-right: auto;
}

.width-none {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}

.link-4 {
  text-align: right;
  margin-top: 20px;
}

.div-block-3 {
  z-index: 2;
  clear: none;
  text-align: left;
  background-color: #d4d4d4;
  flex-direction: column;
  align-items: stretch;
  width: 100px;
  min-width: 400px;
  max-width: 480px;
  display: flex;
  position: static;
}

.price-compare {
  text-decoration: line-through;
}

.section-home-hero {
  background-color: #f1f1f1;
}

.html-embed {
  display: none;
}

.heading-9 {
  font-size: 72px;
  font-weight: 400;
}

.text-orange {
  color: var(--sandy-brown);
}

.grid {
  grid-template-rows: auto;
}

.strikethrough-wrapper {
  position: relative;
}

.prices-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: end;
  display: grid;
}

.striekthrough-red {
  background-color: #9b3a3a;
  width: 58%;
  height: 3px;
  margin-top: 13px;
  position: absolute;
  inset: 0% auto 0% 0%;
  transform: rotate(-14deg);
}

.text-xlarge {
  font-size: 48px;
  line-height: 1.18;
}

.logo-image {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.story_image {
  min-width: 390px;
  display: block;
  box-shadow: -17px 46px 20px 19px #00000003;
}

.wiz-h1 {
  font-size: 4vw;
}

.wiz-text {
  font-size: 1.9vw;
}

.wiz-text-large {
  font-size: 3.5vw;
}

.image-author {
  border-radius: 1850%;
  width: 100px;
  max-width: none;
  position: relative;
}

.section-blurbs {
  background-color: #f1f1f1;
  display: none;
}

.blurb_title-wrapper {
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.heading-10 {
  padding-right: 28px;
}

.horizontal-logo {
  max-width: 200px;
  margin-bottom: 20px;
}

.author-name {
  color: #151c34;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.blurb-card {
  align-items: stretch;
  height: 100%;
  display: flex;
  box-shadow: 17px 88px 60px -100px #4f5e782e, 11px 0 20px -9px #4f5e781a;
}

.play-button {
  position: absolute;
}

.horizontal-angle {
  z-index: 99;
  object-fit: cover;
  height: 101%;
  position: absolute;
  inset: 0% -2% 0% auto;
}

.right-arrow {
  background-color: var(--sandy-brown);
  border-radius: 100px;
  width: 45px;
  height: 45px;
  font-size: 14px;
  transition: all .2s;
  top: 17px;
  right: -17px;
}

.right-arrow:hover {
  transform: translate(2px);
}

.blurb_v2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 3%;
  padding-right: 3%;
  display: flex;
  overflow: hidden;
}

.author-block {
  align-items: center;
  width: 100%;
  margin-top: 25px;
  display: flex;
}

.horizontal-quote-h4 {
  color: #151c34;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.horizontal-quote-h4.text-testimonial-headline {
  color: var(--sandy-brown);
  font-size: 26px;
}

.slider-horizontal {
  background-color: #0000;
  width: 50%;
  height: 100%;
}

.blurb-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.blurb-image.image-position-down {
  object-fit: contain;
  object-position: 50% 100%;
  height: 125%;
}

.left-arrow {
  background-color: var(--sandy-brown);
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: 45px;
  height: 45px;
  padding: 10px;
  font-size: 14px;
  transition: all .2s;
  display: flex;
  top: 17px;
  left: -17px;
}

.left-arrow:hover {
  transform: translate(-2px);
}

.play-icon {
  width: 60px;
}

.testu {
  width: 100%;
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
}

.slide-nav {
  background-color: #fff;
  border-radius: 500px;
  max-width: 150px;
  display: none;
  top: 575.901px;
  box-shadow: 1px 1px 3px #0000000d;
}

.horizontal-content-block {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 60%;
  padding: 20px 75px;
  display: flex;
}

.mask-horizontal {
  overflow: visible;
}

.horizontal-fixed-height {
  min-height: 100px;
}

.text-author-job {
  color: #151c3480;
  font-size: 1.82vw;
}

.blurb-image-wrap {
  background-color: var(--ivory);
  justify-content: center;
  align-items: stretch;
  width: 40%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.column-wrap {
  display: flex;
}

.blurb_author-image {
  border-radius: 100px;
  max-width: 120px;
  margin-right: 3%;
  box-shadow: 1px 1px 3px #00000024;
}

.blurb_author-image.medium-image {
  max-width: 215px;
  max-height: 215px;
}

.blurb-card-wrapper {
  align-items: center;
  display: flex;
}

.image-2 {
  width: 200px;
}

.blurb-copy {
  max-width: 42ch;
}

.reverse {
  flex-direction: row-reverse;
  display: flex;
}

.blurb_v1 {
  display: none;
}

.section-story {
  display: block;
}

.wiz-h2 {
  font-size: 3.5vw;
  line-height: 1.1;
}

.story-content {
  grid-row-gap: 0px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-items: start;
  width: 100%;
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
}

.button_orange, .background-orange {
  background-color: var(--sandy-brown);
}

.cart_exit-link {
  color: #fff;
  text-align: left;
  align-self: flex-end;
  margin-top: 20px;
  font-size: 20px;
  text-decoration: none;
}

.cart-quantity-edit {
  background-color: #000;
  padding: 4px 8px;
  font-size: 20px;
  line-height: 20px;
}

.cart-wrapper-2 {
  z-index: 99999999;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.cart-wrap {
  z-index: 999999999;
  flex: 1;
  justify-content: center;
  align-items: center;
  display: block;
  position: fixed;
  inset: 0% 0% auto auto;
}

.cart-items-wrapper-2 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cart_quantity-field {
  text-align: center;
  justify-content: center;
  align-self: center;
  align-items: center;
  margin-top: -2px;
  margin-bottom: 0;
  display: flex;
}

.div-block-4 {
  background-color: #00000096;
  display: none;
  overflow: auto;
}

.cart_quantity-field-wrapper {
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
}

.cart_quantity-text {
  text-align: center;
  width: 30px;
  height: 30px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: inline-block;
}

.h1 {
  color: #fff;
  text-align: center;
  letter-spacing: .23em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 95px;
}

.h1.hero {
  letter-spacing: normal;
  text-transform: none;
  width: 14ch;
  font-size: 64px;
  font-weight: 500;
  line-height: 84px;
}

.h1.hero.cart {
  width: auto;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 23px;
  line-height: 1.4;
}

.cart-contents {
  z-index: 2;
  clear: none;
  text-align: left;
  background-color: #000;
  flex-direction: column;
  align-items: center;
  width: 100px;
  min-width: 400px;
  max-width: 480px;
  height: 100%;
  padding: 40px;
  display: flex;
  position: static;
}

.h3 {
  color: #e8901b;
  text-align: center;
  letter-spacing: .18em;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 30px;
}

.h3.cart.white {
  margin-bottom: 15px;
}

.h3.chapters {
  color: #fff;
  text-align: left;
  letter-spacing: normal;
  text-transform: none;
  width: 100%;
  font-size: 1.7vw;
  font-weight: 600;
  line-height: 1.5;
}

.h3.black {
  color: #000;
  margin-top: 100px;
  margin-bottom: 100px;
  font-weight: 600;
}

.section-3 {
  display: flex;
}

.cart_quantity-adjust {
  background-color: #000;
  padding: 4px 8px;
  font-size: 20px;
  line-height: 20px;
  display: block;
}

.pricing {
  color: #e8901b;
  font-family: Londrina Solid, sans-serif;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.pricing.discount {
  color: #fff;
  font-size: 18px;
  text-decoration: line-through;
}

.pricing.subtotal {
  color: var(--sandy-brown);
}

.pricing.cart {
  color: #e5e5e5;
  display: block;
}

.pricing.cart.text-orange {
  color: var(--sandy-brown);
}

.cta {
  color: #fff;
  background-color: #e8901b;
  border-radius: 15px;
  margin: 40px 10px;
  padding: 17px 36px;
  font-family: Montserrat, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 30px;
}

.cta.cart {
  margin-top: 15px;
  margin-bottom: 15px;
}

.quantity-wrapper {
  padding-top: 15px;
  padding-bottom: 15px;
  display: none;
}

.container-7 {
  text-align: left;
  object-fit: fill;
  flex-direction: column;
  flex: 0 auto;
  justify-content: center;
  align-items: center;
  max-width: none;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: static;
}

.container-cart_products {
  flex: 1;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  overflow: auto;
}

.cart_quantities-wrapper {
  display: flex;
}

.text-cart-menu {
  text-transform: none;
  font-family: Londrina Solid, sans-serif;
  font-size: 18px;
  font-weight: 400;
}

.image-4 {
  max-width: 100%;
}

.hero_content {
  background-image: linear-gradient(#000000a1, #000000a1);
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.background-layer-parallax {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% -15%;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

.hero_content-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 16px;
}

.below-the-fold_content {
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  position: relative;
}

.gallery_product-bg-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 40px 30px;
  display: flex;
}

.gallery_product-bg-wrapper.bg_green {
  background-color: #81925c;
}

.gallery_product-bg-wrapper.bg_strays {
  background-color: #e49922;
}

.gallery_product-bg-wrapper.bg_ninja-color {
  background-color: #3f4e61;
}

.gallery_product-bg-wrapper.bg_penguin {
  background-color: #576572;
}

.gallery_product-bg-wrapper.bg_winterking {
  background-color: #b4d2ea;
}

.gallery_product-bg-wrapper.bg_dragonslayers {
  background-color: #ccb992;
}

.gallery_product-bg-wrapper.bg_purloined {
  background-color: #172822;
}

.gallery_product-bg-wrapper.bg_firedrake {
  background-color: #9eb243;
}

.gallery_product-bg-wrapper.bg_dragongarden {
  background-color: #f2f282;
}

.gallery_product-bg-wrapper.bg_noah {
  background-color: #d7683d;
}

.gallery_product-bg-wrapper.bg_abram {
  background-color: #b3a290;
}

.gallery_product-bg-wrapper.bg_goblin {
  background-color: #5d76c5;
}

.gallery_product-bg-wrapper.bg_curdie {
  background-color: #aa5a6c;
}

.gallery_product-bg-wrapper.bg_riot {
  background-color: #272f1d;
}

.gallery_product-bg-wrapper.bg_trialtriumph {
  background-color: #fbf7f6;
}

.gallery_product-bg-wrapper.bg_hellogeorgie {
  background-color: #abd9e8;
}

.gallery_product-bg-wrapper.bg_wisewords {
  background-color: #fcc20e;
}

.gallery_product-bg-wrapper.bg_alice {
  background-color: #ecbd77;
}

.gallery_product-bg-wrapper.bg_tomsawyer {
  background-color: #d6e1f5;
}

.gallery_product-bg-wrapper.bg_robinsoncrusoe {
  background-color: #1a2119;
}

.gallery_product-bg-wrapper.bg_huckfinn {
  background-color: #2c67c5;
}

.gallery_product-bg-wrapper.bg_grayflowers {
  background-color: #248f57;
}

.gallery_product-bg-wrapper.bg_huggarden {
  background-color: #f1b85b;
}

.gallery_product-bg-wrapper.bg_dutchcolor {
  background-color: #8b7a98;
}

.gallery_product-bg-wrapper.bg_ollie {
  background-color: #1e5395;
}

.gallery_product-amazon-wrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-5 {
  max-width: 100%;
}

.heading-12 {
  font-weight: 300;
}

.nav-link {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.4em;
  line-height: 1.14;
}

.style_item {
  border-bottom: .1em solid #bdbdbd;
  padding: 2em 0;
}

.container-style-guide {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 2.8em;
  padding-bottom: 2.8em;
  padding-left: 4em;
}

.styletitle {
  text-transform: uppercase;
  border-bottom: 1px solid #d4d4d4;
  margin: 20px 15px 30px;
  font-size: 14px;
}

.bold {
  font-weight: 700;
}

.colorbox {
  width: 150px;
  height: 150px;
  margin-right: 25px;
  display: inline-block;
}

.colorbox.brandmaincolor {
  background-color: #25bcca;
}

.colorbox.darkgreycolor {
  background-color: #9b9b9b;
}

.colorbox.lightgreycolor {
  background-color: #d4d4d4;
}

.colorbox.blackcolor {
  color: #000;
  background-color: #000;
  margin-left: 0;
}

.colorbox.brand2ndcolor {
  background-color: #1e949e;
}

.stylename {
  color: #d4d4d4;
  text-transform: uppercase;
  border-top: 1px solid #d4d4d4;
  border-bottom: 0 #d4d4d4;
  margin-top: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}

.invese-link {
  color: #fff;
}

.flex3col {
  width: 33.333%;
  margin-bottom: 15px;
  padding-left: 15px;
  padding-right: 15px;
}

.flex3col.textlinkcol {
  padding-top: 19px;
}

.flexcolwrap {
  flex-wrap: wrap;
  display: flex;
}

.flexcolwrap.inversecolors {
  background-color: #25bcca;
  padding-top: 26px;
  padding-bottom: 0;
}

.mycontain {
  max-width: 1100px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 25px;
  padding-bottom: 25px;
  display: block;
}

.flex2col {
  width: 50%;
  margin-bottom: 15px;
  padding: 10px 15px;
}

.cta-button {
  background-color: #25bcca;
  border-radius: 5px;
  transition: all .35s;
}

.cta-button:hover {
  color: #fff;
  background-color: #1e949e;
}

.cta-button.ghost-button {
  color: #25bcca;
  background-color: #0000;
  border: 1px solid #25bcca;
}

.cta-button.ghost-button:hover {
  color: #fff;
  background-color: #25bcca;
  border-color: #25bcca;
}

.cta-button.ghost-button.inverse-ghost {
  color: #fff;
  border-color: #fff;
}

.cta-button.ghost-button.inverse-ghost:hover, .cta-button.inverse-button {
  color: #25bcca;
  background-color: #fff;
}

.cta-button.inverse-button:hover {
  color: #fff;
  background-color: #1e949e;
}

.coldummycolor {
  background-color: #d4d4d4;
}

.small-p {
  color: #9b9b9b;
  margin-bottom: 10px;
  font-size: 15px;
  line-height: 25px;
}

.cart_spacer {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 80%;
  height: 3px;
  margin: 12px auto;
}

.select-field {
  max-width: 250px;
  margin-top: 12px;
  margin-bottom: 12px;
  font-size: 18px;
}

.ollie-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #2c4896;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 600px;
  height: 500px;
  margin-top: 52px;
  margin-bottom: 52px;
  display: grid;
}

.ollie-bg {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  display: flex;
}

.div-block-11 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.text-span, .text-span-2 {
  color: var(--sandy-brown);
  text-decoration: line-through;
}

.text-span-3 {
  text-decoration: line-through;
}

.text-span-4, .text-span-5 {
  color: var(--sandy-brown);
}

.image-6 {
  max-width: 95%;
  position: relative;
}

.text-span-6 {
  font-size: 31px;
}

.text-span-7 {
  color: var(--sandy-brown);
  font-size: 37px;
}

.text-span-8 {
  font-size: 46px;
}

.ollie-long-banner {
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  background-color: #2c4896;
  grid-template-rows: auto;
  grid-template-columns: 2.25fr 1fr;
  grid-auto-columns: 1fr;
  place-content: center;
  place-items: center;
  width: 90vw;
  height: 30vw;
  margin-top: 52px;
  margin-bottom: 52px;
  padding-left: 8px;
  padding-right: 8px;
  display: grid;
}

.ollie-bg-wide {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 30px;
  display: flex;
}

.wide {
  align-self: center;
  max-width: 70%;
  padding-top: 12px;
  position: relative;
}

.image-7 {
  max-width: 71%;
}

.image-8 {
  background-color: #000;
}

.divider {
  background-color: #fff;
  width: 80%;
  height: 3px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.part-wrap {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.tabs-menu-3 {
  float: left;
  flex-direction: column;
  justify-content: space-around;
  align-items: stretch;
  padding-right: 30px;
  display: flex;
}

.list-2 {
  display: none;
}

.part-tab {
  color: #bcbcbc;
  background-color: #fff;
  order: 1;
  height: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.part-tab.w--current {
  background-color: #0000;
  border-bottom: 7px solid #e8901b;
  height: 100%;
  margin-top: 25px;
  margin-bottom: 25px;
  padding-top: 25px;
  padding-bottom: 25px;
}

.p {
  color: #000;
  max-width: 50ch;
  margin-bottom: 0;
  font-size: 18px;
  line-height: 30px;
}

.p.chapter {
  height: 100%;
  padding-top: 24px;
  padding-bottom: 24px;
  font-size: 16px;
  line-height: 27px;
}

.p.chapter.list {
  padding-top: 10px;
  padding-bottom: 10px;
}

.faq-icon {
  z-index: 2;
  width: 24px;
  margin-right: 16px;
  display: block;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.part-title-chapter-wrap {
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
  padding-left: 20px;
  display: flex;
}

.faq {
  color: #fff;
  white-space: break-spaces;
  background-color: #35539d;
  align-items: center;
  width: 100%;
  height: 80px;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 50px;
  font-size: 16px;
  font-weight: 600;
  display: flex;
}

.faq.w--open {
  border-bottom: 1px solid #0000001a;
}

.part-title-wrap {
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.part-number-wrap-2 {
  background-color: #bcbcbc;
  border-radius: 5px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
}

.part-parent {
  width: 100%;
  display: block;
}

.section-faqs {
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
}

.part-text {
  color: #bcbcbc;
  text-align: center;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding-top: 0;
  padding-bottom: 10px;
  font-family: Montserrat, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}

.part-text.number {
  color: #e5e5e5;
  padding-bottom: 0;
  padding-left: 4px;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.faq-body-cont {
  border-top: 1px #000;
  padding: 30px;
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
}

.faq-body {
  background-color: #0000;
  width: 100%;
  display: block;
  position: relative;
}

.faq-body.w--open {
  background-color: #0000;
}

.faq-container {
  min-width: 600px;
  max-width: 600px;
  display: block;
}

.faq-p {
  background-color: #f4f6f8;
  border-radius: 4px;
  width: 100%;
  overflow: hidden;
}

.contain {
  justify-content: center;
  align-items: center;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.contain.chapters-wrap {
  align-items: center;
  width: 100%;
}

.paragraph-2 {
  padding-top: 20px;
}

.div-block-12 {
  justify-content: center;
  margin-top: 20px;
  display: flex;
}

.text-span-9 {
  color: #000;
}

.cart-outside {
  flex: 1;
  width: auto;
}

.text-span-10, .text-span-11 {
  text-decoration: line-through;
}

.section-blurb-cards {
  background-color: #f1f1f1;
}

.ninja-bg-video {
  background-image: linear-gradient(#000000a6, #000000a6);
  border: 1px #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

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

.hn-hero-wrapper {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  display: flex;
}

.hn-cta {
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #eb4f47;
  border-radius: 9px;
  font-family: Avenirnextltpro, sans-serif;
  font-size: 16px;
  line-height: 2.2;
}

.hn-video-lightbox {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.video-title-icon-wrapper {
  position: absolute;
}

.omt-h2 {
  color: #1a1a1a;
  font-size: 2.5em;
  font-weight: 400;
  text-decoration: none;
}

.omt-h2.omt-text-white {
  color: #fff;
  position: static;
  top: 27%;
}

.play-icon-wrap {
  z-index: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  position: static;
}

.triangle {
  border: 20px solid #0000;
  border-left: 35px solid #fff;
  border-right: 0 solid #e1e0ca;
  border-radius: 0;
  margin-left: 10px;
}

.video-tb {
  z-index: -1;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0 0;
  background-size: auto;
  position: relative;
}

.video-tb-gradient {
  background-image: linear-gradient(#000000c7, #000000c7);
}

.hn-h2 {
  color: #fff;
  font-size: 30px;
}

.featured-collection_product-title {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-color-ninja-red {
  color: #eb4f47;
}

.bg-alice {
  background-color: #ecbd77;
}

.bg-tomsawyer {
  background-color: #d6e1f5;
}

.bg-crusoe {
  background-color: #1a2119;
}

.bg-huckfinn {
  background-color: #2c67c5;
}

.bg-huguenotgarden {
  background-color: #f1b85b;
}

.bg_dutch-color.gallery_product-bg-wrapper {
  background-color: #8b7a98;
}

.bg_grayflowers {
  background-color: #248f57;
}

.bg_trialtriumph {
  background-color: #fbf7f6;
}

.bg_blahblah {
  background-color: #81925c;
}

.bg_riot {
  background-color: #272f1d;
}

.bg_abram {
  background-color: #b3a290;
}

.bg_noah {
  background-color: #d7683d;
}

.bg_dragongarden {
  background-color: #f2f282;
}

.bg_purloined {
  background-color: #172822;
}

.bg_dragonslayers {
  background-color: #ccb992;
}

.bg_penguin {
  background-color: #576572;
}

.bg_hellogeorgie {
  background-color: #abd9e8;
}

.bg_hellogeorgie.gallery_product-bg-wrapper {
  background-color: #994d69;
}

.bg_ninjacolor {
  background-color: #86c8ea;
}

.bg_strays {
  background-color: #e49922;
}

.bg_ollie {
  background-color: #1e5395;
}

.bg_ollie.gallery_product-bg-wrapper {
  background-color: #e58a5c;
}

.bg_winterking {
  background-color: #b4d2ea;
}

.bg_curdie {
  background-color: #aa5a6c;
}

.bg_princessgoblin, .bg_hushhush {
  background-color: #5d76c5;
}

.bg_hushhush.gallery_product-bg-wrapper {
  background-color: #803333;
}

.bg_sinkingcity {
  background-color: #5d76c5;
}

.bg_sinkingcity.gallery_product-bg-wrapper {
  background-color: #f8e495;
}

.bg_sasf {
  background-color: #248f57;
}

.bg_sasf.gallery_product-bg-wrapper {
  background-color: #a1b347;
}

.bg_forbidden {
  background-color: #248f57;
}

.bg_forbidden.gallery_product-bg-wrapper {
  background-color: #014040;
}

.bg_dragondress {
  background-color: #248f57;
}

.bg_dragondress.gallery_product-bg-wrapper {
  background-color: #8ebfb1;
}

.bg_blah {
  background-color: #248f57;
}

.bg_blah.gallery_product-bg-wrapper {
  background-color: #a65e58;
}

.columns-3 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.column-2, .column-3 {
  flex: 1;
}

.div-block-14 {
  justify-content: center;
  align-items: center;
  display: inline;
}

.bg_crispin {
  background-color: #248f57;
}

.bg_crispin.gallery_product-bg-wrapper {
  background-color: #f6b25c;
}

@media screen and (min-width: 1280px) {
  h2, .text-large {
    font-size: 1.88vw;
  }

  .text-large.text-orange.text-wiz-large {
    font-size: 2.5vw;
  }

  .button-4.cart {
    width: 90px;
  }

  .dynamic-add-to-cart-custom.button {
    font-size: 1.88vw;
  }

  .text-wiz-large {
    font-size: 2.5vw;
  }
}

@media screen and (min-width: 1920px) {
  p {
    font-size: 1.5vw;
    line-height: 1.3;
  }

  .container.max-full {
    height: auto;
  }

  .container.background-layer-parallax_penguin {
    background-image: url('../images/PenguinSetsSail_FrontCover.png'), linear-gradient(to bottom, #fefdf0, var(--cadet-blue));
    background-position: 50% 69%, 0 0;
    background-size: cover, auto;
    background-attachment: fixed, scroll;
  }

  .home-content {
    max-width: none;
  }

  .button.button_orange {
    font-size: 2vw;
  }

  .card-layout {
    grid-column-gap: 3vw;
  }

  .max-full {
    height: auto;
  }

  .button-4.cart {
    width: 100px;
    height: 100px;
  }

  .dynamic-add-to-cart-custom.button {
    font-size: 2vw;
  }

  .dynamic-product-image-linked {
    max-width: 359px;
  }

  .pdp_compare-price {
    padding-left: 8px;
    padding-right: 8px;
  }

  .story_image {
    max-width: 30vw;
  }

  .wiz-h1 {
    font-size: 3.5vw;
  }

  .horizontal-quote-h4 {
    font-size: 2vw;
  }

  .horizontal-quote-h4.text-testimonial-headline {
    font-size: 40px;
  }

  .wiz-h2 {
    font-size: 3.5vw;
  }

  .h3.chapters {
    font-size: 29px;
  }

  .h3.black {
    font-size: 1vw;
    line-height: 1.5;
  }

  .p.chapter {
    font-size: 1.2vw;
    line-height: 1.6;
  }

  .faq {
    height: auto;
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .part-text {
    font-size: .7vw;
  }

  .text-block-14 {
    font-family: Londrina Solid, sans-serif;
  }

  .paragraph-3 {
    font-size: 1px;
  }

  .div-block-14 {
    justify-content: center;
    align-items: center;
    display: flex;
  }
}

@media screen and (max-width: 991px) {
  p {
    margin-bottom: 20px;
  }

  .fs-styleguide-sidebar-links {
    z-index: 9;
    text-align: left;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    inset: 0% 0% 0% auto;
  }

  .grid-row.gap-large {
    grid-column-gap: 32px;
  }

  .grid-row.gap-medium {
    grid-column-gap: 16px;
  }

  .grid-row.gap-xlarge {
    grid-column-gap: 40px;
  }

  .margin-left-large {
    margin-left: 24px;
  }

  .margin-left-xlarge {
    margin-left: 32px;
  }

  .fs-styleguide-grey-visibility {
    width: 100%;
  }

  .hide-tablet {
    display: none;
  }

  .show-tablet {
    display: block;
  }

  .container.background-layer-parallax {
    background-position: 50% 100%;
  }

  .home-content {
    max-width: none;
  }

  .margin-right-large {
    margin-right: 24px;
  }

  .margin-right-xlarge {
    margin-right: 32px;
  }

  .button.wiz-text {
    font-size: 20px;
    transition: background-color .5s cubic-bezier(.075, .82, .165, 1);
  }

  .button.wiz-text:hover {
    background-color: var(--sandy-brown);
  }

  .fs-styleguide-nav {
    background-color: #1b1b1b00;
    padding: 0;
  }

  .nav_menu {
    background-color: #fff;
  }

  .nav_button {
    justify-content: center;
    align-items: center;
    padding: 20px;
    display: flex;
  }

  .padding-horizontal-large {
    padding-left: 40px;
    padding-right: 40px;
  }

  .padding-horizontal-medium {
    padding-left: 24px;
    padding-right: 24px;
  }

  .padding-horizontal-small {
    padding-left: 12px;
    padding-right: 12px;
  }

  .padding-vertical-small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .padding-vertical-medium {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .padding-vertical-large {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .card-layout {
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .footer_bottom {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .footer-social-link {
    margin-left: 0;
    margin-right: 20px;
  }

  .footer_content {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .fs-styleguide-hero-wrapper {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .text-large.text-orange.wiz-text {
    font-size: 17px;
  }

  .text-large.wiz-text {
    font-size: 22px;
  }

  .home-hero_image-wrapper {
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
  }

  .fs-styleguide-hero-title {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .fs-styleguide-nav-button {
    z-index: 2;
    background-color: #dadada;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    padding: 0;
    position: fixed;
    inset: 10px 10px auto auto;
  }

  .fs-styleguide-nav-button.w--open {
    background-color: #1b1b1b;
  }

  .page-padding {
    padding-left: 20px;
    padding-right: 20px;
  }

  .page-padding.padding-xxlarge {
    padding-left: 6%;
    padding-right: 6%;
  }

  .fs-styleguide-page-wrapper {
    margin-left: 0;
  }

  .footer_navigation-wrapper {
    margin-top: 0;
  }

  .fs-styleguide-nav-logo {
    z-index: 1;
    background-color: #1a1a1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    display: flex;
  }

  .padding-medium {
    padding: 24px;
  }

  .padding-small {
    padding: 12px;
  }

  .padding-large {
    padding: 40px;
  }

  .padding-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tablet-marg-left-small {
    margin-left: 8px;
  }

  .tablet-marg-left-medium {
    margin-left: 16px;
  }

  .tablet-marg-left-large {
    margin-left: 24px;
  }

  .tablet-marg-right-small {
    margin-right: 8px;
  }

  .tablet-marg-right-medium {
    margin-right: 16px;
  }

  .tablet-marg-right-large {
    margin-right: 24px;
  }

  .tablet-marg-bottom-small {
    margin-bottom: 16px;
  }

  .tablet-marg-bottom-medium {
    margin-bottom: 32px;
  }

  .tablet-marg-bottom-large {
    margin-bottom: 64px;
  }

  .tablet-marg-bottom-xlarge {
    margin-bottom: 128px;
  }

  .tablet-marg-top-small {
    margin-top: 16px;
  }

  .tablet-marg-top-medium {
    margin-top: 32px;
  }

  .tablet-marg-top-large {
    margin-top: 64px;
  }

  .tablet-marg-top-xlarge {
    margin-top: 128px;
  }

  .padding-xlarge {
    padding: 80px;
  }

  .padding-horizontal-xlarge {
    padding-left: 80px;
    padding-right: 80px;
  }

  .tablet-pad-small {
    padding: 12px;
  }

  .tablet-pad-medium {
    padding: 24px;
  }

  .tablet-pad-large {
    padding: 40px;
  }

  .tablet-pad-xlarge {
    padding: 80px;
  }

  .tablet-pad-vertical-xlarge {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .tablet-pad-vertical-large {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .tablet-pad-vertical-medium {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .tablet-pad-vertical-small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .tablet-pad-horizontal-small {
    padding-left: 12px;
    padding-right: 12px;
  }

  .tablet-pad-horizontal-medium {
    padding-left: 24px;
    padding-right: 24px;
  }

  .tablet-pad-horizontal-large {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .fs-styleguide-hero-img {
    min-width: auto;
    max-width: 500px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
  }

  .fs-grid-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .fs-styleguide-nav-button-inner {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .fs-styleguide-nav_menu {
    background-color: #1c1c1c;
    border-radius: 30px;
    padding: 72px 8px 24px;
    font-size: 24px;
  }

  .fs-styleguide-nav_button {
    z-index: 10;
    background-color: #1a1a1a;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    padding: 18px;
    transition: transform .4s ease-in-out;
    display: flex;
  }

  .fs-styleguide-nav_button.w--open {
    z-index: 2;
    background-color: #1d1d1d;
    transform: rotate(180deg);
  }

  .fs-styleguide-nav_icon {
    transform: translate(0, 2px);
  }

  .fs-styleguide-nav_brand {
    height: 32px;
  }

  .navigation-items {
    background-color: #fff;
  }

  .menu-icon {
    display: block;
  }

  .logo-link {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .logo-link.w--current {
    flex: 1;
  }

  .navigation-item {
    text-align: center;
    padding: 15px 30px;
    transition: background-color .4s, opacity .4s, color .4s;
  }

  .navigation-item:hover {
    background-color: #f7f8f9;
  }

  .navigation-item:active {
    background-color: #eef0f3;
  }

  .menu-button {
    padding: 0;
  }

  .menu-button.w--open {
    background-color: #0000;
  }

  .navigation {
    padding: 25px 30px;
  }

  .image-logo {
    max-width: 70%;
    position: static;
    bottom: 0;
  }

  .navigation-wrap {
    background-color: #fff;
    justify-content: space-between;
  }

  .button-4 {
    justify-content: center;
  }

  .button-4.cc-contact-us {
    display: block;
  }

  .button-4.cart {
    align-items: stretch;
    display: flex;
  }

  .menu {
    margin-left: 30px;
    position: static;
  }

  .pdp_vendor, .pdp_price, .pdp_product-title {
    color: #000;
  }

  .pdp_compare-price {
    color: #c79a60;
  }

  .striekthrough-red {
    width: 95%;
  }

  .story_image {
    z-index: 20;
    min-width: 250px;
  }

  .story_image.left {
    margin-left: -10%;
  }

  .wiz-h1 {
    font-size: 44px;
  }

  .horizontal-logo {
    max-width: 170px;
  }

  .blurb-image {
    position: relative;
  }

  .testu {
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .horizontal-content-block {
    padding-left: 25px;
    padding-right: 40px;
  }

  .column-wrap {
    flex-wrap: wrap;
  }

  .blurb_author-image {
    max-width: 90px;
  }

  .wiz-h2.text-orange {
    font-size: 28px;
  }

  .cart-wrapper-2 {
    display: none;
  }

  .cart-wrap {
    background-color: #0000;
    justify-content: center;
    display: block;
  }

  .cart-contents {
    width: auto;
    min-width: auto;
    max-width: none;
    padding: 0 20px;
  }

  .h3.chapters {
    width: 100%;
    font-size: 18px;
  }

  .nav-link {
    order: 1;
    font-size: 14px;
  }

  .container-style-guide {
    flex-direction: column;
    padding-left: 3em;
    padding-right: 3em;
  }

  .paragraph {
    margin-bottom: 23px;
  }

  .p.chapter {
    font-size: 14px;
  }

  .part-title-chapter-wrap {
    padding-left: 10px;
  }

  .faq-container {
    width: 100%;
    min-width: 0;
  }

  .contain {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contain.chapters-wrap {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
  }

  .heading-14 {
    color: #fff;
  }

  .omt-h2 {
    font-size: 1.9em;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 40px;
  }

  h2 {
    font-size: 32px;
  }

  h3 {
    font-size: 24px;
  }

  .margin-bottom-small {
    margin-bottom: 12px;
  }

  .margin-bottom-large {
    margin-bottom: 48px;
  }

  .margin-bottom-medium {
    margin-bottom: 24px;
  }

  .margin-bottom-xlarge {
    margin-bottom: 80px;
  }

  .grid-row {
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    grid-auto-flow: row;
  }

  .grid-row.mobile-1-col {
    grid-row-gap: 24px;
    grid-auto-flow: row;
  }

  .heading-xlarge {
    font-size: 40px;
  }

  .heading-large {
    font-size: 32px;
  }

  .heading-medium {
    font-size: 24px;
  }

  .margin-left-small {
    margin-left: 4px;
  }

  .margin-left-large {
    margin-left: 16px;
  }

  .margin-left-medium {
    margin-left: 8px;
  }

  .margin-left-xlarge {
    margin-left: 16px;
  }

  .grid-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .grid-3-col.mobile-1-col {
    grid-row-gap: 60px;
    grid-template-columns: 1fr;
  }

  .grid-4-col {
    grid-template-columns: 1fr 1fr;
  }

  .hide-landscape {
    display: none;
  }

  .show-landscape {
    display: block;
  }

  .container.cart_contain {
    flex-direction: column;
    display: flex;
  }

  .container.cart_subtotal-contain {
    margin-left: 0;
  }

  .container.cart-contain {
    padding-bottom: 32px;
    padding-left: 32px;
  }

  .container.cart_subtotal-contain {
    flex-direction: column;
    display: flex;
  }

  .home-content {
    justify-items: stretch;
  }

  .margin-right-small {
    margin-right: 4px;
  }

  .margin-right-medium {
    margin-right: 8px;
  }

  .margin-right-large, .margin-right-xlarge {
    margin-right: 16px;
  }

  .button.wiz-text {
    font-size: 20px;
  }

  .padding-horizontal-medium {
    padding-left: 20px;
    padding-right: 20px;
  }

  .margin-top-medium {
    margin-top: 24px;
  }

  .margin-top-small {
    margin-top: 12px;
  }

  .margin-top-large {
    margin-top: 48px;
  }

  .margin-top-xlarge {
    margin-top: 80px;
  }

  .card-layout {
    grid-column-gap: 5vw;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .footer_content {
    grid-template-columns: 1fr;
  }

  .text-large {
    font-size: 20px;
  }

  .text-large.text-orange {
    font-size: 22px;
  }

  .text-large.wiz-text {
    text-align: center;
    font-size: 22px;
  }

  .home-hero_image-wrapper {
    max-width: 40vh;
  }

  .fs-styleguide-nav-button {
    z-index: 2;
  }

  .page-padding {
    padding-left: 40px;
    padding-right: 40px;
  }

  .fs-styleguide-page-wrapper {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
  }

  .footer_navigation-wrapper {
    grid-row-gap: 40px;
    grid-template-columns: 1fr 1fr;
  }

  .fs-styleguide-block-highlight {
    grid-template-columns: 1fr;
  }

  .padding-medium {
    padding: 24px;
  }

  .padding-small {
    padding: 12px;
  }

  .footer-social-row {
    margin-top: 40px;
  }

  .padding-vertical-xlarge {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .tablet-marg-left-small {
    margin-left: 4px;
  }

  .tablet-marg-left-medium {
    margin-left: 8px;
  }

  .tablet-marg-left-large {
    margin-left: 16px;
  }

  .tablet-marg-right-small {
    margin-right: 4px;
  }

  .tablet-marg-right-medium {
    margin-right: 8px;
  }

  .tablet-marg-right-large {
    margin-right: 16px;
  }

  .mobile-marg-left-small {
    margin-left: 4px;
  }

  .mobile-marg-left-medium {
    margin-left: 8px;
  }

  .mobile-marg-left-large {
    margin-left: 16px;
  }

  .mobile-marg-right-small {
    margin-right: 4px;
  }

  .mobile-marg-right-medium {
    margin-right: 8px;
  }

  .mobile-marg-right-large {
    margin-right: 16px;
  }

  .tablet-marg-bottom-small {
    margin-bottom: 12px;
  }

  .tablet-marg-bottom-medium {
    margin-bottom: 24px;
  }

  .tablet-marg-bottom-large {
    margin-bottom: 48px;
  }

  .tablet-marg-bottom-xlarge {
    margin-bottom: 80px;
  }

  .tablet-marg-top-small {
    margin-top: 12px;
  }

  .tablet-marg-top-medium {
    margin-top: 24px;
  }

  .tablet-marg-top-large {
    margin-top: 48px;
  }

  .tablet-marg-top-xlarge {
    margin-top: 80px;
  }

  .mobile-marg-bottom-small {
    margin-bottom: 12px;
  }

  .mobile-marg-bottom-medium {
    margin-bottom: 24px;
  }

  .mobile-marg-bottom-large {
    margin-bottom: 48px;
  }

  .mobile-marg-bottom-xlarge {
    margin-bottom: 80px;
  }

  .mobile-marg-top-small {
    margin-top: 12px;
  }

  .mobile-marg-top-medium {
    margin-top: 24px;
  }

  .mobile-marg-top-large {
    margin-top: 48px;
  }

  .mobile-marg-top-xlarge {
    margin-top: 80px;
  }

  .padding-xlarge {
    padding: 64px;
  }

  .padding-horizontal-xlarge {
    padding-left: 64px;
    padding-right: 64px;
  }

  .tablet-pad-xlarge {
    padding: 64px;
  }

  .mobile-pad-small {
    padding: 12px;
  }

  .mobile-pad-medium {
    padding: 24px;
  }

  .mobile-pad-large {
    padding: 40px;
  }

  .mobile-pad-xlarge {
    padding: 64px;
  }

  .tablet-pad-vertical-xlarge {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .mobile-pad-vertical-small {
    padding-top: 12px;
    padding-bottom: 12px;
  }

  .mobile-pad-vertical-medium {
    padding-top: 24px;
    padding-bottom: 24px;
  }

  .mobile-pad-vertical-large {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .mobile-pad-vertical-xlarge {
    padding-top: 64px;
    padding-bottom: 64px;
  }

  .mobile-pad-horizontal-large {
    padding-left: 40px;
    padding-right: 40px;
  }

  .mobile-pad-horizontal-medium {
    padding-left: 24px;
    padding-right: 24px;
  }

  .mobile-pad-horizontal-small {
    padding-left: 12px;
    padding-right: 12px;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .fs-styleguide-hero-img {
    width: 100%;
    max-width: 40vh;
  }

  .fs-styleguide-grid {
    max-height: 400px;
  }

  .fs-grid-3-col {
    grid-template-columns: 1fr 1fr;
  }

  .logo-link {
    padding-left: 0;
  }

  .navigation {
    padding: 20px 30px;
  }

  .image-logo {
    max-width: 50%;
    bottom: 0;
  }

  .cart-wrapper {
    display: none;
    overflow: auto;
  }

  .cart-items-wrapper {
    overflow: auto;
  }

  .cart_exit-icon {
    align-self: flex-end;
  }

  .cart_flex-wrapper {
    width: auto;
    min-width: 0;
    max-width: 60vw;
  }

  .button-4.cart {
    width: 70px;
    height: 70px;
    display: flex;
  }

  .section {
    margin-left: 15px;
    margin-right: 15px;
  }

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

  .columns-2 {
    flex-direction: column;
  }

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

  .striekthrough-red {
    width: 90%;
  }

  .text-xlarge {
    font-size: 20px;
  }

  .text-xlarge.text-orange.wiz-text-large {
    font-size: 28px;
  }

  .story_image.left {
    margin-left: 0;
  }

  .blurb-card {
    flex-wrap: wrap;
    justify-content: center;
  }

  .horizontal-angle {
    display: none;
  }

  .blurb_v2 {
    padding-bottom: 70px;
    overflow: visible;
  }

  .slider-horizontal {
    width: 100%;
    max-width: 87vw;
    margin-left: auto;
    margin-right: auto;
  }

  .horizontal-content-block {
    width: 100%;
    padding: 45px;
  }

  .horizontal-fixed-height {
    min-height: 69px;
  }

  .text-author-job {
    font-size: 16px;
  }

  .blurb-image-wrap {
    width: 50%;
    display: block;
  }

  .cart_exit-link {
    padding: 10px;
  }

  .cart-wrapper-2 {
    width: 100%;
    display: none;
    inset: 0% 0% 0% auto;
  }

  .cart-wrap {
    z-index: 99999;
    position: fixed;
    inset: 0% 0% auto auto;
  }

  .cart_product-image {
    width: 50%;
  }

  .h1.hero {
    width: 80%;
    font-size: 36px;
    line-height: 46px;
  }

  .cart-contents {
    width: 50%;
    min-width: auto;
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }

  .h3.chapters {
    color: #000;
    font-size: 24px;
  }

  .h3.black {
    margin-top: 0;
    margin-bottom: 50px;
    display: block;
  }

  .container-7 {
    padding-left: 0;
    padding-right: 0;
  }

  .colorbox {
    margin-bottom: 15px;
    margin-left: 10px;
    margin-right: 15px;
  }

  .colorbox.blackcolor {
    margin-left: 10px;
  }

  .flex3col {
    width: 100%;
  }

  .flexcolwrap {
    flex-direction: column;
  }

  .flex2col {
    width: 100%;
  }

  .heading-13 {
    font-size: 18px;
  }

  .tabs-menu-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-right: 0;
    display: flex;
  }

  .part-tab {
    width: 100%;
  }

  .p.chapter {
    max-width: 50ch;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 18px;
  }

  .p.chapter.accordion {
    padding-top: 0;
  }

  .faq {
    background-color: #bcbcbc;
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .part-title-wrap {
    justify-content: flex-start;
    align-items: flex-end;
    padding-bottom: 0;
  }

  .part-number-wrap-2 {
    background-color: #000;
  }

  .part-parent {
    flex-direction: column;
    align-items: center;
    display: none;
  }

  .part-text {
    color: #101010;
  }

  .faq-container {
    margin-bottom: 0;
    display: block;
  }

  .contain {
    padding-left: 30px;
    padding-right: 30px;
  }

  .contain.chapters-wrap {
    border-bottom-style: none;
    margin-bottom: 0;
    padding-left: 25px;
    padding-right: 25px;
  }

  .cart-outside {
    flex: 1;
    width: auto;
  }

  .play-icon-wrap {
    width: 30px;
    height: 30px;
  }

  .triangle {
    border-top-width: 5px;
    border-bottom-width: 5px;
    border-left-width: 8.75px;
  }
}

@media screen and (max-width: 479px) {
  h5 {
    color: #fff;
  }

  p {
    color: #1a1a1a;
    margin-top: 10px;
  }

  .grid-row {
    grid-template-rows: auto auto;
  }

  .grid-row.gap-small {
    grid-row-gap: 8px;
  }

  .grid-row.gap-large {
    grid-row-gap: 32px;
  }

  .grid-row.gap-medium {
    grid-row-gap: 24px;
  }

  .grid-row.gap-xlarge {
    grid-row-gap: 40px;
  }

  .grid-2-col {
    grid-template-columns: 1fr;
  }

  .grid-3-col {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
  }

  .grid-4-col {
    grid-template-columns: 1fr;
  }

  .hide-mobile {
    display: none;
  }

  .show-mobile {
    display: block;
  }

  .container.cart_contain {
    overflow: auto;
  }

  .container.background-layer-parallax_penguin, .container.background-layer-parallax_blah-blah {
    background-image: url('../images/PenguinSetsSail_FrontCover.png'), linear-gradient(to bottom, var(--ivory) 30%, var(--cadet-blue));
    background-position: 50% 69%, 0 0;
    background-repeat: no-repeat, repeat;
    background-size: 621px, auto;
    background-attachment: fixed, scroll;
  }

  .home-content {
    grid-template-columns: 100%;
    max-width: 100%;
  }

  .card-layout {
    grid-template-columns: 100%;
    grid-auto-columns: 100%;
  }

  .text-large.wiz-text {
    text-align: left;
  }

  .footer_navigation-wrapper {
    grid-template-columns: 1fr;
  }

  .grid-8-col {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .fs-grid-3-col {
    grid-template-columns: 1fr;
  }

  .logo-link {
    justify-content: space-between;
  }

  .menu-button, .menu-button.w--open {
    flex: none;
  }

  .navigation {
    padding: 12px 10px;
  }

  .image-logo {
    align-self: center;
    max-width: 70%;
    padding-left: 0;
    position: static;
  }

  .image-logo.margin-left-small {
    align-self: center;
    max-width: 100%;
  }

  .cart-wrapper {
    display: none;
  }

  .navigation-wrap {
    justify-content: space-between;
  }

  .cart_flex-wrapper {
    max-width: 75vw;
  }

  .menu {
    margin-left: 15px;
  }

  .tab-link_product-details.w--current {
    color: var(--sandy-brown);
    background-color: #000;
  }

  .tab-link-tab-2 {
    background-color: #b6b6b6;
  }

  .container-6 {
    padding-top: 0;
  }

  .logo-image {
    flex-direction: row;
    align-items: center;
    max-height: none;
    display: flex;
  }

  .logo-image.padding-vertical-small {
    flex-direction: column;
  }

  .story_image {
    min-width: 0;
  }

  .wiz-h1 {
    white-space: nowrap;
    font-size: 9vw;
  }

  .image-author {
    display: block;
    position: static;
  }

  .image-author.margin-bottom-medium {
    width: 80px;
  }

  .blurb_title-wrapper {
    align-items: center;
    width: auto;
  }

  .blurb-card {
    box-shadow: none;
    background-color: #fff;
    margin-top: 16px;
    margin-bottom: 16px;
  }

  .right-arrow {
    background-color: #0000;
    font-size: 30px;
    position: absolute;
    inset: 0 -25px -3% auto;
  }

  .blurb_v2 {
    min-height: 400px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .author-block {
    margin-top: 15px;
  }

  .left-arrow {
    background-color: #0000;
    font-size: 30px;
    inset: 0 auto -3% -25px;
  }

  .horizontal-content-block {
    padding: 20px 15px;
  }

  .blurb-image-wrap {
    width: 90%;
  }

  .blurb-card-wrapper {
    flex-direction: column;
  }

  .wiz-h2 {
    font-size: 9vw;
  }

  .image-3 {
    width: 20px;
    max-width: none;
    display: none;
  }

  .heading-11 {
    font-size: 18px;
  }

  .cart-wrapper-2 {
    display: none;
    overflow: scroll;
  }

  .cart_product-image {
    max-width: 50%;
  }

  .cart-contents {
    width: 80%;
    min-width: auto;
    max-width: none;
    height: auto;
  }

  .h3.chapters {
    width: auto;
    font-size: 5vw;
  }

  .hero_content-wrapper {
    padding-left: 20px;
    padding-right: 20px;
  }

  .icon, .icon-2, .text-block-13 {
    color: var(--sandy-brown);
  }

  .cta-button {
    font-size: 15px;
  }

  .small-p {
    font-size: 13px;
    line-height: 22px;
  }

  .tabs-menu-3 {
    padding-right: 0;
  }

  .p.chapter {
    font-size: 16px;
  }

  .part-parent {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .faq-container {
    display: block;
  }

  .cart-outside {
    flex: 1;
    width: auto;
  }

  .padding-bottom-zero {
    padding-bottom: 0;
  }

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

  .triangle {
    margin-left: 0;
  }
}

#w-node-_2e16e5b9-b73d-f1be-62bc-9b703cc4aceb-f8930b0f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc6393a6-4e2a-6c52-5477-b9680f7a0e25-f8930b0f {
  grid-area: 2 / 1 / 3 / 2;
}

#w-node-dae5ec0a-5aa4-0234-66f3-7f9077652c94-f8930b0f {
  align-self: end;
}

#w-node-cffb273f-9051-c9ac-38e0-2e80a66e45a3-699e34d1, #w-node-d8baa1e7-a23d-710e-e9bc-6e7a152fb084-699e34d1, #w-node-_14b7334b-3bbc-fc88-7600-48e421978363-699e34d1, #w-node-_2979597d-1f57-c5fc-0757-13d88dc59498-699e34d1, #w-node-_24f417d4-0ea2-28e1-9e2e-1cd36622c8f4-699e34d1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_2e16e5b9-b73d-f1be-62bc-9b703cc4aceb-f8930b0f {
    grid-area: 2 / 1 / 3 / 2;
  }
}

@media screen and (max-width: 479px) {
  #w-node-bc6393a6-4e2a-6c52-5477-b9680f7a0e25-f8930b0f {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_8946b1f7-0213-399f-7c0e-79a0ad1747f1-f8930b0f {
    justify-self: start;
  }

  #w-node-_14b7334b-3bbc-fc88-7600-48e421978363-699e34d1 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Hvd bodedo';
  src: url('../fonts/HVD_Bodedo.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Minionpro';
  src: url('../fonts/MinionPro-Bold.otf') format('opentype'), url('../fonts/MinionPro-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Minionpro';
  src: url('../fonts/MinionPro-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Minionpro';
  src: url('../fonts/MinionPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Minionpro';
  src: url('../fonts/MinionPro-Semibold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Avenirnextltpro';
  src: url('../fonts/AvenirNextLTPro-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}